网页设计初步.docVIP

PAGE PAGE 1 规划网站及网站设计初步1课时 立中 韩陈阳 学习目标 （1）理解网站、网页、主页的概念及网站的结构 （2）了解网站建设的前期准备工作，学会如何规划、设计一个网站 过程与方法 学生通过思考、参与讨论、等体验网站规划的过程，熟悉简单网页制作的流程。 情感态度与价值观 （1）体验网站规划、设计的过程； （2）增强学生的班级凝聚力和集体荣誉感。 重点难点 重点：规划、设计一个网站。难点：科学、合理地进行网站的规划。 课前延伸 请同学们课前预习第四章1、2的内容，了解什么是网站、网页、主页的概念，思考在规划、设计一个网站时我们需要考虑哪些因素。 一、认识网站 网站：因特网上具有相似性质、共同内容的一组信息资源。 网页：用HTML语言写成的文件。 主页：用来表示访问某个网站时出现的第一个页面。文件名通常为 。 网站的结构：① 结构；②线性结构；③网状结构。 二、规划、设计网站 （1）网站规划 网站规划的步骤是:①需求分析;②确定网站主题;③确定网站的名称；④选择网站开发工具；⑤制定网站开发计划表。 常见的网站开发工具有：HTML语言、FrontPage、Dreamweaver、FlashMX 活动一：用HTML语言书写一个简单的网页。 打开“附件”中的“记事本”程序，在记事本中输入以下代码，并将文件保存在桌面，取名为“index.htm”。 html headtitle高一？班网站/title /head body 高一？班欢迎你的到来! /body /html （2）网站设计 网站设计包括栏目设计和版面设计。 常见的页面布局样式。课本P83表4-11 树立网站整体风格的关键是：①网站 ；②网站的 ；③网站的 。 课内延伸活动二：说出几个常见的网站标志（网站LOGO） 网站名称 网站标志 标志位置 新浪 搜狐 网易 课堂练习 1.用来对整个网站进行概括性介绍的网页称为该网站的【 】 。 A.封面 B.主页 C.欢迎页 D.目录页 2.网站首页默认的文件名一般为【 】 。 A.Logo.gif B.index.htm C.E-mail D.ad.htm 3.下列关于网站制作步骤中：①确定主题②网站制作③需求分析④选择开发工具，正确的顺序是【 】 。 A.①④③② B.③①④② C.②①③④ D.④③①② 4.以下不属于网站开发的工具软件是【 】 。 A.HTML语言 B.FrontPage C.Dreamweaver D.WinRAR 5.网站树立整体形象的关键是【 】 。 A.标志、色彩和字体 B.表格、图片和文字 C.音频、视频和文字 D.计划、栏目和版面 6.下列不属于网站主要结构的是【 】。 A.线性结构 B.树状结构 C.星型结构 D.网状结构 7.下列关于HTML语言的描述，错误的是【 】 。 可以直接用HTML语言制作网页 HTML文档本身就是文本格式的文件 FrontPage是制作网页的软件，它和HTML无关 HTML语言中不同的标记表示的意义和作用不同