网站规划与设计.doc

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

1、第1周　网页制作基础知识教学目标：了解网页制作的一些基础知识，如网站和网页的区别、网页的类型、网页的构成元素等，然后在了解的基础上再通过练习来巩固。教学重点难点：在深刻了解概念的基础上把理论转化成实际的应用。教学过程：在制作网页之前，首先要了解一些关于web网页的基本知识，了解一下构成一个网站的基本元素等。一、网站与网页　　网站是网页的集合，是一个整体，其中包括一个首页和若干个网页。网站设计者先把整个网站结构规划好，然后再分别制作各个网页。大多数网站为网站浏览者提供一个首页，首页再链接多个网页。一般来说，一个网站是由很多网页构建而成的。首

2、页是一个网站的门面，也是访问量最大的一个页面，访问者可以通过首页进入到网站的各个分页。因此，网站首页的制作是很重要的，它给浏览者一个第一印像，首页也奠定了网站的主题和整个基调，使访问者进入首页就能清楚地知道该网站所要传递的信息。一般网站的概念：专门放网页的文件夹　放图片的文件夹　　放flash、css样式等　　　　　首页当然因为网站的类型不同，结构也会有所不同。如大型门户网站很注重信息量的多少和及时更新，避免一些花哨等，所以这类网站一般没有引导页。二、网页的类型从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。静态网页一般以.h

3、tm或.html为后缀结尾的，俗称html文件。本课程就是制作静态网页的课程。　　动态网页内含有程序代码，运行于服务器端的程序、网页和组件等都属于动态网页，在网络中看到的动态网页通常是以.asp、.jsp等后缀结尾的，但也有以.php结尾的，如我们学校的校园网首页。一个完整有价值的网站应该是集静态、动态、动画于一身的。三、网页的构成元素网页构成的基本元素主要包括文本、图像、动画、超链接、音频、视频、表格和表单等。下面我们着重介绍和练习表格的属性。表格是网页排版不可缺少的一部分，它可以对文字和图片进行精确的定位，使页面保持一定的版式，所以是

4、设计人员必须掌握的。网站规划与设计一、教学准备1）选取一些有特色的优秀网站，以备上课演示时用（2）配置校园网Web服务器二、学习目标：（1）让学生了解网站建设的前期准备工作（2）学会如何规划、构思一个网站三、学习重点：建设一个网站的步骤四、学习难点：对网站的构思策划。五、教学过程：教师活动学生活动（预设）引入：在因特网这个信息的海洋中我们发现许许多多内容丰富、创意新颖、设计独特的网站，不知道你见到这样漂亮可人的网站是否有点心动？你是否也想动手做一个呢？提出问题：你们是否找到了适合你口味的网站或特别能打动你的主页呢？选择几个学生来说说。网站

5、建设的前期准备：1、做好需求分析在建站之前首先要明确的是建站的目的和网站将要面对的对象，在课堂中做一个简单的调查，进行归纳总结。2、确定网站的主题创建网站前要先确定站点的主题，只有主题确定之后才会有目的地去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定站点的主题是非常重要的，同学们要慎重考虑好。思考：你们想做一个关于什么内容的网站呢？可以从自身的兴趣、特长、爱好出发来确定站点的主题。小结：站点的主题最好是自己擅长或者喜爱的内容，这样制作时才不会觉得无聊或力不从心，制作的内容才能够丰富多彩，才更能吸引人3、确定网站名称根据学生选择主

6、题的相似性，将其分成小组开展活动。选择恰当的网站名称是建设网站的重要步骤。列出一些让学生评价。小结：给网站取名就像是给人取名、给公司取名一样。第一要与主题紧密相关，第二要有意义，第三要上口、悦耳、易记。此外取名时还要注意网站的名称是否合法、合理、合情。布置任务：1、要根据自己的情况确定好网站的主题和名称2、根据主题收集一些资料，可保存在E盘中学生都在说着自己看到的一些优秀网站，其中包括内容方面、界面方面、设计风格方面等。对于亲自动手制作一个网站，学生表现出了很大的兴趣，都想一显身手。学生通过观察，回答了老师提出的问题。