高中信息技术浙教版选修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个界面，分 别包括网页名称、网页内容、网页结构 等。 布置作业 请每个同学设计制作一份网页作品。具体要求如下： （1）主题自定； （2）总共要有10个页面或以上。 （3）网页中的内容要紧密结合作者的学习、生 活实际或社会实践。 （4）在水平分辨率为1024（或以上）像素的电 脑屏幕上浏览时，页面保持整齐，不允许出现横 向的滚动条。 谢 谢！