网页设计项目内容 第1篇
使用 Dreamweaver 等软件编写符合以下要求的文档，完成后的效果如图 4-5 所示： （1）文件名：。 （2）页面标题：“文轩图书榜”。 图 4-5 文轩图书榜 （3）页面内容结构设计： 页面内容为 1 个标题（3 号标题）、3 个图层，其中 1 个图层中包含 2 个并列 的子图层。第 1 个子图层中插入 1 幅图像 ，第 2 个子图层中插入 1 个无序列表。列表项的内容分别如下： 9 古汉语常用字字典(第 4 版) (13 条评论) 王力 等 原著者 2005 年 07 月 商务印书馆 本书由著名语言学家王力、岑麟祥、林焘、戴澧、唐作藩、蒋绍愚等十余位专家学者编写，是学习古 汉语的必备工具书。 购买 收藏 元 （ 折） 定价：￥ 元 （4）样式设计： 外图层#div3 样式为“宽度 900px、高度 150px、边框宽度 1px、实线、边框 颜色#f0f0f0、向左浮动”。 第 1 个子图层#div1 样式为“边距 5px、宽度 160px、高度 150px、边框宽度 1px、实线、边框颜色#e0e0e0、向左浮动”。 第 2 个子图层#div2 样式为“宽度 700px、高度 150px”；第 2 个子图层内的 无序列表 ul 标记样式为“去除列表项前的符号”；列表项的行高为“ 倍”；第 1 个列表项中的“9”的 span 标记 sp1 类样式为“背景色#ff0033、颜色白色、宽 度 10px、高度 10px”；“古汉语常用字字典（第 4 版）”的 span 标记的 sp2 类样 式为“字体特粗、大小 16px、黑体”；第 3 个列表项中的“商务印书馆”span 标 记 sp3 类样式为“颜色#ff0033、字体特粗、字大小 16px、黑体”；第 4 个列表项 内段落首行缩进 2 个字符；第 5 个列表项中的“ 元”span 标记的 sp4 类样 式为“颜色#c0c0c0、字体特粗、大小 16px、黑体、有删除线效果”。 （5）设计完成后通过浏览器观看页面效果。
网页设计项目内容 第2篇
使用 Dreamweaver 等软件编写符合以下要求的文档，完成后的效果如图 4-6 所示： （1）文件名：。 （2）页面标题：“巴城老街风景”。 图 4-6 巴城老街风景 （3）网页内容标题：3 号标题字标记显示内容“巴城老街风景”，标记样式 为“字体大小 48px、 倍行距、右对齐、颜色白色、背景#009966”。 （4）段落内容为“巴城老街位于江苏的阳澄湖。在江南，人们都喜欢吃又 香又肥腻的阳澄湖大闸蟹，大闸蟹的产地就在巴城。相传第一个吃螃蟹的人巴解 就是巴城老街的人。”；段落样式为“首行缩进 2 个字符、大小 28px、行距 倍、 字符间距 2px、有下划线”。 （5）4 张图片文件名分别为 ～；分别插入到 1 个图 层 div 中。img 标记样式为“宽度 150px、高度 100px、边框宽度 20px、样式 inset、 边框颜色#006633”。 （6）图层 div 的样式为“宽度 100%、高度为 160px、向左浮动”。
网页设计项目内容 第3篇
使用 Dreamweaver 等软件综合运用 DIV+CSS 设计京东商品导购页面。完成后 的效果如图 4-4-1 所示： 图 4-4-1 京东商品导购页面 （1）页面结构分析： 整个页面由 7 个图层、1 个标题字、6 个图像超链接构成。外围的图层中包 含 6 个子图层，每个子图层中包含 1 个图像超链接。对页面中各个元素进行 CSS 属性设置，重点学会 margin、border、padding、content 等属性的综合设置。 （2）文件名：。 （3）页面标题：“京东商品导购”。 （4）页面内容设计： 参照页面结构分析，分别在 body 标记中插入 1 个 div，并在 div 中分别插入 1 个 h3、6 个 div 标记、6 个图像超链接。 ○1 插入 1 个 div，id 为“div0”。 ○2 在 div0 图层内插入 1 个 h3 标题字，内容为“京东商品导购”。 ○3 在每个子 div 中分别插入 1 个图像超链接。子 div 的 id 分别为 div1、div2、 div3、div4、div5、div6。图像文件名分别为 、、 、、、。格式如下所示：