网站的b设计b与制作.pptVIP

学习目标 确定小组网站的主题和名称 完成小组主题网站的栏目设置 完成小组主题网站的版面规划 学会网站标志的初步设计 网站赏析 网站赏析 任务一 各小组交流讨论，确定本小组主题网站的名称，主题。 并推选一名小组成员为大家讲解选择的理由。 栏目设置 栏目设置 任务二 版面设计 网海茫茫，能够吸引我们眼球的只有那些有特色的网页，大量的网页引不起网民的兴趣，究其原因，站点内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重要因素之一。 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，通俗地讲，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。网页要呈现的内容很多，如何合理地放置信息，使之井井有条、主次分明是版面布局需要考虑的问题。 设计版面时，可采用平面分割方式，调动全部面积来构建整个版面。 版面设计 版面设计 版面设计 任务三 网站标志 网站标志 任务四 标准色彩 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩；图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩，这样给人以整体统一的感觉。一个网站的标准色彩不超过3种。 我们来浏览一些网站是如何运用色彩树立风格的： 标准色彩 标准字体 素材收集 选定了主题和栏目，接下来我们就该准备网页素材了。成功网站的最大秘诀在于让用户感到网站对他们非常有用，“内容为王”依然是网站成功的关键，如果内容空洞，无论页面制作得如何精美，仍然不会有多少浏览者。 在收集素材的过程中，首先，要注意对收集来的素材分类，例如同类素材用一个文件夹来管理；其次，文件名要易懂易记；最后，要注意保护知识产权，避免侵犯别人的版权。 任务五 每个小组组长对组内各成员进行分工搜集小组网站的素材。（比如每人可以对一个栏目的素材进行搜集） 并对搜集到的素材进行登记，作为下节课制作网页的准备： * * T a n g t a n g 汤汤多媒体课件制作室 T a n g t a n g 汤汤多媒体课件制作室 网站的设计与制作 网站的设计与制作 江苏省滨海县獐沟中学 汤凤池 2010年05月25日 最新音乐资讯 歌曲下载等 主题设置 百度MP3 网站名称 主题设置 网站名称 网站主题 选择理由 网站名称 注意事项： （1）主题内容积极向上。 （2）名称要紧扣主题。 地理资讯 |----考古 |----探奇 |----图片 地理论坛 行游天下 |----路书 |----攻略 |----地图 个人门户 手机媒体 会员活动 电子杂志 地理基金 … 栏目 我们要把一个优秀的网站由蓝图变为现实的第一个步骤就是网站设计，那到底如何进行设计呢？ 这就好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。所以，题材选好后，第一步要设置栏目。 栏目 我们要把一个优秀的网站由蓝图变为现实的第一个步骤就是网站设计，那到底如何进行设计呢？ 这就好比写一篇文章，首先要拟好提纲文章才能主题明确，层次清晰，所以，题材选好后，第一步要设置栏目。 内容描述 栏目 网站名称 注意事项： （1）要紧扣主题，尽可能删除与主题无关的栏目 （2）尽可能将网站最有吸引力的内容列在栏目上 （3）尽可能方便访问者的浏览和查询。 各小组交流讨论，确定本小组主题网站的栏目，并推选一名小组成员为大家作简单介绍。 优点： 页面结构清晰， 主次分明； 缺点： 呆板，如果细节色彩上不注意，容易“看之无味” 特点 “厂”字型 页面顶部为主菜单以及横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局 常见样式 参考示例 网站标志 广告条 主菜单 横条等 栏目 菜单 主要内容 优点： 充分利用版面，信息量大，与其他页面的链接多，切换方便； 缺点： 页面拥挤，不过灵活 特点 “口”字型 页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容 常见样式 参考示例 网站标志 广告条 主菜单 横条等 广告条 栏目 菜单 友情 链接 主要内容 优点： 漂亮、吸引人，适宜于艺术类网站 缺点： 显示速度慢，文字信息量少 特点 自由式： 又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放 常见样式 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 参考示例 主要内容 标题图片 栏目 其他 参考这个例子完成本小组网站版面设置草图,并注明版面用途。 完成后请一名小组成员将本组版面在黑板上展示。 “2010上海世博会”标志赏析 上海世博会会徽 由江苏盐城的青年设计师邵宏庚设计的，编号为0275号的作品“世”字形图形在全球征集的9046件作品中脱颖而出，被选定为中国2010年上海世博会会徽。