《网站的可视化建设与设计》由会员分享，可在线阅读，更多相关《网站的可视化建设与设计（27页珍藏版）》请在金锄头文库上搜索。
1、目目 录录摘摘 要要.1ABSTRACT .2第第1章章 绪论绪论.31.1 网页设计中视觉信息传达有效性.31.2 当前企业网站设计中存在的问题.41.2.1企业网站的规划.41.2.2企业网站的定位.41.2.3企业网站的设计.51.2.4企业网站的推广.51.3合理进行企业网站设计.51.4 网站可视化设计.6第第2章章 相关技术与软件相关技术与软件.82.1 Dreamweaver相关知识.82.1.1 Dreamweaver简介.82.1.2 Dreamweaver的应用领域.82.1.3 Dreamweaver的优势.82.2 Div+CSS 布局特点.92.2.1 代码优化.10
2、2.2.2 网页访问速度.102.2.3 SEO优化.102.2.4 浏览器兼容性.102.2.5 CSS+Div网页布局常犯的错误.10第第3章章 网站需求分析网站需求分析.123.1 分析目标用户.123.2 网站的功能简介.123.3 网站制作目的.13第第4章章 网站建设网站建设.144.1 网站页面分析.144.2 网站建设要点.154.3 制作核心代码.164.4 交互页面设计.17第第5章章 网站测试网站测试.21参考文献参考文献.23致致 谢谢.241摘摘 要要网页设计作为用户界面交互设计的延伸，是在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特
3、点和结构思路，具备可实际性和外观时尚。图像的设计与制作在网站中是一个具体问题，也是必不可少的一部分。因为图像设计的构思、制作是反映一个网站的风格与主题，也是吸引访问者的一种手段。本论文将对网站设计的开发语言开展研究和谈论。在网页设计与制作语言的基础上，着重使用Html作为工具语言进行网站制作的实际操作，分别对基于对象的Html、CSS进行详细描述并实现网页的开发，从而建立一个静态网站。关键词：关键词：可视化；Dreamweaver；Photoshop；CSS2ABSTRACTWeb design as an extension of the user interface interaction
4、 design, is in the new media and new technical support to realize a new field of design. Design to create pages with its unique characteristiCS and cycle structure, with practical and fashion appearance. The design and manufacture of the image on the site is a specific problem, is also an essential
5、part of. Because image design conception, production is reflect the style and theme of a Website, is also a means to attract visitors. This paper will be to develop Web design language research and talk about. In Web design and production on the basis of language, focuses on using Html language as a
6、 tool to carry on the site of the actual operating, respectively based on the object of Html, CSS, a detailed description and realization of Web development, so as to build a static Web site.Key words: Visualization; Dreamweaver; Photoshop; CSS3第第1章章 绪论绪论网站设计是基于企业的网络推广，所以在设计中应该从企业的整体方面着手，企业CI涵盖了企业的形
7、象理念、行为理念和视觉管理理念，即MI、BI、VI等。网站设计中通过图标、文字、动画、影像以及音效等设计元素把企业形象多方位地展示出来，让大众通过视觉、听觉以及其他感觉获取企业信息，提高企业的知名度和信赖度1。但不无遗憾的是，尽管企业搭建网站在近几年如雨后春笋般遍地开花，可是由于企业对网络展示的优势认识尚还不足，国内企业仍较少关注网络形象的多样性和实时性特征，众多企业对网站中CI理念的贯彻没有革新认识，在推广企业网络形象时，仍保守地停留在仅靠图案与符号保持传统CI的一致性，并未能全面考虑到网络展示平台的多维度特征，且对网络实时性与受众的影响之间的关系未引起重视，从而出现了一些网站页面长期不变，
8、企业图标单一、缺乏变化，不考虑受众审美疲劳等因素，出现没有很好搭建与受众沟通平台的现象2。1.1 网页设计中视觉信息传达有效性网页设计中视觉信息传达有效性网页设计在遵循基本的设计原则和方法的前提下,要做到网页主题定位明确、鲜明突出，网站内的全部信息在进行完整表达时，必须根据主题进行选择、鉴别和整理3。只有全面考虑网页的视觉信息效果，才能吸引对本站点有需求的人的视线，网页结构清晰、层次简洁，使用户明确自己身在何方，网页整体形象统一、风格一致，并通过页面的构图、文字、色彩、图像的运用来实现。使网站整体形象统一，风格一致，网页也是遵循着统一的设计规范完成，加强用户对网站的印象。设计目的明确、形式鲜明，不同内容的网页要用不同的形式来表现。另外，优秀的网站必须与使用者有良好的互动性，它需要一些设计上的技巧与软硬件的支持，提高浏览者接受信息的主动性和参与信息反馈的积极性，加上个人技巧、经验累积，成功
