实验报告1-DIV+CSS网页设计

川、\Shandong Women s University

学生实验报告

学 期：2015-2016学年第二学期 班 级：2015级计算机科学与技术

学 号： _____________________________ 姓 名： _____________________________ 课程编号： __________________________

课程名称： 网页设计与制作

填写说明

1、 填写实验报告须字迹工整，使用黑色钢笔或签字笔填写。 2、 课程编号和课程名称必须和教务系统中保持一致，实验项目 名称填写须完整规范，不能省略或使用简称。

3、 每个实验项目应填写一份实验报告。如同一个实验项目分多 次进行，可在实验报告中写明。

4、 如果实验报告页面不够，可分成两个实验报告填写。

实验目录及成绩登记

序号 实验日期 实验项目名称 实验成绩 备注 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 实验报告最终成绩：

指导教师签名： 说明：实验项目顺序和名称由学生填写，必须前后保持一致；实验成绩以百 分制计，由实验指导教师填写并签名，一般不能涂改，确有涂改的，应在备注栏 说明原因；实验报告部分最终成绩为所有实验项目成绩的平均值。

实验报告

实验日期： 年 月曰 星期

实验项目名称 实验项目类型 实验指导教师 是否分组 DIV+CSS网页设计 □演示型 □验证型 □基本训练型 □综合型 胡宝芳 设计型 □提高型 实验楼424 实验地点 小组其他成员 否 一、 实验目的及要求 实验目的： 1理解CSS规则定义； 3、掌握DIV+CSS布局的方法与技巧。 实验要求： （一） 任选一种网页布局结构，并根据布局结构画出首页草图。 （二） 对草图中的布局利用 DIV+CSS进行布局 1、 在代码部分对每一层的内容进行标注 2、 注意层的命名要有意义 3、 CSS规则放在外部样式表文件中。 4、 规划网站目录结构和链接结构 5、 主要页面布局设计 6、 丰富页面内容，插入文字、图片、超链接 总体要求：页面数量为3个以上，首页使用DIV+CSS进行布局，插入文字、图片、超链 接，页面内容丰富、美观。 二、 实验使用的主要设备（含软件系统） 设备：计算机； 软件：Dreamweaver CS6 三、 实验操作过程及内容 软件操作类： 1、 写出实验主要内容、步骤及注意事项；

3、关键步骤及实验结果可截图附于实验报告中。

四、实验结论、问题与建议（含取得的成果）

写出实验结论，讨论实验中输出信息、图形、调试过程中所遇的问题可能的解释及处 理方法，对实验仪器的选择和实验方法的改进提出建议，简述自己做实验的心得体会，回 答实验思考题等。

思考题：DIV+CSS布局网页有哪些优势？

指导教师评阅意见:

签名: