6.1 网站的规划与设计 课件（35张PPT）

课件35张PPT。第六章 网站设计与制作第一节 网站的规划与设计
浙教版（高中）网络技术网站作用有利于提升形象
具有网络沟通力
全面详细的展示作用
与客户保持紧密联系
可以与潜在客户建立商业关系
可以降低通讯费用
利于及时得到反馈最新知识点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（或以上）像素的电脑屏幕上浏览时，页面保持整齐，不允许出现横向的滚动条。谢 谢！