3.《网页设计与制作（HTML+CSS）》实训手册.pdfVIP

《网页设计与制作（HTML+CSS）》课程实验

（实训）手册

一、项目概况

课程名称网页设计与制作（HTML+CSS）

课程学时34开课学期-学年第学期

适用专业

项目数量6

二、教学目标

1、知识培养目标：掌握网页的基本概念以及html的基本概念；学会应用

DREAMWEAVER工具；熟记网页的基本标记符；传统TABLE布局方式以及DIV+CSS布

局方式;

2、能力培养目标：制作网页的能力和后期运营的能力;运用制作网页工具以及其

他软件的能力;系统开发的能力

3、素质培养目标：团队意识;职业道德;艰苦创业工作作风;创新时代精神

三、项目名称、类型及学时分配

类型（综合性、

序号项目名称学时

设计性、其它）

1站点的建立综合性2

2Dreamweaver处理文字和图片设计性6

3用表格和布局模式布局网页设计性8

4创建超链接综合性6

5创建登录注册页面设计性6

6CSS+DIV创建信息网站设计性6

四、参考资料

1、网页设计与制作（html+css）传智播客著中国铁道出版社；

2、网页设计与制作实例教程方其桂著清华大学出版社；

3、网页设计与制作（html5+css3+java）赵丰年著人民邮电出版社。

项目一站点的建立

一、项目目的

1、掌握建立新站点的方法；2、理解设置站点参数；3、掌握管理站点的方法。

二、项目条件

仪器设备：行思楼5楼机房

使用材料：网页设计与制作教材

场地要求：机房机子正常使用，并且能满足学生使用数量

三、主要内容

建立站点，并且在站点下建立第一张网页

四、项目步骤

1.定义一个动态站点。

（1）设置虚拟目录：在本地磁盘“C:\Inetpub\wwwroot”下新建一个以自

己拼音名字命名的根文件夹，例“C:\Inetpub\wwwroot\wangfang”。

（2）设置Web共享。

（3）选择“站点”|“新建站点”选项，进入“高级”选项卡，设置“本

地信息”的各参数。

（4）设置“测试服务器”的各参数。

（5）显示结果。

2.测试站点。

（1）将test.asp文件复制到C:\Inetpub\wwwroot\wangfang文件夹中。

（2）进行预览/调试。见图1。

3.在站点下建立网页index.asp。

（1）插入一张3行1列的表格。表格宽度：775像素。

（2）设置第1行属性，高：10像素；背景颜色：007236。如没有显示10

像素，则可以插入透明图片进行设置或直接在代码中进行设置。

（3）透明图片制作，编辑——首选参数——布局模式——创建路径——确

定，返回表格：插入——图像——选择路径。

（4）设