选修3《规与设计网站》ppt课件 高中信息技术.ppt

第二节 网站的规划设计 一、构建网站的主要步骤 构建网站一般需要经历以下几个主要步骤：前期的网站规划设计、资料收集整理，中期的网页制作与调试，后期的网站测试、发布与维护等过程。 二、网站的规划设计 网站的规划设计好比盖楼房前画的设计图，有了前期的总体设计，才能使后面的制作有条理、有计划。 1、选择好网站主题 选择网站主题就是确定主题网站的内容方向。应该先确定大的方向，然后再从中提炼出小题目。 选择主题时要注意以下几点： （1）主题要小而精，内容充实饱满，能引起人们的阅读欲望。最好选择自己感兴趣而且熟悉的内容，这样组织编写的资料才能有深度，有特色。 （2）要有独特的视角，善于从别人司空见惯的事情中，发掘出大家感兴趣的内容。 （3）主题要有一定的品味，健康向上，能反映学生的精神风貌。 （4）与电子小报或幻灯片相比，构建网站需要更多的信息资料，因此，网站的主题一定要资源充足，类型多样。 金手指考试网 / 2016年金手指驾驶员考试科目一 科目四元贝驾考网 科目一科目四仿真考试题C1 比如，某个小组的同学首先确定以“我的家乡在陕北”为大的方向，然后进行信息检索和资料收集，发现可以用作主题的内容十分丰富，如“圣地延安”、“黄土内情”、“今天的三十里铺”……经过分析比较，他们发现家乡的窑洞有很深的文化底蕴，也有许多鲜为人知的故事，而且资源充分，最后重新确定的主题是“陕北窑洞文化”。 再如，一个小组选择“环境保护”为主题，经过讨论他们确定的小主题是“酸雨”，它的下级栏目有“什么是酸雨”、“酸雨的成因”、“酸雨的危害”、“酸雨的防治”，这样便突出网站主题。 2、给网站起个合适的名称 网站的名字要能够直接表现主题的内容，名字要新颖贴切，响亮悦耳，琅琅上口。 3、收集素材 收集素材的途径很多 4、合理规划网站的栏目 把同一主题下的不同内容划分为若干类，每个类作为一个栏目，每个栏目相对独立，但都围绕着主题的内容。栏目要有导航的作用，能清晰地表现主题。 栏目的设计可以用表格的形式，如表： 也可以用框架结构图来表示，这样表示网站的层次关系更清晰、更直观。如图： 5、确定网站的风格 （1）设计网页布局 网站的风格设计取决于网站的主题。若是班级或个人主页网站，就要体现班级个人的特点，可以通过活泼的形式、亮丽的色彩，展示我们的班级或我们自己。 若是文学或历史知识类网站，则要体现它的历史背景，风格要古朴典雅。 设计网站布局可以先画出草图，修改满意后再定稿。如下图“探究美丽的光”主页草图。 （2）网页配色 一个网站的色彩最好不要超过三种，多了就显得杂乱无章。可以先确定符合网站主题思想而且与表达的内容相关联的主色调，再配以其它色彩作为点缀和衬托。 网站的整体风格，除了要注意网页布局和颜色外，还要从一些细微处考虑，如选择恰当的网站标志、适合的背景图片和背景音乐等。 思考练习 1、网站规划设计的主要步骤有哪些？ 2、讨论自己小组网站的栏目构成及其所采用的配色方案。 3、自己小组准备通过哪些渠道收集网站所需素材？ * 网站规划设计 资料收集整理 网页制作调试 网站运行维护 网站评价改进 网站测试发布 构建网站主要步骤示意图 确定网站主题 网站名称 收集网站素材 网站风格设计 板面布局与设计 确定网站的栏目 网站规划设计主要步骤示意图 Grammar 我们来看一些中学生网站的名字，从中可以有所借鉴，获得启发： “彩色星球”、“多彩民族”、“锦绣中华”、“钟表的演绎”、“诗词古韵”、“动漫天地”、“美丽的家乡”、“My school life”、“篮球无限”、“小律师”、“心系奥运”、“为了绿色”…… 收集素材 书写 光盘 上网 参观 扫描 照相 摄像 书籍 下面列出了几个素材网站和相关的学科网站，供同学们收集素材的时候参考： 网页素材网 素材精品屋 初中英语网 语文天地网 飞 翔 物 理 网页制作大宝库 紫外线 红外线 看不见的光 光的反射应用 光的反射原理 光的反射 绚丽的光点缀美丽的生活 白光的组成 光的颜色 光传播在生活中的应用 光传播在生产中的应用 光的传播知识 光的传播 二级栏目 一级栏目 探 究 美 丽 的 光 “探究美丽的光”网站栏目设计（部分） 主 页 一级栏目 二级栏目 三级栏目 探究美丽的光 光的传播 光的颜色 看不见的光 光的折射 关于我们 紫外线 红外线 红外线遥控 有趣有动物 “探究美丽的光”网站框架结构图（部分） 其他信息 友情链接 内容区 活动图片 导航区 标题区 “探究美丽的光”主页草图