商业网站设计与制作教案文档格式.docx
- 文档编号:13330471
- 上传时间:2022-10-09
- 格式:DOCX
- 页数:28
- 大小:33.17KB
商业网站设计与制作教案文档格式.docx
《商业网站设计与制作教案文档格式.docx》由会员分享,可在线阅读,更多相关《商业网站设计与制作教案文档格式.docx(28页珍藏版)》请在冰豆网上搜索。
2
教
学
目
的
及
要
求
教学目的:
向学生传授构成商务网页的基本要素、制作网页的基本工具、美化网页的基本工具、网页制作的基本步骤;
教学要求:
了解商务网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握网页制作的基本步骤。
重
点
难
其
处
理
重点:
美化网页的基本工具、网页制作的基本步骤。
难点:
网页的基本要素。
处理:
通过实际案例结合相关知识点详细讲解。
方
法
多媒体教学和课堂讲解相结合
参
考
文
献
1.电子工业出版社《中文版DreamweaverCS5完全自学一本通》
2.清华大学出版社《基于Web标准的网页设计与制作》
课外
作业
及要
1.网页的基本要素有哪些?
2.简述常用的几种网页设计工具
3.简述常用的几种美化工具
4.总结网页制作的步骤
后
记
第2章创建站点
2.1规划站点结构
2.2利用DreamweaverMX创建站点
向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握网页制作的基本步骤。
规划站点结构的方法;
DreamweaverMX的基本操作;
了解网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握网页制作的基本步骤。
利用DreamweaverMX创建站点的方法;
站点的基本操作。
网页的基本要素、制作网页的基本工具、美化网页的基本工具
课
外
作
业
1.如何规划站点结构
2.首先根据个人爱好规划一个名为Myweb的个人站点,然后在DreamweaverMX中分别用站点定义向导和直接定义站点两种方法建立该站点,并在创建好的站点中新建一个名为”我的个人主页”网页
第3章网页文本的处理
3.1利用HTML处理文本
3.2利用DreamweaverMX处理网页文本
向学生传授构成HTML及其功能、利用HTML创建和测试Web页的方法、利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用DreamweaverMX处理文本;
了解构成HTML及其功能、利用HTML创建和测试Web页的方法;
掌握利用HTML设置标题和文字、利用HTML设置段落、利用HTML进行文本格式的处理、利用DreamweaverMX处理文本。
分别利用HTML语言和DREAMWEAVER工具进行文本的编辑,包括标题、横线、字体、字号、颜色、对齐方式、编号和项目编号的设置等等;
熟悉HTML语言中的针对文本设置的格式及若干标签。
教学
方法
参考
文献
自己动手简单做个网页:
网页中要有标题、对齐方式、颜色、和项目列表的体现
第4章网页表格的处理
4.1利用DreamweaverMX处理网页表格
4.2利用HTML处理网页表格
向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具,网页制作的基本步骤。
创建表格的方法;
编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法;
创建表格的方法、编辑表格的方法、表格的排序方法、表格的格式化方法、设置表格属性的方法、用表格设计页面布局的方法。
分别利用HTML语言和DREAMWEAVER工具表格属性的修改和利用表格进行网页的布局;
利用表格进行布局。
分别制作两个网页,其一为单纯表格的网页,其二为利用表格进行布局的简单网页。
第5章网页图像的处理
5.1利用DreamweaverMX编辑图像
5.2利用HTML处理图像
向学生传授网页的基本要素、制作网页的基本工具、美化网页的基本工具,掌握网页制作的基本步骤;
页图像的基本格式、网页图像的要点、图像属性的设置、调整图像的大小及位置;
能够选择合适的网页颜色、了解网页图像的基本格式、掌握使用网页图像的要点、在网页中插入图像的方法、图像属性的设置、调整图像的大小及位置。
分别利用HTML语言和DREAMWEAVER工具图像属性的修改。
文字和图像的位置的设置,热点的设置。
1.网页中常用的图像格式有哪几种?
所有的浏览器都支持它们吗?
2.GIF与JPEG两种图像格式各有什么优缺点?
3.在网页中使用图像应注意什么问题?
4.制作一个网页,为网页填加背景图像,然后分别在网页中插入GIF和JPEG两种格式的图像,并给图像加上文字说明,填加文本,使文本围绕图像排列。
第6章在网页中使用超链接
6.1利用DreamweaverMX处理超链接
6.2利用HTML创建超链接
6.3利用站点地图管理超链接
向学生传授利用DreamweaverMX创建各种超连接的方法、利用DreamweaverMX编辑各种超连接的方法、利用HTML创建、编辑超链接的方法、利用站点地图管理超链接的方法;
了解链接的的相关概念、,掌握利用DreamweaverMX创建各种超连接的方法、利用DreamweaverMX编辑各种超连接的方法、利用HTML创建、编辑超链接的方法
重点:
文本超链接、图像超链接、命名锚记、电子邮件链接的创建及相应属性的修改。
HTML语言中相应的标签。
1.超链接的路径有几种/它们个代表什么含义?
2.图像超链接与文本超链接有什么不同?
3.如何建立跨页面的锚记链接
4.制作一个网页,在网页中要有文本和图像,同时满足以下要求:
(1)单击一个图像跳转到另一个图像,作文超链接的图像带有兰色边框
(2)单击页面中的一个超链接,跳转到另一个页面的特定位置
(3)包含一个电子邮件超链接和一个具有下载效果的超链接
第7章网页表单的处理
7.1表单概述
7.2利用DreamweaverMX处理表单
7.3利用HTML处理表单
向学生传授网页表单概念、利用DreamweaverMX创建表单的方法、利用DreamweaverMX编辑表单的方法、利用HTML处理网页表单的方法;
了解网页表单概念;
掌握利用DreamweaverMX创建表单的方法、利用DreamweaverMX编辑表单的方法、利用HTML处理网页表单的方法。
分别利用HTML语言和DREAMWEAVER工具进行表单的属性的设置。
HTML语言中相应的标签,在处理单选和复选命令按纽上名称的不同。
利用表单制作一个留言簿
第8章利用框架技术制作网页
8.1认识框架网页
8.2利用DreamweaverMX处理框架
8.3利用HTML创建网页框架
向学生传授框架的相关概念、创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法;
了解框架的相关概念;
掌握创建框架网页的方法、编辑框架网页的方法、设置框架属性的方法;
框架的设置,框架属性的设置和框架的保存,框架的链接目标的设置。
框架的保存和链界目标的设置。
1、框架结构网页的保存应该注意哪些问题?
2、制作一个框架网页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 商业网站 设计 制作 教案