4、提高访问速度
内容与表现的分离,使得页面中不再包含冗余的样式代码,而独立出来的样式表可以充分地进行重用,网页整体代码量大大减少。这样不仅能占用更少的网络带宽,提高页面载入速度,同时浏览器也能对页面进行快速解析,显示给用户。
5、提高用户体验
从Web应用的角度看,用户体验(User Experience,UE)指的是Web应用程序能够提供直观简洁的用户界面、简便的操作以及有效的交互方式。只有当用户亲自使用时才能体验带它们。用户体验包含了多方面的内容,其中一致性、可用性等方面均通过标准化开发来实现。比如各个页面使用统一的CSS样式,利用行为层技术改善交互设计等。
第四节 Web设计技术
Web设计涵盖的范围相当广,本节只介绍一些构建Web文档所需的几项最基本的技术。
一、HTML
HTML,英文全成为 HyperText Markup Language,中文译为超文版标记语言。它是用来创建Web文档的语言。页面元素是由特定的标记来确定的,这些标记告诉浏览器该如何显示这个页面。所谓超文本,就是一种含有指向其他文档链接的文本,即我们俗称的链接。超文本把存放于不同计算机中的文档链接在一起。访问者不必关心链接所指的内容到底位于何处,只需要在链接上单击一下鼠标,页面马上转到所指的文档中去。
二、CSS
HTML可以将内容、结构和格式化的信息都包含在同一个Web文档中,这样做虽然简单易行,但也存在很多问题。各种信息存放在一起不利于文档的维护,修改起来费时费力。因此HTML应只负责文档的内容和结构,而格式化信息交给
7
一套新的语言来完成,这就是CSS,它也是本论文的主角。
CSS全称为Cascading Style Sheet,中文译为层叠样式表(也有译作级联样式表的)。其作用就是要控制HTML的页面布局和外观样式,使Web文档内容结构和表现形式完全分离。
第五节 浏览器
网页和浏览器是分不开的,用户正是通过浏览器来达到访问网页的目的。浏览器(Browser)是一种软件程序,可以和网络建立连接并与之通信。它可以将存在于万维网中的特定网页获取下来,对网页中的内容进行分析,并按照一定的规则显示出来。目前主浏览器有:
① Internet Explorer 1995年微软公司推出并与Windows 95操作系统进行捆绑销售。
② Mozilla Firefox 由Mozilla基金会与数百个自愿者开发的网页浏览器。
③ Opera Opera Software 开发的Opera(http://www.opera.com)浏览器是一款适用于各种平台、操作系统和嵌入式网络产品的高品质、多平台产品。
8
第二章 网站需求分析
网站是企业向用户和网民提供信息的一种方式,是企业开展电子商务的基础设施和信息平台。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站则是反映企业形象和文化的重要窗口。
在建站的可行性分析方面,设计中,我主要针对已经确定的需求和目标,研究网站建设的社会环境、市场等可行性、技术可行性,经济可行性以及开发人员等问题。
在IT行业迅速发展的今天,企业网站的建设已经成为一个企业发展必不可少的存在。对于创意设计有限公司来说,我们将建立一个以宣传为目的的网站类型。将于短期内强力打造公司的宣传力度,让更多的客户了解,信任公司。网站的建设,也是公司对于宣传方面的长期投资。
○1 企业品牌形象。
对于一个以生产为主的大型企业而言,企业的品牌形象至关重要。 特别是对于互联网技术高度发展的今天,大多客户都是通过网络来了解企业产品、企业形象及企业实力,因此,企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站,能够极大的提升企业的整体形象。
○2 产品展示。
一般其他营销模式的企业网站都是注重产品展示来加强企业的宣传力度,但是对于创意设计有限公司来说,没有其实际物品展示,只有展现其出众的业绩实例才能让客户信服,才能从侧面展现出公司的实力,让客户更放心的把业务交给公司处理。
○3 公司介绍。
具体介绍出公司的发展史,结构,业务流程等等一系列来加大公司的宣传力度,好让客户能全面的了解公司。公司的详细信息,都将批注在网页上,好让顾客方便联系。在推销的同时更要注重企业的特色推广和服务信息等。
○4 内部管理优化。
网站的建设将会为企业内部的管理带来一种全新的模式。网站是实现这一模式的平台。在降低企业内部资源顺好、减低成本、加强企业员工与员工,企业与
9
员工之间的联系和沟通等方面发挥巨大的作用,最终使企业的运营和运作打到最大的优化。
10
第三章 技术支持
第一节 Dreamweaver cs3.0
Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。
Dreamweaver可以为用户做到:使用动态HTML功能(例如具有动态效果的层和行为)而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。
Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键,甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。
至于Dreamweaver工作区是非常灵活的,因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种:
① 文档窗口可显示当前文档,文档的外观和浏览器中看到的非常相似。 ② 装载器中包含一些打开和关闭常用检查器和模板的按钮。
③ 对象工具栏包含创建不同类型的对象(例如 图象、表格和层等)的按钮。 ④ 属性检查器显示选定对象的属性。
⑤ 快捷菜单可以使用户对当前选择或区域快速执行某些命令。
⑥ 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。
第一节 Macromedia Flash 8.0
Macromedia Flash 8.0用于web站点的交互式的矢量图形和动画的制作,它可制作出
用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画,创建出
11