【教学方式】
案例分析式、讨论式、练习式。 【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。 2、《WEB网站设计》Joel Sklar著 高等教育出版社。 3、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】
1、用记事本书写HTML网页。
2、利用案例进行HTML网页的综合讲解。 3、要求学生按规定书写一个完整的HTNL网页。 1>、立体化表格
立体表格一般是通过颜色对比达到立体效果的,可以使表格具有更加美丽的外观视觉。下面通过制作一个具有立体效果的,使我们更加容易地掌握如何设置表格的属性,以及编辑表格的标签和查看表格的标签属性。
源码如下:
it365cn
it365cn it365cn it365cn
cnbruce cnbruce cnbruce cnbruce
具体方法见书本p137页。
练习一:请大家做出如下立体凸出表格:
思考:请做出如下凹进表格:
二、格式化表格(P136)
执行“命令”-“格式化表格”,在“格式化表格”对话框中选择你要的方案。 三、圆角表格(P139) 四、请完成以下网页
作业:完成后请以“电脑报”链接到作业本第三周。
【课后小结】
HTML是目前制作网页时必须掌握的一种语言,学好HTML语言是为以后对《网页设计》这门课程更深入的学习打下扎实的基础。
第11、12课时Dreamweaver中简单WEB
站点建立与管理
【教学内容】
讲解Dreamweaver的工作界面和基本操作。 【教学目的】
使学生掌握网页制作工具Dreamweaver的基本操作方式。 【教学重点】
网页制作工具Dreamweaver的界面和基本基本操作。 【教学难点】
掌握一个新的开发工具。 【教学方式】
讲授式、项目模块式、演示教学。 【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。 2、《WEB网站设计》Joel Sklar著 高等教育出版社。
3、《Dreamweaver网页设计案例教程》白煜编著清华大学出版社。 4、《Dreamweaver MX 2004完美网页设计与制作》姜楠编著中国青年出版社。 【新课内容】 3.1 Dreamweaver概述 3.1.1 Dreamweaver的工作界面
3.1.2 Dreamweaver4的基本操作 1、直接建立新网页 “文件”→“新建”(Ctrl+N) 2、打开已有的网页 “文件”→“打开” 3、保存编辑过的网页
“文件”→“保存”,直接保存 “文件”→“另存为”,换名保存 4、预览正在编辑的网页 “文件”→“在预览器中预览” 5、设置网页属性 “修改”→“页面设置” (1)标题 (2)背景图像 (3)背景色 (4)文字颜色 (5)超级链接颜色 (6)左边界上边界 (7)文件编码方式 (8)网页蓝图 6、导入Word文件
“文件”→“导入” →“导入Word HTML”