下载此文档

网页设计教案.doc

文档分类：IT计算机 | 页数：约36页举报非法文档有奖

1/36

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/36 下载此文档

文档列表 文档介绍

DW CS3
网页设计教案
教材分析:
本课程教材为汪迎春、秦学礼编著清华大学出版社2010年出版的《Dreamweaver CS3网页设计实用教程》。该书是浙江省十一五重点建设教材,采用项目-任务编排,由易到难,内容实而详,配套资料也较全,适合高职高专学生学****br/> 考虑到学生还要继续学****动态网页设计课程及时间关系,本学期计划学****教材中的前15个任务,原则上每次课(4课时)完成一个任务。教学采取的主流教学模式是:
成果展示→任务操作→经验扩展
项目1 站点欣赏、建立与管理
任务一欣赏与建立站点
【教学分析】
考虑到实训室不能上网,网站欣赏课内只能介绍方法,利用教材的电子素材弥补,并提供URL让学生在课外有重点地去欣赏。另外,教材本项目部分编排也不尽人意,需要做些改进。
【教学目的】
知识目标:
知道网页的设计工具及 DW 的安装方法、浏览工具及浏览方法,网站欣赏的要点及其中的知识,DW的基本构成、界面布局及新站点的建立方法。
技能目标:
会用浏览器浏览网站;在欣赏网站主页中能简单地总结其风格;能建立自己的静态网站。
【重点】建立网站
【难点】欣赏网站,理解知识
【教学方法】
讲练结合
【教学准备】
各类网站主页。教案,PPT课件
一、网页浏览工具
各种浏览器
IE,搜狗,安全……
根据URL找到网页,按网页中的标记显示内容。
统一资源定位
URL,格式:如

网站都指定了首页,所以文件名常省略。
网页欣赏
欣赏要点:主题,布局,色彩 P7-12
原则:视觉的对称平衡、对比、凝视和空白
主题要鲜明、实用
结构布局:Π型,三型,框架,POP,动画
艺术布局:各种页面元素合理搭配
配色要求整体协调、局部对比
欣赏与保存 P2
国内外优秀网站欣赏
蒙牛集团:/
海尔集团:/
可口可乐:/
百事可乐:/
pany./gb/global/
七匹狼:
TCL:/
不同风格网站示例
经济类网站:
/special/2008/0916/
教育类网站:/
企业类网站:/,
儿童类网站:/
韩国风格网站:
p:///
欧美风格网站:
/,/
艺术类网站:.com/
旅游类网站:/
时尚类网站:/
二、网页编辑工具
1. 记事本
网页本质上是文本文件,所以可以用记事本编辑,所以传输很快,所以其中的插入对象是链接的而不是嵌入的(不同于WORD文档和PPT文档)。
用记事本编辑网页:
<HTML>
<HEAD>
<title>标题栏显示的标题</title>
</HEAD>
<BODY>
正文区显示的内容(文字)
</BODY>
</HTML>
把这些标记当“带意义的括号”来理解。

这是MS-Office的一个组件。其风格其它组件一脉相承,使用起来感觉象在使用WORD.
现在我们建文件夹D:\lan\image并把一些兰花图片放在其中。在FrontPage下用表格做格式控制工具做一个简单的图文页面。

Adobe序列,功能更全
象普通程序那样安装和启动 P12-15
工作环境初步认识 P20-23
标题栏,菜单栏,文档窗口,状态栏
插入工具栏,文档工具栏,
属性面板,面板组(特别关注文件面板)
三、建立新的网站
建站方法: 站点(菜单)→新建站点(命令)
在打开的对话框中选择基本页操作P3,详细说明在P5-7
网站设计原则

色彩基础
:
色相——名称。是根据色的光波长划分的。
饱和度——纯净程度。取决于色中含色成分的比例。
亮度——明暗程度。在三要素中具有较强的独立性。
:
RGB模式——使用红(Red)、绿(Green)、蓝(Blue)三色。
其它模式,如CMYK模式、索引颜色模式、灰度模式、位图模式、双色调模式,见教材。
网络安全色——当红、绿、蓝颜色数字信号值为0、51、102、153、204、255时构成的颜色组合,它一共有216种。
教学反馈:
任务二网站管理与HTML标签
【教学目的】
知识目标:
初步知道网页文件的分类,管理站点的基本方法,深入一步了解DW的工作环境和 HTML 语言。
技能目标:
能初步分类网站文件,创建站点相册,运用站

网页设计教案来自淘豆网www.taodocs.com转载请标明出处.