第一章
1、文本编辑(打开“ch01/clip/文本编辑/index.html”,完成以下操作:)
(1)插入日期;
(2)插入版权符号;
(3)改变文本字体大小;
(4)创建项目符号;
(5)设置字体颜色;
(6)对齐段落;保存,预览。
2、图文混排(打开“ch01/clip/图文混排/index.html”,完成以下操作:)
(7)在“1”处插入一个1行6列的表格;
(8)分别在各单元格中插入“ch01/clip/图文混排/images”文件夹中的“a_03.jpg”、“a_04.jpg”“a_05.jpg”“a_06.jpg”“a_07.jpg”“a_08.jpg”;
(9)将光标置入到文字“产品介绍”框内,插入“ch01/clip/图文混排/images”文件夹中的“C.jpg”,设置图像属性为“右对齐”、图像排到文本的右侧,保存。3、插入关键字和说明并设置文件刷新(打开“ch01/clip/插入关键字和说明并设置文件刷新/index.html”,完成以下操作:)
(10)插入关键字“旅游网”;
(11)插入说明“旅游资讯”;
(12)插入刷新,延迟设为5秒;保存。
4、鼠标经过图像变换(打开“ch01/clip/鼠标经过图像变换/index.html”,完成以下操作:)
(13)在灰色图片框内插入“鼠标经过图像”,“原始图像”为“ch01/clip/鼠标经过图像变换/images”文件夹中的“one_ a .jpg”;“鼠标经过图像”为“ch01/clip/鼠标
经过图像变换/images”文件夹中的“one_ b .jpg”;保存。
第二章
5、导入表格式数据并排序表格(打开“ch02/clip/导入表格式数据并排序表格/index.html”,完成以下操作:)
(14)将光标放置在“公司简介”下方的空白处,以“ch02/clip/导入表格式数据并排序表格/新建文本文档.txt”为数据文件,插入表格对像(定界符为“逗点”) ;
(15)设置第一、三、五行的表格属性,高25、背景颜色为乳黄色(#ECECE0);
(16)设置第二、四、行的表格属性,高25、背景颜色为灰绿色(#ABA88B);
(17)设置导入表格属性,宽400、填充1、间距1、边框1、边框颜色为白色;保存。
6、利用表格布局网页并创建圆角表格(打开“ch02/clip/利用表格布局网页并创建圆角表格/index.html”,完成以下操作:)
(18)新建一个空白文档,另存为“index.html”;
(19)修改页面属性,大小设为12,左边距、上边距分别设为0;
(20)插入一个3行1列表格,表格宽度为800像素,边框粗细设为0;
(21)将光标置入第1行中,修改属性面板,水平选项为“右对齐”,高设为63;
(22)插入一个1行9列的表格,表格宽度为650像素,边框粗细设为0;
(23)选中这9个单元格,设置属性面板,水平垂直都居中,分别在单元格中输入导航文字(公司首页,公司简介,产品展示,产品介绍,联系我们),文字间输入
“|”符号分隔;
(24)选中以上文本,设置属性,大小为14,文本颜色为白色;
(25)将光标置于嵌套表格的外边,设置表格背景为“ch02/clip/利用表格布局网页并
创建圆角表格/images/08_01.jpg”;
(26)将光标置入第二行中,插入一个2行2列表格,表格宽度为100百分比,边框粗细设为0;
(27)在第1行第1列中,插入“08_02.jpg”,在第1行第2列中,插入“08_03.jpg”;(28)对第2行第1列单元格设置属性值,“水平”为左对齐,“垂直”为顶端;(29)在第2行第1列单元格插入一个5行1列的表格,表格宽度为100百分比,边框粗细设为0;
(30)将光标置入第1行中,插入一个1行2列表格,表格宽度为100百分比,边框粗细设为0;
(31)将光标置入第1列中,插入“08_04.jpg”;用相同方法将“08_05.jpg”插入到第2列中,“08_08.jpg”插入到第2行中;
(32)将光标置入第3行中,插入一个1行3列表格,表格宽度为100百分比,边框粗细设为0;
(33)将光标置入第1列中,设置属性值,“水平”为右对齐,“宽”为71,背景颜色为浅褐色(#CEA24A);
(34)将光标置入第1列中,插入“08_13.jpg”;用相同方法将“08_14.jpg”插入到第2列中;
(35)将光标置入第3列中,设置属性值,“宽”为68,背景颜色为浅褐色(#CEA24A);(36)将光标置入第3列中,插入一个2行1列表格,表格宽度为100百分比,边框粗细设为0;每行分别输入文字“快速搜索”和“高级搜索”
(37)将光标置入第4行中,设置属性值,“水平”为居中对齐,“垂直”为居中,“高”
为158,背景颜色为黄色(#EFCB7B);
(38)将光标置入第4行中,插入一个5行2列表格,表格宽度为100百分比,边框粗细设为0;
(39)选中第1列的五个单元格,设置属性值,“水平”为右对齐,“大小”为18,“高”
为28;
(40)选中第2列的五个单元格,设置属性值,“水平”为居中对齐,“大小”为18,“高”为28;
(41)将光标置入第1行第1列中,插入“08_20.jpg”;用相同方法将“08_20.jpg”插入到第1列其他单元格中;
(42)分别在第2列5个单元格中输入文字,从上至下顺序是“行业资讯”、“产品世界”、“企业大全”、“供求信息”、“技术专栏”;
(43)将光标置入第5行中,插入“08_23.jpg”;
(44)将光标置入主表格的第2列中,插入一个1行2列表格,表格宽度为100百分比,边框粗细设为0;
(45)将光标置入第1列中,插入图片“08_06.jpg”;
(46)将光标置入第2列中,设置属性值,“宽”为426;
(47)将光标置入第2列中,插入一个3行1列表格,表格宽度为387像素,边框粗细设为0;
(48)将光标置入第1行中,插入一个2行3列表格,表格宽度为90百分比,边框粗细设为0;
(49)将光标置入第1行第1列中,插入“08_09.jpg”;用相同方法将“08_10.jpg”插入到第2列,将“08_11.jpg”插入到第3列单元格中;
(50)将第2行的单元格全部选中,合并单元格;
(51)将光标置入第2行中,插入图片“08_18.jpg”;
(52)将光标置入第3行中,输入以下文字;
(53)选中“在选购沙发时一定要注意:”设置属性值,大小为20,加粗;
(54)选中余下文字,设置属性值,大小为17,文本颜色为棕色(#996633);
(55)将光标置入到表格最后一行中,设置属性值,“水平”为右对齐,“高”为38,背景图片为“08_24.jpg”;
(56)插入一个1行2列表格,表格宽度为100百分比,边框粗细设为0;
(57)将光标置入到第1列中,设置属性值,“水平”为右对齐,并输入白色的英文“https://www.wendangku.net/doc/799463508.html,”,再将光标置入到第2列中,“宽”设置
为5%值,并保存。
7、创建电子邮件反馈表单(打开“ch02/clip/创建电子邮件反馈表单/index.html”,完成以下操作:)
(58)在主页空白单元格中插入一个表单;
(59)在表单中区域中置入光标,插入一个9行2列的表格,宽度为100百分比,边框粗细为0像素,单元格边距为5;
(60)按住[Shift]键的同时,分别选中第2行、第3行、第4行、第5行、第6行、第7行和第8行的第1列,设置属性:“水平”为右对齐,“垂直”为顶端对齐,“宽”
为82;从上至下分别在单元格中输入如下深绿色(#3F2600)加粗的文字:“姓
名:”、“性别:”、“密码:”、“年龄:”、“E-mail:”、“兴趣爱好:”、“意见:”
(61)在第2行第2列单元格中插入“文本字段”,设置属性为:“字符宽度”为10,“最多字符数”为5;
(62)分别在第2列的第4行和第6行单元格中插入“文本字段”;
(63)在第2列的第3行单元格中插入“单选按钮”,在属性面板中勾选“已勾选”,将光标定位到单选按钮后面,输入文字“男”,在文字后面再插入“单选按钮”,
输入文字“女”;
(64)将光标定位到第2列的第5行单元格中,插入“列表/菜单”,设置属性:在“列表值”对话框中添加如下内容“20-25岁”、“25-30岁”、“30-35岁”、
“35-40岁”;
(65)将光标定位到第2列的第7行单元格中,插入“复选框”,在复选框后面输入褐色(#941F00)文字“体育”,用相同的方法再次插入复选框,并输入褐色文字
“游泳”、“看书”、“音乐”、“购物”;
(66)将光标定位到第2列的第8行单元格中,插入“文本区域”,设置属性面板,将“字符宽度”设为35,“行数”设为5;
(67)将光标定位到第2列的第9行单元格中,插入两个“按钮”,选中后面的按钮设置属性,“值”为重置,“动作”选“重置表单”单选按钮;
(68)按“Ctrl”+“Shift”+“Space”调整好按钮位置,保存;
8、应用表单制作订购单(打开“ch02/clip/应用表单制作订购单/index.html”,完成以下操作:)
(69)将光标定位到单元格中,插入一个表单;
(70)在表单区域中置入光标,插入一个2行1列的表格,表格宽度为100“百分比”;
(71)将光标定位到第1行中,设置属性面板:“水平”为右对齐,再插入一个2行3列的表格,表格宽度为239“像素”;
(72)选中第一行的三个单元格,进行合并;
(73)将光标定位到第2行第1列中,插入“ch02/clip/应用表单制作订购单/images”
文件夹中的“img_06.jpg”图像;
(74)用相同的方法将“img_08.jpg”插入到第3列中;
(75)将光标定位到第2列中,设置属性面板:“宽”为137,“背景颜色”设为灰色(#EFEFF7);
(76)在第2列中输入文字“精品搜索”,并在文字后面插入“文本字段”表单,设置“文本字段”表单的属性,“字符宽度”为10;
(77)将光标定位到第2行,按“Shift+Enter”键,添加一行间距,插入一个8行3列的表格,表格宽度为550“像素”;
(78)分别将第1行、第3行、第5行、第7行的单元格合并;
(79)将光标定位到第1行中,设置属性面板:“水平”为左对齐,“高”为30,多次按“Ctrl+Shift+Space”输入需要的空格,在单元格中输入大小为15并加粗的文
字“用户基本信息:”;
(80)将光标定位到第2行第1列中,设置属性面板:“水平”为居中对齐,“宽”为88,“高”为35;
(81)用相同的方法,将第2列的“宽”设置为8,第3列的“宽”设置为“454”;
(82)将光标定位到第1列中,设置属性面板:“背景”设为“ch02/clip/应用表单制作订购单/images”文件夹中的“img_13.jpg”图像;
(83)将光标定位到第3行中,设置属性面板:“水平”为右对齐,插入一个1行1列的表格,表格宽度为462“像素”;
(84)将光标定位到单元格中,设置属性面板:“背景”设为“ch02/clip/应用表单制作订购单/images”文件夹中的“img_28.jpg”图像;
(85)用相同的方法制作其他单元格;
(86)将光标定位到第8行第1列中,设置属性面板:“水平”为左对齐,“垂直”为顶端;插入一个1行1列的表格,表格宽度为88“像素”;
(87)将光标定位到表格中,设置属性面板:“水平”为居中对齐,“垂直”为居中,“高”为35,“背景”设为“ch02/clip/应用表单制作订购单/images”文件夹中
的“img_13.jpg”图像;;
(88)分别在第一列单元格中输入如下褐色(#A2642E)文字:“顾客姓名”、“联系电话”、“邮寄地址”、“要求事项”;
(89)将光标定位到第2行第3列中,插入“文本字段”表单,设置属性面板,将“字符宽度”设为15,“最多字符数”设为6;
(90)将光标定位到第4行第3列中,插入“文本字段”表单,设置属性面板,将“字符宽度”设为13,“最多字符数”设为12;
(91)将光标定位到第6行第3列中,插入“文本字段”表单,设置属性面板,将“字符宽度”设为40;
(92)将光标定位到第8行第3列中,插入“文本区域”表单;
(93)在“文本区域”表单下面一行插入一个4行2列的表格,表格宽度为550“像
素”;
(94)分别将第2行和第4行单元格合并;
(95)将光标定位到第1行第1列中,设置属性面板:“宽”为55,“高”为50,用相同的方法将第2列的“宽”设为495;
(96)将光标定位到第1行第1列中,插入“ch02/clip/应用表单制作订购单/images”
文件夹中的“img_17.jpg”图像;
(97)将光标定位到第2列中,输入大小为15并加粗的文字“选择商品:”;
(98)将光标定位到第2行中,插入一个1行1列的表格,表格宽度为100“百分比”,边框粗细为2像素,设置“边框颜色”为浅褐色(#CE9E00);
(99)将光标定位到表格中,插入一个1行1列的表格,表格宽度为100“百分比”,边框粗细为1像素,设置“边框颜色”为白色(#FFFFFF);
(100)将光标定位到单元格中,再次插入一个2行3列的表格,表格宽度为100“百分比”,边框粗细为0像素,单元格间距为10,设置“背景颜色”为肤色
(#FFEBCE);
(101)用相同的方法制作一个2行2列,间距为10的表格,如下图;
(102)
(103)在单元格中插入复选框,在“属性”面板中勾选“已勾选”单选项,在复选框后面输入大小为13的文字,并加粗;
(104)用相同的方法在其他单元格中插入复选框,输入大小相同的文字如下:“化妆品”、“数码产品”、“休闲服饰”、“家用电器”、“箱包”、“家居用品”;
(105)在“您对产品的满意程度”表格中插入单选按钮,在单选按钮后面输入大小为13并加粗的文字;
(106)用相同的方法在其他单元格中插入单选按钮,输入大小相同的文字如下:“很满意”、“一般”、“比较满意”、“不好”;
(107)插入一个3行1列的表格,表格宽度为550“像素”;
(108)将光标定位到第1行中,插入一个1行2列的表格,表格宽度为100“百分比”,将光标定位在第1列中,设置属性面板:“宽”为55,“高”为62;插入“ch02/clip/
应用表单制作订购单/images”文件夹中的“img_25.jpg”图像;
(109)在第2列中输入大小为14并加粗的文字:“选择您喜欢的图片:”;
(110)在文字后面插入“文件域”,设置其属性:“高”为20;
(111)插入一个1行1列的表格,将光标定位到单元格中,设置其属性:“背景”选择“ch02/clip/应用表单制作订购单/images”文件夹中的“img_28.jpg”图像;
(112)将光标定位到第3行中,设置属性面板:“水平”为居中对齐,“垂直”为居中,“高”为32;
(113)插入两个“按钮”,选中后面的按钮设置属性,“值”为重置,“动作”选“重置表单”单选按钮;
(114)按“Ctrl”+“Shift”+“Space”调整好按钮位置,保存;
第三章
9、隐藏显示层(打开“ch03/clip/隐藏显示层/index.html”,完成以下操作:)
(115)在页面右侧空白表格处插入“布局”面板中的“绘制层”,拖动鼠标绘制出一个矩形层;
(116)将光标置入层中,插入“ch03/clip/隐藏显示层/images”文件夹中的“01.jpg”
图像;
(117)在图片上方再绘制出一个矩形层,使之与上一个层相重合,将光标置入层中,插入“ch03/clip/隐藏显示层/images”文件夹中的“02.jpg”图像;
(118)用相同的方法,再次在原位置绘制两个层,分别将图像“03.jpg”、“04.jpg”
插入到层中;
(119)选择层下面第一幅小图,单击“行为”面板“添加行为”按钮,在弹出的菜单中选择“显示-隐藏层”,打开“显示-隐藏层”对话框,选择层“layer1”为
显示,层“layer2”、层“layer3”、层“layer4”为隐藏,“确定”;
(120)在面板中单击文字“onClick”文字的右侧出现下拉按钮,在下拉列表中选择“onMouseOver”事件;
(121)选择第二幅小图片,用以上的方法“添加行为”并设置第二层为显示,其余层为隐藏;
(122)在“层”面板中选中第一层“Layer1”,选择“属性”面板“可见性”选项下拉列表中的“visible”,然后分别选中第二、三、四层,选择“属性”面板“可
见性”选项下拉列表中的“hidden”,保存;
10、鼠标经过出现下拉菜单(打开“ch03/clip/鼠标经过出现下拉菜单/index.html”,完成以下操作:)
(123)单击“布局”面板中的“绘制层”,在“市场动态”下面拖动鼠标绘制出一个矩形层;
(124)将光标置入层中,插入一个4行1列的表格,设置表格属性:“背景颜色”为灰色(#CCCCCC)、“水平”为居中对齐、“垂直”为“居中”、“高”为“20”;
(125)分别在单元格中输入文字“科技水平”、“工艺流程”、“科研中心”、“技术合作”;
(126)在“层”面板中选中第一层“Layer1”,选择“属性”面板“可见性”选项下拉列表中的“hidden”;
(127)选中文字“市场动态”,在“行为”面板中“添加行为”,在弹出的菜单中选择“显示-隐藏层”命令,弹出“显示-隐藏层”对话框,选中层“Layer1”后
单击“显示”按钮,确定;
(128)在“行为”面板中单击“事件”中的下拉按钮,选择“onMouseOver”事件,保存文件;
11、忽隐忽现的动画和多变的鼠标指针(打开“ch03/clip/忽隐忽现的动画和多变的鼠标指针/index.html”,完成以下操作:)
(129)单击“布局”面板中的“绘制层”,在页面拖动鼠标绘制出一个矩形层;
(130)将光标置入层中,插入“ch03/clip/忽隐忽现的动画和多变的鼠标指针/images”
文件夹中的“img.jpg”图像;
(131)按“Alt+F9”,弹出“时间轴”面板,将层拖到“时间轴”面板中,释放鼠标,把最后一帧扩展到第40帧;
(132)在“时间轴”面板中选中第1帧,在“属性”面板“左”选项的数值框中输入1000;
(133)在“时间轴”面板中选中第40帧,在“属性”面板“左”选项的数值框中输入-300;
(134)在“时间轴”面板中按住“Ctrl”键的同时,单击第15帧添加关键帧,在“属性”面板“可见性”选项的下拉列表中输选择“hidden”;
(135)在“时间轴”面板中按住“Ctrl”键的同时,单击第20帧添加关键帧,在“属
性”面板“可见性”选项的下拉列表中输选择“visible”;
(136)勾选“自动播放”复选框,保存文档;
(137)调出“CSS样式”面板,单击面板下方的“新建CSS规则”按钮,弹出“新建CSS规则”对话框,在对话框中进行设置:选择器类型(类)、名称(.img1)、
定义在(仅对该文档);
(138)单击“确定”,弹出“.img1的CSS规则定义”对话框,在左则的“分类”列表中选择“扩展”选项,在“光标”选项下拉列表中选择“auto”,点击“确定;”
(139)选择图像“新品上架”,在“属性”面板“链接”选项文本框中输入“#”,在“类”选项的下拉列表中选择“img1”;
(140)单击面板下方的“新建CSS规则”按钮,弹出“新建CSS规则”对话框,在对话框中进行设置:选择器类型(类)、名称(.img2)、定义在(仅对该文档);
(141)单击“确定”,弹出“.img2的CSS规则定义”对话框,在左则的“分类”列表中选择“扩展”选项,在“光标”选项下拉列表中选择“crosshair”,点击“确
定;”
(142)选择右下角其中一幅小图像,在“属性”面板“类”选项的下拉列表中选择“.img2”,用相同方法将其他家居图像设置样式为“img2”;
(143)单击面板下方的“新建CSS规则”按钮,弹出“新建CSS规则”对话框,在对话框中进行设置:选择器类型(类)、名称(.text)、定义在(仅对该文档);
(144)单击“确定”,弹出“.text的CSS规则定义”对话框,在左则的“分类”列表中选择“扩展”选项,在“光标”选项下拉列表中选择“wait”,点击“确定;”
(145)选择右下角文字“进入”,在“属性”面板“样式”选项的下拉列表中选择“text”,保存文档,预览效果;
第四章
12、插入Flash动画制作上下油轮效果(打开“ch04/clip/插入Flash动画制作上下油轮效果/index.html”,完成以下操作:)
(146)
《Dreamweaver网页设计》模拟试题 4 一、单项选择题(每个题只有一个选项是正确的。每题3分,共45分) 1. 为链接定义目标窗口时,_top表示的是(D)。 A. 在上一级窗口中打开 B. 在新窗口中打开 C. 在同一个帧或窗口中打开 D. 在浏览器的整个窗口中打开,忽略任何框架 2. 以下几个事件中代表“单击鼠标按钮”的事件是(A)。 A. OnMouse Down B. OnMouse Out C. OnMouse Over D. OnouseUp 3.在表单元素“列表”的属性中,( B) 用来设置列表显示的行数 A.类型 B.高度 C.允许多选 D.列表值 4. 在HTML语言中,如果对文字的颜色进行修饰,应通过(D) A. font-family:”宋体” B. font-size:10pt C.href=”../color.html” D. color:”#EDFEDF” 5. 在Dreamweaver中,下面关于验证表单的说法错误的是(D) A.是程序执行前在网络上的验证 B.会大大减少因程序处理错误事件而造成的不必要的负担 C.验证表单对话框中,在Value选中Require指定此栏不用填写 D.以上说法都错 6. 下面哪个标签不符合(X)HTML的语法结构(D) A.
Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) ---------网页文件开始标签
--------头部元素开始标签一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分) 1.关于网页中的换行,说法错误的是( A )。 A.可以直接在HTML代码中按下回车键换行,网页中的内容也会换行 B.可以使用
标签换行 C.可以使用标签换行 D.使用
标签换行,行与行之间没有间隔;使用标签换行,两行之间会空一行 2.下图为Dreamweaver8的新建文档页面,一般情况下,创建完全空白的静态页面应选择( A )。 A.基本页类别中的“HTML”选项 B.基本页类别中的“HTML模板”选项 C.框架集类别中的选项 D.入门页面中的选项 3.关于超链接,下列(C )属性是指定链接的目标窗口。 A. Href B. Name C. Target D. Title 4.使用Dreamweaver8将任一个单元格拆分为3行的操作正确的是( B )。 A.选择表格属性栏“拆分”对话框,设置列数为3 B.选择表格属性栏“拆分”对话框,设置行数为3 C.右键选择菜单→表格→插入行 D.直接单击“Tab”键两次
5. 如果要在网页中插入日期,最常用的操作应( D )进行设置。 A. 点击标志1 B. 点击标志2 C. 点击标志3 D. 点击标志4 6. 以下( A )属性不属于表单标记