Dreamweaver试题及答案三

2010-8-10 9:51【大中小】【我要纠错】

1、在Dreamweaver中，下面关于调用Fireworks优化图像窗口说法错误的是B：

A、可以选择图像格式

B、不可以选择透明方式

C、可以修改网页图像的大小

D、在预览窗口中可以将网页图像放大和缩小显示，或是使用多窗口显示

2、在Dreamweaver中，下面关于设置创建网页图像集的说法错误的是：D

A、在属性对话框中，你可以设置选择微缩图尺寸

B、在属性对话框中，你可以设置选择微缩图格式

C、在属性对话框中，你可以设置选择放大的图像格式

D、不能设置放大的图像的尺寸比例

3、在Dreamweaver中预置了许多的配色方案，我们可以选择一种方案轻松地设计出漂亮的网页：A

A、正确

B、错误

4、在Dreamweaver中，下面不是历史面板的作用的是：D

A、撤消一步或几步

B、重做一步或几步

C、编成一个自动批处理的新命令

D、清除重复多余的代码

5、在Dreamweaver中，快速打开历史面板的快捷键是：A

A、Shift+F10

B、Shift+F8

C、Alt+F8

D、Alt+F10

6、在Dreamweaver中的历史面板的最大记录数目是D：

A、10

B、30

C、60

D、可以自己设置

7、在Dreamweaver中，保存的批处理命令在哪个菜单中出现A：

A、Commands

B、Modify

C、Window

D、Text

8、按住什么键，同时在想要选中的排版单元格内任意处单击鼠标，可以快速选中单元格B

A、Shift

B、Ctrl

C、Alt

D、Shift+Alt

9、在Dreamweaver MX中，下面是使用表单的作用的是：ABCD

A、收集访问者的浏览印象

B、访问者登记注册免费邮件时，可以用表单来收集一些必需的个人资料

C、在电子商场购物时，收集每个网上顾客具体购买的商品信息

D、使用搜索引擎查找信息时，查询的关键词都是通过表单递交到服务器上的

10、下面表单的工作过程说法错误的是：C

A、访问者在浏览有表单的网页时，填上必需的信息，然后按某个按钮递交

B、这些信息通过Internet传送到服务器上

C、服务器上专门的程序对这些数据进行处理，如果有错误会自动修正错误

D、当数据完整无误后，服务器反馈一个输入完成信息

11、在Dreamweaver MX中，Field标签主要表示表单递交的方式以及递交给的程序，Form 区供浏览者填写各种表单内容B

A、正确

B、错误

12、在Dreamweaver MX中，下面关于Field元素的说法错误的是D：

A、Form元素的主要属性有Method和Action Method

B、表示表单递交的方法是Post还是Get Action

C、是告诉表单把收集到的数据送到什么地方

D、Action指向处理表单数据的服务端程序而不能是mailto标签

13、服务器端的权限是不开放的情况下，关于递交表单说法正确的是：B

A、可以用服务端程序的方法来处理表单

B、想使用表单，可以用mailto标签

C、可以用服务端程序的方法来处理表单和使用mailto标签

D、以上说法都错

14、在Dreamweaver MX中，下面关于Post与Get的区别的说法错误的是：D

A、一般Get方式是将数据附在URL后发送

B、Get方式数据长度不能超过100 个字符

C、一般搜索引擎中查找关键词等简单操作通过Get方式进行

D、Post则不存在字符长度的限制，但也会把内容附到URL后

15、在Dreamweaver中插入单行文本域时，下面不是文本域形式的是：D

A、单行域

B、口令域

C、多行域

D、限制行域

16、下面关于设置文本域的属性说法错误的是：B

A、单行文本域只能输入单行的文本

B、通过设置可以控制单行域的高度

C、通过设置可以控制输入单行域的最长字符数

D、口令域的主要特点是不在表单中显示具体输入内容，而是用*来替代显示

17、下面关于设置按钮属性的说法错误的是：C

A、在设置属性面板上的按钮属性有递交属性

B、在设置属性面板上的按钮属性有重置属性

C、在设置属性面板上的按钮自己不可以填加属性

D、可以用图片来制作图形按钮

18、在使用表单时，如下图所示其表示：A

A、插入文本域

B、插入复选框

C、插入列表项

D、插入单选项

19、在使用表单时，如下图所示其表示：D

A、插入递交按钮

B、插入重置按钮

C、插入图像

D、插入图形按钮

20、下面关于制作跳转菜单的说法错误的是：D

A、利用跳转菜单可以使用很小的网页空间来做更多的链接

B、在设置跳转菜单属性时，可以调整各链接的顺序

C、在插入跳转菜单时，可以选择是否加上Go按钮

D、默认是有Go按钮

21、下面可以用来编辑网站后端程序的是：ABCD

A、Perl

B、ASP

C、C

D、Java

22、在使用表单时，文本域主要有几种形式：C

A、1

B、2

C、3

D、4

23、下面关于使用框架的弊端和作用说法错误的是：B

A、增强网页的导航功能

B、在低版本的IE浏览器（如IE 3.0）中不支持框架

C、整个浏览空间变小，让人感觉缩手缩脚

D、容易在每个框架中产生滚动条，给浏览造成不便

24、在Dreamweaver MX中预设有多少种常用框架：D

A、八种

B、B、九种

C、十一种

D、十三种

25、下面关于框架的构成及设置的说法错误的是：A

A、一个框架实际上是由一个HTML文档构成

B、在每个框架中，都有一个蓝色的区块，这个区块是主框架的位置

C、当在一个页面插入框架时，原来的页面就自动成了主框架的内容

D、一般主框架用来放置网页内容，而其他小框架用来进行导航

26、下面关于创建一个框架的说法错误的是：D

A、新建一个HTML文档，直接插入系统预设的框架就可以建立框架了

B、打开File菜单，选择Save All Frames命令，系统自动会叫你保存

C、如果要保存框架时，在编辑区的所保存框架周围会看到一圈虚线

D、不能创建十三种以外的其他框架的结构类型

27、下面关于删除框架的说法错误的是：D

A、刚开始建立时可以用Undo（撤消）来删除

B、在操作了比较长的时间后，不可以通过菜单命令来删除

C、用鼠标拖动框架间的边框，一直把它拖到最边上，就可以删除一个框架了

D、选中其中一框架通过组合键Ctrl+D可以用来删除框架

28、在Dreamweaver MX中，除了预设的框架类型以外，还可以用重复插入或分割的方法，创建各种形式的框架：A

A、正确

B、错误

29、下面关于分割框架的说法错误的是：D

A、打开Modify菜单，指向Frameset，选择Split Frame Up命令，把页面分为上下相等的两个框架

B、可以用鼠标拖拽的方法来分割框架

C、你可以将自己做好的框架保存以便以后使用

D、分割框架系统自动会命名

30 在Dreamweaver MX中，出于美观考虑我们会使分框架成为一个整体，下面的设置说法正确的是：A

A、框架的边界设置为0

B、把导航框中的元素设置成相对位置

C、滚动条尽量只出现在非主框架

D、以上说法都错误

网页设计与制作试题

第一部分选择题

一、单项选择题(本大题共20小题，每小题1分，共20分。在每小题的四个备选答案中，选出一个正确答案，并将正确答案的字母填在题干的括号内)

1.目前在Internet上应用最为广泛的服务是( )

A.FTP服务

B.WWW服务

C.Telnet服务

D.Gopher服务

2.在域名系统中，域名采用( )

A.树型命名机制

B.星型命名机制

C.层次型命名机制

D.网状型命名机制

3.IP地址在概念上被分为( )

A.二个层次

B.三个层次

C.四个层次

D.五个层次

4.在网站设计中所有的站点结构都可以归结为( )

A.两级结构

B.三级结构

C.四级结构

D.多级结构

5.Web安全色所能够显示的颜色种类为( )

A.4种

B.16种

C.216种

D.256种

6.为了标识一个HTML文件应该使用的HTML标记是( )

A.

B.

C.

D.

7.在客户端网页脚本语言中最为通用的是( )

A.javascript

B.VB

C.Perl

D.ASP

8.在HTML中，标记的Size属性最大取值可以是( )

A.5

B.6

C.7

D.8

9.在HTML中，标记

的作用是( )
A.标题标记
B.预排版标记
C.转行标记
D.文字效果标记
10.在DHTML中把整个文档的各个元素作为对象处理的技术是( )
A.HTML
B.CSS
C.DOM
D.Script(脚本语言)
11.下面不属于CSS插入形式的是( )
A.索引式
B.内联式
C.嵌入式
D.外部式
12.使用FrontPage时，如果要检查网页的超链接是否正确有效，可以使用( )
A.网页视图
B.超链接视图
C.报表视图
D.导航视图
13.如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )
A.HTTP
B.HTTPS
C.SHTTP
D.SSL
14.下列描述错误的是( )
A.DHTML是HTML基础上发展的一门语言
B.根据处理用户操作位置的不同，HTML主要分为两大类：服务器端动态页面和客户端动态页面
C.客户端的DHTML技术包括HTML4.0、CSS、DOM和脚本语言
D.DHTML侧重于Web的内容的动态表现
15.对远程服务器上的文件进行维护时，通常采用的手段是( )
A.POP3
B.FTP
C.SMTP
D.Gopher
16.下列Web服务器上的目录权限级别中，最安全的权限级别是( )
A.读取
B.执行
C.脚本
D.写入
17.XML描述的是( )
A.数据的格式
B.数据的规则
C.数据的本身
D.数据的显示方式
18.Internet上使用的最重要的两个协议是( )
A.TCP和Telnet
B.TCP和IP
C.TCP和SMTP
D.IP和Telnet
19.非彩色所具有的属性为( )
A.色相
B.饱和度
C.明度
D.纯度
20.下面说法错误的是( )
A.规划目录结构时，应该在每个主目录下都建立独立的images目录
B.在制作站点时应突出主题色
C.人们通常所说的颜色，其实指的就是色相
D.为了使站点目录明确，应该采用中文目录
二、多项选择题(本大题共10小题，每小题2分，共20分。在每小题的五个备选答案中，选出二至五个正确的答案，并将正确答案的字母分别填在题干的括号内，多选、少选、错选均不得分。)
21.WWW的组成主要包括( )
A.URL
B.Gopher
C.HTML
D.HTTP
E.Telnet
22.下列关于IP地址与域名的说法正确的是( )
A.IP地址以数字表示，域名用字符表示
B.IP地址是供全球识别的通信地址
C.IP地址与域名是一一对应的
D.域名可以多于三个层次
E.IP地址与域名都限制在32位内
23.一般来说，适合使用信息发布式网站模式的题材有( )
A.软件下载
B.新闻发布
C.个人简介
D.音乐下载
E.文学作品大全
24.网页制作工具按其制作方式分，可以分为( )
A.通用型网而制作工具
B.标记型网页制作工具
C.专业型网页制作工具
D.编程型网页制作工具
E.“所见即所得”型网页制作工具
25.下列关于网页设计的说法中，正确的有( )
A.冷暖色调在均匀使用时不宜靠近
B.纯度相同的两种颜色适宜放在一起
C.整个页面中最好有一个主色调
D.文本的色彩不会发生抖动，只有图片的色彩才会发生抖动
E.抽象线条的构图很容易造成重心不稳
26.下面说法正确的是( )
A. Java是一种编译语言
B. JaveScript是面向对象的程序设计语言
C. javascript是由SUN公司开发的
D. javascript的源代码非常安全
E. Java采用强定义类型变量检查
27.以下属于DHTML最主要的优点的是( )
A.动态样式
B.动态定位
C.动态链接
D.动态内容
E.动态扩展
28.在CSS中，下面属于BOX模型属性的有( )
A. font
B. margin
C. padding
D. visible
E. border
29.下面属于javascript对象的有( )
A. Window
B. Document
C. Form
D. String
E. Navigator
30.下面关于CSS的说法正确的有( )
A. CSS可以控制网页背景图片
B. margin属性的属性值可以是百分比
C. 整个BODY可以作为一个BOX
D. 对于中文可以使用word-spacing属性对字间距进行调整
E. margin属性不能同时设置四个边的边距
第二部分非选择题
三、名词解释(本大题共5小题，每小题3分，共15分)
31.DOM
32.网站的层次
33.贴层
34.可扩展标记语言(XML)
35.标记
四、简答题(本大题共5小题，每小题5分，共25分)
36.简述选择符的作用及分类。
37.简述XML的主要特征。
38.简述FrontPage的主要功能。
39.简述HTML文件的基本标记组成。
40.简述Java与javascript的主要区别。
五、论述题(本大题共2小题，每小题10分，共20分)
41.论述抖动产生的原理。
42.论述网页设计中所需要注意的通用规则。
答案部分
一、单项选择题(本大题共20小题，每小题1分，共20分)
1.B
2.C
3.B
4.B
5.C
6.C
7.A
8.C
9.B 10.C
11.A 12.C 13.B 14.B 15.B
16.A 17.C 18.B 19.C 20.D
二、多项选择题(本大题共10小题，每小题2分，共20分)
21.ACD 22.ABCD 23.ABDE 24.BE 25.ACE
26.AE 27.ABD 28.BCE 29.ABCDE 30.ABC
三、名词解释(本大题共5小题，每小题3分，共15分)
31.DOM即文档对象模型，为HTML文档定义了一个与平台无关的程序接口。
32.网站的层次是指主页面(首面或一级页面)和二级页面、三级页面之间的结构关系。
33.贴层是用于精确地定位页面元素的一种CSS属性。具有贴层(clip)属性的元素在网页上，三维方向的位置都是可以控制的。
34.可扩展标记语言(XML)是一种基于SGML标准的网络信息描述语言，能够允许用户创建自己的DTD。
35.标记是HTML中用来标识网页元素的类型、格式和外观的文本字符串。
四、简答题(本大题共5小题，每小题5分，共25分)
36.选择符作用在于定义CSS的名称，以便引用。
在CSS中主要有三种选择符：
(1)超文本标记选择符；
(2)类选择符；
(3)ID选择符。
37.XML的最主要的特点是：
(1)严密性；
(2)可扩展性；
(3)互操作性；
(4)开放性。
38.FrontPage的主要功能有：
创建Web站点；
管理Web站点；
制作网页；
发布站点；
维护站点；
39.HTML文件的基本标记组成为：
(1) 
(2) 
(3) 
40.主要的区别在于以下几方面：
(1)Java是面向对象的，而javascript是基于对象的；
(2)javascript是解释执行的，而Java是编译执行；
(3)Java采用强变量，javascript采用弱变量；
(4)两者的代码格式不同；
(5)两者嵌入的方式不一样；
(6)Java采用静态联编，javascript采用动态联编。
五、论述题(本大题共2小题，每小题10分，共20分)
41.如果采用了安全调色板以外的颜色，在Web上显示时就会产生“抖动”。抖动是由于Web 安全色的限制而产生的。由于浏览器本身不能显示所有的颜色。因而伪造了那些在颜色有限的调色板中不能显示出来的颜色。在视觉上，近邻的像素倾向于混合而产生在图像中实际不存在的颜色，从而达到一种补偿目的。“抖动”的图像有很多颗粒，显得图像非常粗糙。42.首先，网站的设计目的决定设计方案。其次，浏览者的需求要放在第一位。另外还需要注意页面的有效性。页面的布局要保持统一。使表格和适当的帧结构来设计网页。要谨慎使用图片。要有平面设计意识。同时减少Java Applet和其他多媒体的使用。
Dreamweaver 8 基础代码 HTML基本结构（每个网页都是在基本结构的基础上添加内容的） ---------网页文件开始标签 --------头部元素开始标签 ---------网页标题结束标签 -------头部元素结束标签 ---------网页内容开始标签 ... 网页具体内容 --------网页内容结束标签 ---------网页文件结束标签 Dreamweaver的代码里打“<”会出现可选择代码，或在“< >”里打空格也会出现，方便输入。标签书写方式（不同标签书写方式不同） 1. <标签>对象 如：title、head等。 2. <标签> 如：br 3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象 如：font 注意： 1.第三种类型的标签也可以使用第一种的格式，即标签的属性不一定要写。 2.可以嵌套，但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字：... face:字体，引号中输入字体名。如：face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。 换行：
 加粗：... 倾斜：... 滚动字幕: 滚动标签：marquee 最简表达：相关字幕 滚动的属性： Direction--表示滚动的方向，值可以是left，right，up，down，默认为left Behavior--表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）
Dreamweaver代码div+css Dreamweaver代码 基本结构标签: ,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志 其它主要标签,以下所有标志用在中: ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址 
,换行标志 
,分段标志 ,采用黑体字 ,采用斜体字 
,水平画线 ,定义表格,HTML中重要的标志 ,定义表格的行,用在中 ,定义表格的单元格,用在中 ,字体样式标志
属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. 
表示绝对居中. 表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距 cellspacing=数值单位是像素,定义表元间距 border=数值单位是像素,定义表格边框宽度 width=数值单位是像素或窗口百分比,定义表格宽度 background=图片链接地址,定义表格背景图 表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束 属性:
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
网页设计复习试题（理论） 一、选择题 1、在网页中不能添加的元素是（ D ） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 2、下面不属于“页面属性”中可以设置的内容（ D） A、外观 B、链接 C、跟踪图像 D、首选参数 ~ 3、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 4、下面哪个功能不是开始页能够完成的操作（D ）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 5、在下面的选项中哪种不属于网页设计的范围（ C） A、页面内容设计 B、网页架构设计 ( C、服务器设计 D、LOGO设计 6、下面的哪一项不属于网页标准色的三大色系（D ） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 7、下面文件属于静态网页的是 ( C )。 A、 B、 C、 D、 8、下面选项中哪个不是单元格的水平对齐方式之一（A ）。 。 A、两端对齐 B、默认 C、居中对齐 D、右对齐 9、以下说法正确的是（ A ） A、如果要选择多个非连续的单元格，只要按下[Ctrl]键，依次单击要选择的单元格即可 B、表格一旦创建，单元格就不能被合并和拆分了 C、表格的列的宽度和行的高度不能重新设置 D、以上都正确 10、表格的行标记是（ A ） A、tr B、td C、table D、tl 11、表格的单元格标记是（ B ） \ A、tr B、td C、table D、th 12、不可以在插入表格时弹出对话框中设置的属性（ C） A、行数 B、边框粗细 C、边框高度 D、列数 13、下列关于表格颜色的设置说法正确的是（D ） A、只能给表格设置背景颜色不能设置背景图片 B、不能对某一行设置背景颜色或背景图片 C、不能对一个单元格设置背景颜色或背景图片 D、可以对表格、行、单元格分别设置背景颜色或背景图片 & 14、下列不能创建表格的是( D ) A、单击[插入]菜单,选择[表格]命令 B、单击常用面板中的"表格"按钮 C、直接按ctrl+alt+t D、单击[文件]菜单,选择[表格]命令 15、下面哪些操作不可以在“文件”面板中完成（ D ）。 A、创建新文件 B、显示站点地图 C、文件的移动和删除 D、复制站点 16、下列哪个内容不是表格的基本组成部分（B ） A、行 B、图片 ? C、单元格 D、列 17、在“水平线”属性面板中，不能设置水平线的(c )。 A、宽度 B、高度 C、颜色 D、阴影 18、在表格属性面板中，不能设置表格的(B )。 A、边框颜色 B、文本的颜色 C、背景图像 D、背景颜色 19、（A ）的易用性以及几乎所有的浏览器所支持的特征是其他网页布局方法所取代不了的。 。 A、表格 B、框架 C、层 D、表单 20、除了（ D ）格式，其他三种图像格式都是应用于网络。 A、GIF B、JPEG C、PNG D、MP3 21、在制作文本超链接时，建立了超链接的文本（C ）发生了变化，并且多了一条下划线。 A、字体 B、大小 C、颜色 D、位置 … 22、以下能够创建空链接是（ A ） A、在”链接“文本框中直接输入“#” B、在”链接“文本框中直接输入“！” C、在”链接“文本框中直接输入“$” D、在”链接“文本框中直接输入“@” 23、。以下是Dreamweaver MX热点工具的是（D ） A、矩形热点工具 B、圆形热点工具 C、多边形热点工具 D、以上三个都是 24、下列的哪种图像格式不能插入到网页之中（D ）。 A、GIF B、JPEG { C、PNG D、BMP 25、源端点不能用于附加超链接的对象组有（ B ）。 A、文本、图像、按钮 B、文本、图像、单元格 C、文本、图像、FLASH动画 D、文本、图像、图层 26、通过页面属性可以修改链接的样式，下列哪些不能在页面属性里设置（ D ）。 A、链接的各种状态颜色 B、链接的文字样式 C、链接的下划线 D、链接文字的底纹样式
2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 … ：使文字成为前一个字符的上标。 …：使文字成为前一个字符的下标。 …：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2-4】字型设置标记的应用。 例如单标记
表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：
。 功能：设置网页中普通文字的显示效果。 格式：文字。 格式：标题内容。 属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：
…
。 强制换行标记 功能：另起一行显示文字。 格式：
 插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：
 1．无序列表 功能：设置无序列表。 格式： 
 
列表项目1 
列表项目2 属性：在无序列表的开始和结束处，分别是
和
标记，每一项列表条目之前必
Dreamweaver 8 基础代码 1 2 3 HTML基本结构（每个网页都是在基本结构的基础上添加内容的） 4 ---------网页文件开始标签 5 --------头部元素开始标签 6 ---------网页标题结束标签 9 -------头部元素结束标签 10 ---------网页内容开始标签 11 ... 网页具体内容 12 --------网页内容结束标签 13 ---------网页文件结束标签 14 15 Dreamweaver的代码里打“<”会出现可选择代码，或在“< >”里打空格也16 会出现，方便输入。 17 标签书写方式（不同标签书写方式不同） 18 1. <标签>对象 19 如：title、head等。
20 2. <标签> 21 如：br 22 3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数23 2” ...>对象 24 如：font 25 注意： 26 1.第三种类型的标签也可以使用第一种的格式，即标签的属性不一定要写。 27 2.可以嵌套，但要注意顺序。 28 29 两个代码之间至少要用一个空格隔开。 30 几个常用标签介绍 文字：... 31 32 face:字体，引号中输入字体名。如：face=“黑体”。默认是宋33 体。 size:字号。可以是-7--------+7之间整数。默认是3。 34 35 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。 36 默认黑色。 37 换行：
 38 加粗：... 39 倾斜：...
DW网页设计常用代码 ...普通卷动 ...滑动 ...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动 向右卷动 向左卷动 ...卷动次数 ...设定宽度 ...设定高度 ...设定背景颜色 ...设定卷动距离 ...设定卷动时间 字体效果 
...
标题字(最大) 
...
标题字(最小) ...粗体字 ...粗体字(强调) ...斜体字 ...斜体字(强调) ...斜体字(表示定义) ...底线 ...底线(表示插入文字) ...横线 ...删除线 ...删除线(表示删除) ...键盘文字 ...打字体 ...固定宽度字体(在文件中空白、换行、定位功能有效) ...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing>固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =font-size:100px>...</font>无限增大 <!>区断标记 <hr>水平线 <hr size=9>水平线(设定大小) <hr width=80%>水平线(设定宽度) <hr color=ff0000>水平线(设定颜色) <br>(换行) <nobr>...</nobr>水域(不换行) ... 水域(段落)</p><h2></h2><p>认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamweaver的窗口 （1）标题栏 （2）菜单栏 （3）工具栏 （4）视图栏 （5）文件夹列表 （6）工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。</p><p>HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识</p><h2></h2><p>把如下代码加入<body>区域中: 后退前进 <input type="button"value="后退"onClick="history.go(-1)"> <input type="button"value="前进"onClick="history.go( 1 );return true;">返回 <form><input type="button"value="返回上一步 "onClick="history.back(-1)"></form> 查看源码 <input type="button"name="view"value="查看源码 "onClick="window.location="view-source:" +window.location.href"> 禁止查看源码 <body oncontextmenu="return false"></body> 刷新按钮一 <input type="button"value="刷新按钮一"onClick="ReloadButton()"> <script>function ReloadButton(){location.href="i001.htm";}i</script> 刷新按钮二 <input type="button"value="刷新按钮二"onClick="history.go(0)"> 回首页按钮 <input type="button"value="首页"onClick="HomeButton()"> <script>function HomeButton(){location.href=https://www.wendangku.net/doc/e917652137.html,;}</script> 弹出警告框 <input type="button"value="弹出警告框"onClick="AlertButton()"> <script>function AlertButton(){window.alert("要多多光临呀！");}</script> 状态栏信息 <input type="button"value="状态栏信息"onClick="StatusButton()"> <script>function StatusButton(){window.status="要多多光临呀！";}</script> 背景色变换 <form><input type="button"value="背景色变换"onClick="BgButton()"></form> <script>function BgButton(){ if(document.bgColor==’#00ffff’) {document.bgColor=’#ffffff’;} else{document.bgColor=’#00ffff’;} } </script> 打开新窗口 <input type="button"value="打开新窗口"onClick="NewWindow()"> <script>function NewWindow(){window.open("c01.htm","","height=240,width=340,status=no,lo cation=no,toolbar=no,directories=no,menubar=no");} </script> 窗口最小化 <OBJECT id="min"type="application/x-oleobject"classid="clsid:adb880a6-d8</p><h2></h2><p>题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。</p><p>新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs</p><p>接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs</p><p>然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，</p><h2></h2><p><body></body> 段落标记background:网页背景图像…  bgcolor：网页背景颜色align:left right center text:字体颜色强制换行标记link：可链接文字的色彩<br></br> alink：被鼠标点中时可链接文字的颜色预排格式标记vlink：已经单击过的可链接文字的颜色<pre></pre> leftmargin：页面左边距插入水平线标记topmargin：页面上边距<hr width=“宽度” size=“厚度”标题格式标记align=“对齐方式” color=“颜色”Alink：被鼠标点中时可链接文字的颜色noshacle：除阴影 > Vlink：已经单击过的可链接文字的颜色文本缩标记Leftmargin：页面左边距<blockquote>…</blockquote> Topmargin：页面上边距列表标记 标题格式标记 1.无序<hn>标题</hn> （范围（h1-h6））<ul type= “加重符号类型”> align：left(左) right(右) center(中) <li type=“加重符号类型”>列1 bottom(底) top(顶) <li type=“加重符号类型”>列2文字格式标记……… <font face=“字体” size=“字号”</ul> color=“颜色”>文字</font> type:disc● circle○ square■字形设置标记 2.有序<b>字形</b> 粗 <u>字形</u> 下划线<ol type=“序号类型” stare=“起始号码”> <i>字形</i> 斜 <big>字形</big>文字增大<li type=“加重符号类型”>列1 <strike>字形</strike> 删除线<li type=“加重符号类型”>列2 <small>字形</small> 文字减小………<sup>字形</sup> 上标 <sub>字形<sub>下标</ol> <tt>字形</tt> 宽体 <em>字形</em> 强调 3.定义<bink>字形<bink> 闪烁 <cite>字形<cite>斜<dl> <dt>条目1<dd>条目1的说明<strong>字形</strong> 特别强调………</dl></p><h2></h2><p>和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程</p><h2></h2><p>网页设计基础知识 一、认识网页 1.网页分类：静态网页、动态网页 ◆静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写 的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文 件，其扩展名为.html或htm ◆动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件， 都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编 写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发 送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同， 如ASP（使用Active Server Pages）技术，其中扩展名为.asp；使用JSP（Java Server Pages）技术时的扩展名为.jsp等等。 2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】， 如https://www.wendangku.net/doc/e917652137.html,；由于网址是最常用的协议是http是默认的协议，所以可当 刮简写为https://www.wendangku.net/doc/e917652137.html,；ftp://123.52.3.20；， 3.网页（Web Page）：打开网站所看到的网页，一个网站可以有成千上万个网页。 4.主页（Home Page）：打开网站时看到的第一个网页，简称首页。它默认的文件名 通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等 等 二、网页设计基本原则 1.明确建立网站的目标和用户需求 2.总体设计方案主题鲜明 3.网站的版式设计 4.网页形式与内容相统一 5.三维空间的构成 6.多媒体功能的使用 7.网站测试和改进 8.合理运用新技术 三、网站制作流程 1.选择网站主题 2.规则网站目和目录结构 ◆对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题 展开，栏目名称具有概括性，各栏目的名称字数最好相同。规划网站栏目的过 程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。 ◆在创建网站的目录结构时，不要将所有文件都存放一根目录下，需要应该按栏 目为建立文件夹 ◆目录文件命名时，要使用简短的斯文形式，文件名小于8个字符，一律以小写 字母，另外大量的同一类型文件应该是数字序号加以区分，以利于查找。 3.设计网页布局 4.整合网页内容</p><h2></h2><p>《Dreamweaver网页设计》综合练习题（二）及解答一、选择填空题（每空2分，共20分） 1．HTML 2．URL 3．ICP 4．SGML 5．CSS （_____）网络内容服务商 （_____）网络内容服务商 （_____）标准通用标记语言 （_____）统一资源定位符 （_____）超文本标识语言 答案： （___3_）网络内容服务商 （__5_）网络内容服务商 （__4_）标准通用标记语言 （___2__）统一资源定位符 （___1_）超文本标识语言 1．标签<frameset> 2．标签<ul> 3．标签<img> 4．标签<img> 5．标签<form> （____）指定链接地址 （____）图片标记 （____）表单 （____）无序列表 （____）框架标记 二、单项选择题（每个题只有一个选项是正确的。每题3分，共45分） 1、如下所示的这段CSS样式代码，定义的样式效果是（）。</p><p>a:link {color: #ff0000;} a:visited {color: #00ff00;} a:hover {color: #0000ff;} a:active {color: #000000;} 其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色 A．默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B．默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C．默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色答案： D．默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色2、下图为Dreamweaver 8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A．基本页类别中的“HTML”选项 B．基本页类别中的“HTML模板”选项 C．动态页类别中的选项 D．入门页面中的选项 参考答案：A 3、在Dreamweaver 8中，设置超级链接的属性，目标设置为_top时，表示（）。 A．新开一个浏览窗口来打开链接 B．在当前框架打开链接 C．在当前框架的父框架中打开链接 D．在当前浏览器的最外层打开链接 参考答案：D 4、在Dreamweaver 8中，下面的操作不能实现插入到下图浅黄区域一行的是（）。 A．将光标定位在第三行单元格中，选择“修改”菜单下“表格”子菜单中的“插入行”命令B．在第三行的一个单元格中单击鼠标右键，打开快捷菜单，选择“表格”子菜单中的“插入行”命令 C．把光标定位在最后一行的第一个单元格中，将该单元格拆分为两行</p><h2></h2><p>网页设计与制作 一、HTML 基本语言： 1.HTML 基本语法：（如图）   <html>....</html>:表示HTML 文档的开始和结束 <head>…</head>:表示HTML 文档的头部。最常用的标记是<title>…</title>,<title>标记中的容对应浏览窗口标题的信息。 <body>…</dody>：<body>标记之的容对应的是浏览器中的容。 2.<body>标记的使用：（如图）   Bgcolor="颜色":设置页面背景色。 Background="图像文件的名字及路径"：设置背景文件。 Text="颜色"：设置页面文字默认颜色。 标记属性用来对标记之间的容修饰，标记其属性必须放到“．．．．．．．．．．．．．．．．．．．．．．．．．．< >．．”．中，各属性间必须用空．．．．．．．．．．格隔开。．．．． 色彩的表示方法有两各种：1.RGB 模式，用16进制的红(Red)、绿(Green)、蓝(Blue)的</p><p>值来表示，格式为“#RRGGBB”，字符包括数字0～9和字母A～F，如红色为“#FF0000” 2.用英文单词表示彩色，如红色“red”。 二、常用的HTML标记及其属性制作网页①： 1.页面属性、排版标志 ⑴.标题标记： 格式：<h#>...<h#>, 其中“#”的取值国为1（字体最大）～6（字体最小）。 作用：设置文档的各级标题。 常见属性：align,用于定义标题的对齐方式，默认为左对齐， 标题标记属性：（如表） ⑵.版面格式标记 ①.分段与换行：（如表） ①.以下标记都出现在<body>中出现,标记必须以成对出现，如<body>...</dody>.</p><h2></h2><p>《网页设计与制作——Dreamweaver8》期末模拟试题一 一、选择题 1、打开Dreamweaver 8窗口后，如果没有出现属性面板。可执行_______菜单中的“属性”命令将其打开。 A、插入 B、修改 C、窗口 D、命令 2．在站点中建立一个文件，他的扩展名应是_______。 A、DOC B、PPT C、XLS D、HTM 3．设置一个没有超链接功能的图像变化（即当鼠标指向页面中的图像时显示另外的图像，当鼠标离开页面中的图像时显示原图像），应使用Dreamweaver 8的_______功能。 A、导航图像 B、翻转图像 C、轮换图像 D、预载图像 4．在_______文本框中输入数据后，数据以*号显示。 A、单行文本框 B、多行文本框 C、数值文本框 D、密码文本框 5．按住_______键的同时拖拽鼠标绘制直线，可以绘制水平、垂直或增量为45度角的直线。 A、Ctrl B、Alt C、Shift D、Ctrl+Shift 6、网站首页的名字通常是（） A、Index.htm B、Index.html C、WWW D、A或B 7、在Dreamweaver网页设计中，关于框架的说法正确的是：（） A、框架将浏览窗口划分为若干区域，分别显示一个网页的不同部分。 B、单击名字为“Insert Left Frame”的图标，可以将一个框架拆分为上下两部分。 C、通过按下鼠标左键进行拖动，可以直接改变框架高度。 D、框架之间不能实现链接。 8、利用Dreamweaver8中的（）技术，可以让网页上的内容随心所欲地放置在任何位置上。 A、表单（Forms） B、框架（Frames） C、层（Layer） D、图像（Image）</p><h2></h2><p>网页制作经验编写高效 率的H T M L网页代码 Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】</p><p>许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及可用性方面所做的努力是不容抹杀的。——Web页面能够在IE下正常显示绝不意味着页面的HTML代码没有问题，甚至可以推而广之，Web页面在多种浏览器下均可正常显示也不意味着HTML代码完全合法有效，毕竟哪个浏览器都要保证基本的容错的功能，不然，就会发生即使仅仅因为网络传输中的一点导致导致 HTML页面显示不正常了，而这在网络带宽仍然紧张的今天仍是频繁发生的。什么是合法有效的HTML代码 简单说来，我们的Web页面是由HTML(Hypertext Markup Language :超文本链接标示语言)元素构成的，即使对于ASP、PHP之类的动态页面，其也是由SERVER将ASP或PHP语句渲染成相应的HTML元素并下传到客户机上；对于JavaScript之类则由客户端将其转换为HTML。 同其他语言一样，HTML也有自己的语法规则，无论是浏览器还是搜索引擎的Spider都在根据这些规则来分析网页代码中的内容。但很多时候，即使对熟练人员来说，在HTML页面构建时仍然难免出些HTML代码上的错误，更别提大部分所见即所得编辑器造成的HTML冗余臃肿问题了。</p><h2></h2><p>个人网页制作简明教程 （孙晓鹏 整理） 资料来源：https://www.wendangku.net/doc/e917652137.html,/ 目 录 1. 认识网页 2. 制作主页前的准备 3. 如何选择网页制作工具 4. 如何把握网页布局 5. 安装Dreamweaver8 6. 规划站点 7. 制作模板 8. 制作首页 9. 套用模板和修改模板 10.网页的发布 1. 认识网页 1.1. 什么是网页 网页的学名称作HTML文件，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的文件。 WWW是“World Wide Web"的缩写；HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字的元素。 网页就是由HTML语言编写出来的。HTML语言是一种排版语言，语法就类似于这样：“页高8宽5，(1,2)处插入高1宽1的图片A...” 如果您是使用WPS或则Word的高手，那么恭喜您，网页制作的学习您已经走了一半路了！ 1.2. HTML 全称HyperText Markup Language，正式名称是超文本标记语言，HTML语言发展很快，已历经HTML1.0、HTML2.0和HTML3.0、HTML4.0多个版本，现在HTML5.0正在测试，同时DHTML (动态)、VHTML(虚拟)、SHTML等也飞速发展起来。我们现在一般只要掌握HTML4.0就可以了。 html利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。</p><h2></h2><p>课程目标： ?使用CSS美化网页元素 ?使用DIV+CSS布局网页 ?制作各种流行的网页组件 ?制作语义化的表单 ?掌握一些常用的网页制作技巧 第一次课： 1、DW5工作界面的认识。 2、新建站点（为什么要站点）、网页文件（注意“页面属性”---“标题/编码”的设 置和重要性）、样式文件（外部） 3、网页基本结构： …各种标记写成的网页内容代码…</p><p>4、html与xhtml的区别 5、html常用内容标签 做网页实例。。。。first.html 6、结构标签 <div>标签：定义HTML文档中的分区或节(简单说：就是用于布局！) <span>标签：行内元素 区别“表格布局”和“div布局”。</p><p>７、ＣＳＳ简介： 级联样式表(Cascading Style Sheet) ，简称风格样式表(Style Sheet) ；用来进行网页风格设计 ＣＳＳ作用： 有效地控制网页外观 精确定位网页元素 改善用户体验 CSS的优点 内容与表现分离 表现统一，易控制 布局页面更灵活 减少页面代码量 利于搜索引擎收录 CSS语法规则(演示) 选择器{属性：值；} 标签、类、ID三种 P { color: red; } . top { width: 600px; } # nav ( font-size: 12px;) CSS样式引入网页文件(演示) 行内式、嵌入式、链接式、导入式</p><p>关于DOCTYPE DOCTYPE不可怕，但把它拿走，会让你怕了又怕。 最近在蓝色理想转悠，发现很多朋友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很奇怪，很难调整。我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。在遵循标准的任何Web文档中，DOCTYPE都是一项必需的元素。它会影响代码验证，并决定了浏览器最终如何显示你的web文档。为了避免DOCTYPE的问题重复出现，我根据手头的资料整理了这篇文档，以备自己及有兴趣的朋友参考。 在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同一种标准下，不同浏览器的解释模型都有所差异，如果声明标准不同，不用我说，您自己想就可以了。学习网页标准，浏览器兼容，从哪里开始您自己决定，但是，请认识DOCTYPE： 一、什么是DOCTYPE DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML （或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。 二、DOCTYPE的规则 DOCTYPE声明的写法遵循一定的规则，它指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下，“阅读程序”通常是浏览器或者校验器这样的一个程序，“规则”则是w3c所发布的一个文档类型定义（dtd）中包含的规则。 每个dtd都包括标记、attributes、properties等内容，它们用于标记web文档的内容；此外还包括一些规则，它们规定了哪些标记能出现在其他哪些标记中。每个web建议标准（比如html 4 frameset和xhtml 1.0 transitional）都有自己的dtd。 以下是从手册上摘抄的规则： 语法：</p></div>
        </div>
        <div>
            <div>相关文档</div>
            <div class="relatedtopic">
                <div id="tabs-section" class="tabs">
                    <ul class="tab-head">
                            <li id="300053"><a href="/topic/300053/" target="_blank">dw网页制作基础代码</a></li>
                            <li id="388871"><a href="/topic/388871/" target="_blank">dw网页制作</a></li>
                            <li id="6414036"><a href="/topic/6414036/" target="_blank">简单的网页制作教程</a></li>
                            <li id="17281903"><a href="/topic/17281903/" target="_blank">dw网页制作基础</a></li>
                            <li id="1948476"><a href="/topic/1948476/" target="_blank">网页制作常用代码</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="category">
        <span class="navname">相关文档</span>
        <ul class="lista">
                <li><a href="/doc/1513242945.html" target="_blank">DW(Dreamweaver)网页设计常用代码</a></li>
                <li><a href="/doc/4b500877.html" target="_blank">《Dreamweaver CS6网页设计与制作》第1章网站设计基础 刘敏娜 主编</a></li>
                <li><a href="/doc/7016909791.html" target="_blank">DW基础知识一</a></li>
                <li><a href="/doc/a012678453.html" target="_blank">dw网页设计基础</a></li>
                <li><a href="/doc/ef6045668.html" target="_blank">DW网页制作——站点的创建与管理习题</a></li>
                <li><a href="/doc/071312351.html" target="_blank">dw网页制作基础代码</a></li>
                <li><a href="/doc/1517876543.html" target="_blank">Dreamweaver网页设计基础知识</a></li>
                <li><a href="/doc/5a7124648.html" target="_blank">DW代码大全</a></li>
                <li><a href="/doc/8f11783546.html" target="_blank">dw网页设计制作——第一课：常用HTML代码的学习认识</a></li>
                <li><a href="/doc/cf3334393.html" target="_blank">使用DW制作简单网页ppt课件</a></li>
                <li><a href="/doc/0114644372.html" target="_blank">最新dw网页制作基础代码</a></li>
                <li><a href="/doc/3b18390375.html" target="_blank">使用DW制作简单网页</a></li>
                <li><a href="/doc/746731783.html" target="_blank">Dreamweaver网页设计代码大全</a></li>
                <li><a href="/doc/a86048699.html" target="_blank">dw网页制作基础代码</a></li>
                <li><a href="/doc/ec3983158.html" target="_blank">dw网页制作基础代码</a></li>
                <li><a href="/doc/1017017351.html" target="_blank">2019年DW网页制作教程案例</a></li>
                <li><a href="/doc/4715911935.html" target="_blank">DW制作简单网页</a></li>
                <li><a href="/doc/867740808.html" target="_blank">Dreamweaver CS3网页制作基础教程第2章习题答案</a></li>
                <li><a href="/doc/b24025766.html" target="_blank">DW多种网页设计实用效果代码模版</a></li>
                <li><a href="/doc/0f13275150.html" target="_blank">dw网页制作基础代码</a></li>
        </ul>
        <span class="navname">最新文档</span>
        <ul class="lista">
                <li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
                <li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
                <li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li>
                <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
                <li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
                <li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
                <li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
                <li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li>
                <li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li>
                <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
                <li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
                <li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li>
                <li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li>
                <li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li>
                <li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li>
                <li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
                <li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
                <li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li>
                <li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li>
                <li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
        </ul>
    </div>
</div>
<script>
    var sdocid = "eedb8442905f804d2b160b4e767f5acfa1c783d5";
</script>

        <div class="footer">
            <p><a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy; 2013-2023 www.wendangku.net &nbsp;<a href="/sitemap.html">站点地图</a>&nbsp;|&nbsp;<a href="https://m.wendangku.net">手机版</a></p>
            <p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a>&nbsp;&nbsp;本站文档均来自互联网及网友上传分享，本站只负责收集和整理，有任何问题可通过上访投诉通道进行反馈</p>
        </div>
        <script type="text/javascript">foot();</script>
    </div>
</body>
</html>