4.1网站的规划与设计6推荐.ppt

  1. 1、本文档共28页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
4.1网站的规划与设计6推荐

* * * * * * * * * * Company Logo LOGO 4.1、 网站规划 Company Logo 规划网站: 详细地规划网站将为今后的网站建设提供一个总体框架,使网站的建设有“轨”可循,在具体实施过程中按部就班、循序渐进地完成整个网站的建设,既提高了效率,节约了时间,又有利于规范网站的总体布局,统一网页的风格,为创建一个风格独特的个人网站打下基础。 * Company Logo 欣赏优秀作品 一、欣赏优秀作品: 1.欢迎光临清华大学 2.欢迎进入中国少年雏鹰网 3.中国科普博览 二、思考以下问题: 1.这些网站是怎样围绕主题展现内容的? 2.这些网站提供了哪些栏目及功能? 3.网站的链接有哪些特色,是否便捷? 4.网站主页的布局、色彩运用有哪些特点? Company Logo 一、开发网站的基本过程 Company Logo 二、网站的规划 1.网站主题的确定 网站的规划从选择网站的主题开始。网站的选题,就是要根据网站的开发目标和访问网站的用户群,确定网站的主题,并给网站起一个简练响亮的名字。 注意:贴近学习和生活 2.网站运行环境的确定 网站环境包括网站服务器情况、文件磁盘存储空间、网站域名管理等方面。    3.网页制作工具的选择 主要包括选择网页制作工具(Frontpage、Dreamweaver)、图像处理工具(Photoshop、Fireworks、paintshop)、动画制作软件(flash、Ulead gif animator)等。    4.网站开发任务的管理   (1)任务分工  (2)时间安排 Company Logo 主要软件Dreamweaver Company Logo Company Logo 主要软件Photoshop 由Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。它不仅提供强大的绘图工具,还能直接从扫描仪、数码相机等设备采集图像,并对它们进行修改、修复,调整图像的色彩、亮度,改变图像的大小,而且还可以对多幅图像进行叠加,并增加特殊效果,使现实生活中很难遇见的景像十分逼真地展现。 Photoshop界面 界面默认打开的面板有:属性栏、工具栏导航、颜色、图层: Company Logo Photoshop入门介绍 效果欣赏 * Company Logo Company Logo 主要软件Flash 由Macromedia公司开发设计的多媒体软件所生成的动画(.swf)文件非常小,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就得以播放。并且把音乐,动画,声效,交互方式融合在一起,可以直接嵌入网页的任一位置,非常方便。 1 舞台(Stage) 2 时间轴窗口 (Timeline) 3 绘图工具栏 (Drawing Toolbar) 4 标准工具栏 (Standard Toolbar) 5 图库窗口 (Library Window) 6 控制器面板 (Controller) FLASH工作环境 Company Logo 西双版纳植物园 虚拟瓷都 中国金鱼 FLASH在中国科普博 虚拟博物馆建设中的应用示例 * Company Logo 三、网站的设计 网站设计的目的: 把信息以恰当的方式组织并呈现在网上,设法吸引人们的关注,并为浏览者提供方便的访问。 (一)网站结构的设计:设计网站的栏目。 网站的栏目可以有多层,以能够恰当地体现网站主题为好。此外,每个栏目本身应有一个大致的内容描述,以表达该栏目的设计思路,充实整个网站的总体结构设计。 Company Logo “虎门销烟启思录”网站的结构 Company Logo “虎门销烟启思录”网站的结构 Company Logo 三、网站的设计 (二)网页的版面设计 1.风格设计 包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。 如:严肃庄重、清爽温馨、深沉厚重、生动活泼、古朴典雅。。。 Company Logo 简洁大方 Company Logo 风格独特,构图巧妙 Company Logo 生动活泼 Company Logo 色彩丰富 Company Logo 浓郁的文化气息 Company Logo 2.版面布局设计 标题信息、栏目信息、内容信息、附加信息等,要进行合理的放置,让人看起来井井有条,主次分明。 一般来说: 屏幕中央最能引人注意,屏幕上方紧随其后,屏幕左右侧通常放置不太重要或固定信息,附加信息一般放在最下方。

文档评论(0)

aena45 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档