网站规划与设计

第1周 网页制作基础知识教学目标：了解网页制作的一些基础知识，如网站和网页的区别、网页的类型、网页的构成元素等，然后在了解的基础上再通过练习来巩固。教学重点难点：在深刻了解概念的基础上把理论转化成实际的应用。教学过程：在制作网页之前，首先要了解一些关于web网页的基本知识，了解一下构成一个网站的基本元素等。一、网站与网页 网站是网页的集合，是一个整体，其中包括一个首页和若干个网页。网站设计者先把整个网站结构规划好，然后再分别制作各个网页。大多数网站为网站浏览者提供一个首页，首页再链接多个网页。一般来说，一个网站是由很多网页构建而成的。首页是一个网站的门面，也是访问量最大的一个页面，访问者可以通过首页进入到网站的各个分页。因此，网站首页的制作是很重要的，它给浏览者一个第一印像，首页也奠定了网站的主题和整个基调，使访问者进入首页就能清楚地知道该网站所要传递的信息。一般网站的概念：专门放网页的文件夹放图片的文件夹放flash、css样式等首页当然因为网站的类型不同，结构也会有所不同。如大型门户网站很注重信息量的多少和及时更新，避免一些花哨等，所以这类网站一般没有引导页。二、网页的类型从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。静态网页一般以.htm或.html为后缀结尾的，俗称html文件。本课程就是制作静态网页的课程。 动态网页内含有程序代码，运行于服务器端的程序、网页和组件等都属于动态网页，在网络中看到的动态网页通常是以.asp、.jsp等后缀结尾的，但也有以.php结尾的，如我们学校的校园网首页。一个完整有价值的网站应该是集静态、动态、动画于一身的。三、网页的构成元素网页构成的基本元素主要包括文本、图像、动画、超链接、音频、视频、表格和表单等。下面我们着重介绍和练习表格的属性。表格是网页排版不可缺少的一部分，它可以对文字和图片进行精确的定位，使页面保持一定的版式，所以是设计人员必须掌握的。网站规划与设计一、教学准备1）选取一些有特色的优秀网站，以备上课演示时用 （2）配置校园网Web服务器 二、学习目标： （1）让学生了解网站建设的前期准备工作 （2）学会如何规划、构思一个网站 三、学习重点：建设一个网站的步骤 四、学习难点：对网站的构思策划。 五、教学过程： 教师活动学生活动（预设） 引入： 在因特网这个信息的海洋中我们发现许许多多内容丰富、创意新颖、设计独特的网站，不知道你见到这样漂亮可人的网站是否有点心动？你是否也想动手做一个呢？ 提出问题：你们是否找到了适合你口味的网站或特别能打动你的主页呢？ 选择几个学生来说说。 网站建设的前期准备： 1、做好需求分析 在建站之前首先要明确的是建站的目的和网站将要面对的对象，在课堂中做一个简单的调查，进行归纳总结。 2、确定网站的主题 创建网站前要先确定站点的主题，只有主题确定之后才会有目的地去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定站点的主题是非常重要的，同学们要慎重考虑好。 思考： 你们想做一个关于什么内容的网站呢？可以从自身的兴趣、特长、爱好出发来确定站点的主题。 小结： 站点的主题最好是自己擅长或者喜爱的内容，这样制作时才不会觉得无聊或力不从心，制作的内容才能够丰富多彩，才更能吸引人 3、确定网站名称 根据学生选择主题的相似性，将其分成小组开展活动。 选择恰当的网站名称是建设网站的重要步骤。列出一些让学生评价。 小结： 给网站取名就像是给人取名、给公司取名一样。第一要与主题紧密相关，第二要有意义，第三要上口、悦耳、易记。此外取名时还要注意网站的名称是否合法、合理、合情。 布置任务： 1、要根据自己的情况确定好网站的主题和名称 2、根据主题收集一些资料，可保存在E盘中 学生都在说着自己看