高中信息技术选修3：网络技术应用 6.1 网站的规划与设计

第六章网站设计与制作第一节网站的规划与设计授课教师：王文贺浙教版（高中）网络技术网站作用有利于提升形象具有网络沟通力全面详细的展示作用与客户保持紧密联系可以与潜在客户建立商业关系可以降低通讯费用利于及时得到反馈最新知识点网站的规划网站的设计网页的制作网站的发布与管理网站的评价2.什么是网站规划(1)规划涉及的内容

(2)网站的要素1.网站规划的基本过程初步规划属于自己的网站网页名称网页展示内容网页结构备注首页框架顶级菜单及网站主要模块内容校园概况展示学校简介、校园风貌等内容校园动态展示学校公告、新闻消息等主题：学校官方网站（沈阳市第一七〇中学）校徽及顶级菜单按钮网站logo条宽屏校园主图轮播校园动态通知公告教育教学德育工作校徽及顶级菜单按钮网站logo条宽屏校园主图轮播内容展示区校徽及顶级菜单按钮网站logo条宽屏校园主图轮播内容展示区子菜单子菜单网站的规划网站规划是指在网站建设之前对市场进行调研分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。

网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位的作用。网站的设计网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。网站的设计请同学们再看看本课开头提供的几个优秀网站，并思考以下几个问题：

（1）这些网站是怎样围绕主题展现内容的？

（2）这些网站提供了哪些栏目及功能？

（3）网站的链接有哪些特色，是否便捷？

（4）网站主页的布局、色彩运用有哪些特点？网站的设计1.网站的结构设计

制作网站前要设计好网站的栏目，网站的栏目可以有多层，但并不是层数越多越好，以能够恰当地体现网站主题为好。此外，每个栏目应有一个大致的内容描述，以表达该栏目的设计思路。网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计2.网页的版面设计风格设计

有的严肃计策，有的清爽温馨，

有的深沉厚重，有的生动活泼，

有的古朴典雅，有的豪迈奔放。版面布局设计

标题信息、栏目信息、内容信息、附加信息等网站的设计3.网页的交互设计

网站它不是一个“被动”的媒体，和电视、电台等媒体不一样的是网页是需要我们用鼠标去点击的。浏览者点击链接，网页显示出需要的内容然后在传递给浏览者。这就是网页的交互性。任务布置

完善自己的网站规划和设计，两人一组，互相探讨，设计5-10个界面，分别包括网页名称、网页内容、网页结构等。布置作业请每个同学设计制作一份网页作品。具体要求如下：