文档介绍：DWCS3
网页设计教案
教材分析：
本课程教材为汪迎春、秦学礼编著清华大学出版社2010年 出版的《Dreamweaver CS3网页设计实用教程》。该书是浙江省 十一五重点建设教材，采用项目-任务编排，由易到难，内容实 而详，配套资料也较全，适合高职高专学生学****br/>考虑到学生还要继续学****动态网页设计课程及时间关系，本 学期计划学****教材中的前15个任务，原则上每次课（4课时） 完成一个任务。教学采取的主流教学模式是：
成果展示一任务操作一经验扩展
项目1站点欣赏、建立与管理
任务一欣赏与建立站点
【教学分析】
考虑到实训室不能上网，网站欣赏课内只能介绍方法，利用 教材的电子素材弥补，并提供URL让学生在课外有重点地去欣 赏。另外，教材本项目部分编排也不尽人意，需要做些改进。
【教学目的】
知识目标：
知道网页的设计工具及DW的安装方法、浏览工具及浏览 方法，网站欣赏的要点及其中的知识，DW的基本构成、界面布 局及新站点的建立方法。
技能目标：
会用浏览器浏览网站；在欣赏网站主页中能简单地总结其风 格；能建立自己的静态网站。
【重点】建立网站
【难点】欣赏网站，理解知识
【教学方法】
讲练结合
【教学准备】
各类网站主页。教案，PPT课件
、网页浏览工具
-各种浏览器
B搜狗，安全……
根据URL找到网页，按网页中的标记显示内容。
-统一资源定位
URL格式：如
httfi / /www. 163 ccm/ index htn
网站都指定了首页，所以文件名常省略。
・网页欣赏
欣赏要点：主题，布局，色彩PH2
原则：视觉的对称平衡、对比、凝视和空白
主题要鲜明、实用
结构布局：口型，三型，框架，FOR动画
艺术布局：各种页面元素合理搭配
配色要求整体协调、局部对比
欣赏与保存P2
国内外优秀网站欣赏
蒙牛集团： httfi // ccm, cn/ index asp
海尔集团： httfi //www. haier ccm /cn/ index asp
可口 可乐： httfi / /www. coca~eo 监 ccm. cn/
百事可乐： httfi //www. pep si ccm, cn/
波司登： ccm pany bosideng ccm / gb/gbba]/hcm e php 七匹狼： httpt//www. septvolvesccm/ indexhtnl
TCL httfi / /www. tdccm/
不同风格网站示例
经济类网站：
www. chinanews ccm. cn/specia]/2008/0916/15 shtn 1
教育类网站：http //www. zju edu cn/
企业类 网 站: http / /www. ceeg cn/,
儿童类网站：httpt//www. 61 flash ccm/
韩国风格网站：
httfi / /www. fbntanas 板 le ccm, h 也 / /www. ubcare cciki/
欧美风格网站：
httfi / /www. dealighted corn/, httpt / /www. o pm cm. cam / 艺术类网站： httpt / /www. arbch ha ccm / zhowen htn 旅游类网站：http / /www. ngtraveter cn/
时尚类网站： httpt //www. trendsnag ccm. cn/
二、网页编辑工具
1记事本
网页本质上是文本文件，所以可以用记事本编辑，所以传输 很快，所以其中的插入对象是链接的而不是嵌入的（不同于 WORD文档和PPT文档）。
用记事本编辑网页：
<HTME>
<HEAD>
< titQ标题栏显示的标题</ title>
</HEAD>
<BODY>
正文区显示的内容（文字）
</BODY>
</HTME>
把这些标记当“带意义的括号”来理解。
2FronlPage
这是M手Office的一个组件。其风格其它组件一脉相承，使 用起来感觉象在使用WORD.
现在我们建文件夹D:\lan\inage并把一些兰花图片放在其 中。在FronPage下用表格做格式控制工具做一个简单的图文页 面。
3D reanW eaver
Adobe序列，功能更全
象普通程序那样安装和启动P12^5
工作环境初步认识 P2R3
标题栏，菜单栏，文档窗口，状态栏
插入工具栏，文档工具栏，
属性面板，面板组（特别关注文件面板）
♦面板织
♦站点管理，
Dreamweav