网页设计站点.docVIP

项目二 建立一个网站 【学 时 数】 2 （ 45 分钟× 2=90 分钟） 【教学内容】 　　1 、建站流程 　　2 、在网页中添加文字等元素 【教学参考书】 　　《 HTML ＆ ASP 网页制作教程》 …………………………………………… 中国铁道出版社 　　《网页设计与制作》 ………………………………………………………… 重庆大学出版社 　　《 Css/Html 网页设计》 ……………………………………………………… 中国铁道出版社 　　《网页标题制作技巧与实例》 ……………………………………………… 清华大学出版社 　　《网页设计与网站开发 ---HTML 网页制作网站开发完全实战》 ………… 航空工业出版社 【教学设备】 　　计算机，投影机 【教学目的与要求】 　　1 、熟练掌握建站流程 　　2 、掌握网站的定位 　　3 、掌握网站风格的设计 　　4 、熟练掌握在网页中添加各元素 【教学重点】 　　1 、建站流程 　　2 、网站的定位 　　3 、熟练掌握在网页中添加文字等元素 【教学难点】 　　1 、网站的定位 　　2 、网站风格的设计 【教学方法】 　　1 、项目工程互动式教学法 　　2 、“讲、学、观察”相结合：对于实现建立和设计网页的相关细节，大量采用演示、讲解和观察等方式。使学生在建立和设计网页的实践中加深对相关内容的理解并熟练掌握。 【教学设计】 　　向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行巩固。讲解完毕后学生完成课后作业，教师实施指导。 　　第一步：讲解建站的流程。 （ 5 分钟左右） 　　第二步：讲解市场调查与分析。 （ 2 分钟左右） 　　第三步：讲解建站内容。 （ 10 分钟左右） 　　第四步：讲解功能框架。 （ 7 分钟左右） 　　第五步：讲解界面设计。 （ 3 分钟左右） 　　第六步：演示站点框图。 （ 5 分钟左右） 　　第七步：演示网站截图。 （ 3 分钟左右） 　　第八步：讲解并演示在网页中添加元素。 （ 35 分钟左右） 　　第九步：学生完成课程作业。 （ 20 分钟左右） 【教学过程】见讲义 【小结】 　　网站定位： 　　1 、功能：灯具网络销售 　　2 、市场：面向灯具公司 / 商场 　　3 、方法：货到付款 / 款到发货 　　技术路线： 　　1 、使用 Dreamweaver 设计网站 　　2 、使用 Flash 设计动画 　　3 、使用 Photoshop 设计图片 　　4 、使用 MS Access 设计后台数据库 　　在网页中标加各种元素。 【作业】 　　按实验内容完成网上的操作，完成实验报告，在实验报告中要求记录如下内容： 　　读懂下列二段代码： 　　1 、源文件代码： 　　html 　　head/head 　　body bgcolor=“green” 　　a href=“h2_20.html# 温暖 ”font size=6 face=“ 宋体 ” color=“yellow” 温暖/font/ap 　　a href=“h2_20.html# 关心 ”font size=6 face=“ 宋体 ” color=“yellow” 关心/font/ap 　　a href=“h2_20.html# 思想 ”font size=6 face=“ 宋体 ” color=“blue” 思想 /font/a 　　/body 　　/html 　　目标文件代码： 　　body 　　a name=“ 温暖 ”h2 align=“center” 温暖 /h2/ap 　　p align=“center” 是一种能让人沉浸其中 br 　　想起许多往事发生会心一笑的老歌 br 　　是你处境尴尬时 br 　　好友给你的善意的眼神 br 　　是陌路相逢时 br 　　对方对你缩放的一个真诚微笑 /h2p 　　a name=“ 关心 ”h2 align=“center” 关心 /h2/ap 　　p align=“center” 是一把钥匙 br 　　学会去了解别人 br 　　去关心别人吧 br 　　这样 br 　　无论你走到哪里 br 　　都会遇到熟悉的眼睛和绚丽的风景 /h2/p 　　a name=“ 思想 ”h2 align=“center” 思想 /h2/ap 　　p align=“center” 　　播下一种心态 br 　　收获一种思想 br 　　播下一种思想 br 　　收获一种行为 br 　　播下一种行为 br 　　收获一种习惯 br 　　播下一种习惯 br