《网页制作FrontPage》教案(5)

2019-03-09 22:25

【教学方式】

案例分析式、讨论式、练习式。 【教学参考】

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”


《网页制作FrontPage》教案(5).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:低保申请书范文

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: