网页制作教案电子版：.docVIP

教学内容 第一章《网页与网站基础知识》 校历 第 一 周 课时 4 课型 理论+实践 教学目标 网站的策划与创建原则 教学方法 任务驱动法 作业布置 分析总结 本章主要通过三个活动的开展，让学生了解Dreamweaver CS3网页浏览的基本原理和网页制作技术的发展，知道目前网页制作常用的几种工具。了解HTML语法的基本构成及几种常用标签。通过具体的网页实例制作，掌握起始页的设置以及基本的界面操作。 教学过程 新课引入： 　越来越多的人开始熟悉网络，熟悉网页。人们已经渐渐意识到网络正在改变日常生活。人们需要为个人、企业制作一个精彩的网站，这就带来一个新的问题：怎样设计制作一个实用而美观的网站？实用与美观似乎总是相悖的。 新课内容： 一、网页与网站的概念 网页：我们在浏览器中看到的页面，它是一个单个的文件。网页里可以有文字、表格、图像、声音、视频等等。网站中的第一个页面成为首页或主页。 网站：存放在网络服务器上的完整信息的集合体，它包含一个或多个网页。这些网页按照一定的组织结构，以链接等方式连接在一起，形成一个整体，描述一组完整的信息。 二、网页的设计 　　网页的主题指网页所要表现的最主要的思想内涵，可以说师网页的灵魂。 确定主题时应遵循的原则 自己擅长或喜欢的内容 主题小而精 不要太滥或目标太高 教学过程 2、网页的文字 最适合于网页正文显示的字体大小为12磅左右，如果在一个页面中需要安排的内容较多可采用9磅的字号。标题和需要强调的内容可以用较大的字号。 行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距12点。 在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。使用不同颜色的文字可以使想要强调的部分更加引人注目，但应该注意的是，对于文字的颜色，只可少量运用，在一个页面上运用过多的颜色，会影响浏览者阅读页面内容，除非你有特殊的设计目的。 3、网页的色彩 ●色彩助鲜明性●色彩的独特性●色彩的合适性●色彩的联想性●页面中各处用色的选择 4、网页版式和布局 1．版面设计的步骤（1）画出页面的结构草图 ：只需画出页面的大体结构。注：分辨率为640*480时，页面显示尺寸为620*311；分辨率为800*600时，页面显示尺寸为780*428；分辨率为1024*768时，页面显示尺寸为1007*600；（2）布局细化和调整：将需要放置的功能模块安排在页面上，注意突出重点和平衡协调 教学过程 （3）定格：确定出完美的布局方案，定格为最后的版式2．常见网页布局 （1）T型结构 （2）同字结构 教学过程 （3）川字结构 （4）三字结构 教学过程 （3）川字结构 （4）三字结构 教学过程 （5）单一结构 教学内容 第一章《网页与网站基础知识》 校历 第 一 周 课时 2 课型 理论+实践 教学目标 网站的策划与创建原则 教学方法 任务驱动法 作业布置 分析总结 本章主要通过三个活动的开展，让学生了解Dreamweaver CS3网页浏览的基本原理和网页制作技术的发展，知道目前网页制作常用的几种工具。了解HTML语法的基本构成及几种常用标签。通过具体的网页实例制作，掌握起始页的设置以及基本的界面操作。 教学过程 三、网站的策划与创建原则1、定位网站主题和名称 设计一个站点，首先遇到的问题就是定位网站主题。所谓主题也就是你的网站的题材。　　 对于题材的选择，应注意： （1）主题要小而精。定位要小， （2）题材最好是你自己擅长或者喜爱的内容。　　 （3）题材不要太滥或者目标太高。“太滥”是指到处可见， 网站名称及域名的选择也是非常重要的。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是： （1） 名称要正。也就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。 （2）名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字（最好四个字） （3） 名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。　　　域名的选择也是如此，选一个简单易记，比如可以模仿知名网站扩大自己的影响，有一定含义的域名也是网站成功的一部分。 2、网站的风格　　 网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。　有风格的网站