网页设计教案

《网页设计教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、DWCS3网页设计教案教材分析：本课程教材为汪迎春、秦学礼编著清华大学出版社2010年出版的《DreamweaverCS3网页设计实用教程》。该书是浙江省十一五重点建设教材，采用项目-任务编排，由易到难，内容实而详，配套资料也较全，适合高职高专学生学习。考虑到学生还要继续学习动态网页设计课程及时间关系，本学期计划学习教材中的前15个任务，原则上每次课（4课时）完成一个任务。教学采取的主流教学模式是：成果展示→任务操作→经验扩展项目1站点欣赏、建立与管理任务一欣赏与建立站点【教学分析】考虑到实训室不能

2、上网，网站欣赏课内只能介绍方法，利用教材的电子素材弥补，并提供URL让学生在课外有重点地去欣赏。另外，教材本项目部分编排也不尽人意，需要做些改进。【教学目的】知识目标：知道网页的设计工具及DW的安装方法、浏览工具及浏览方法，网站欣赏的要点及其中的知识，DW的基本构成、界面布局及新站点的建立方法。技能目标：会用浏览器浏览网站；在欣赏网站主页中能简单地总结其风格；能建立自己的静态网站。【重点】建立网站【难点】欣赏网站，理解知识【教学方法】讲练结合【教学准备】各类网站主页。教案，PPT课件一、网页浏览工具

3、•各种浏览器IE，搜狗，安全……根据URL找到网页，按网页中的标记显示内容。•统一资源定位URL，格式：如http://www.163.com/index.htm网站都指定了首页，所以文件名常省略。•网页欣赏欣赏要点：主题，布局，色彩P7-12原则：视觉的对称平衡、对比、凝视和空白主题要鲜明、实用结构布局：Π型，三型，框架，POP，动画艺术布局：各种页面元素合理搭配配色要求整体协调、局部对比欣赏与保存P2国内外优秀网站欣赏蒙牛集团：http://www.mengniu.com.cn/index.as

4、p海尔集团：http://www.haier.com/cn/index.asp可口可乐：http://www.coca-cola.com.cn/百事可乐：http://www.pepsi.com.cn/波司登：company.bosideng.com/gb/global/home.php七匹狼：http://www.septwolves.com/index.htmlTCL：http://www.tcl.com/不同风格网站示例经济类网站：www.chinanews.com.cn/special/20

5、08/0916/15.shtml教育类网站：http://www.zju.edu.cn/企业类网站：http://www.ceeg.cn/，儿童类网站：http://www.61flash.com/韩国风格网站：http://www.fontanastyle.com，http://www.ubcare.co.kr/欧美风格网站：http://www.dealighted.com/，http://www.opmom.com/艺术类网站：http://www.art-china.com/zhowen.h

6、tm旅游类网站：http://www.ngtraveler.cn/时尚类网站：http://www.trendsmag.com.cn/二、网页编辑工具1.记事本网页本质上是文本文件，所以可以用记事本编辑，所以传输很快，所以其中的插入对象是链接的而不是嵌入的（不同于WORD文档和PPT文档）。用记事本编辑网页：正文区显示的内容（文字）把这些标记当“带意义的括号”来理解。2.Fro

7、ntPage这是MS-Office的一个组件。其风格其它组件一脉相承，使用起来感觉象在使用WORD.现在我们建文件夹D:lanimage并把一些兰花图片放在其中。在FrontPage下用表格做格式控制工具做一个简单的图文页面。3.DreamWeaverAdobe序列，功能更全象普通程序那样安装和启动P12-15工作环境初步认识P20-23标题栏，菜单栏，文档窗口，状态栏插入工具栏，文档工具栏，属性面板，面板组（特别关注文件面板）三、建立新的网站l建站方法：站点（菜单）→新建站点（命令）在打开的对

8、话框中选择基本页操作P3，详细说明在P5-7l网站设计原则1．明确建立网站的目标和用户需求2．总体设计方案主题鲜明3．网站的版式设计4．色彩在网页设计中的作用5．网页形式与内容相统一6．多媒体功能的利用l色彩基础1.色彩的三要素：色相——名称。是根据色的光波长划分的。饱和度——纯净程度。取决于色中含色成分的比例。亮度——明暗程度。在三要素中具有较强的独立性。2.网页用色：RGB模式——使用红(Red)、绿(Green)、蓝(Blue)三色。其它模式，如CMYK模式、索