导读：网页 *** 流程--------------------------------------------------------------------------------主要内容介绍：一、构成网页的基本要素二、 *** 及美化的基本工具三、网页
网页 *** 流程
--------------------------------------------------------------------------------
主要内容介绍：
一、构成网页的基本要素
二、 *** 及美化的基本工具
三、网页 *** 的基本步骤
四、界面设计及交互研究探讨
五、实例 *** 演示
一构成网页的基本要素
1文字（标题、字号、字型）
2 图形（网页上经常使用的格式：jpg、jpeg、Gif、Swf）
3交互功能（菜单按钮、链接、表单、数据交换）
超文本标识语言（HTML）
HTML（Hypertext Markup Language）是一种专门用于Web页 *** 的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。
在HTML中，所有的标记符都用尖括号括起来。
例如，<HTML>表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。
如：<HTML>…<／HTML>
HTML文档的基本结构
一个典型的HTML文本的基本结构形式如下：
<HTML>
<HEAD>
<TITLE>网站 *** 流程及界面交互设计研究探讨<／TITLE>
<／HEAD>
<BODY>文本内容：<／BODY>
<／HTML>
二 *** 及美化的基本工具
1．超文本标识语言（HTML）
编辑工具：editplus、dreamweaver、记事本、FrontPage、
2．页面设计及美化工具
使用工具：所有可 *** 平面的软件
推荐使用Photoshop、FireWorks、Flash
三、网页 *** 的基本步骤
1、整体规划
需要完成的规划：网站主题、风格、页面元素、逻辑结构等
2、资料收集
收集内容：
a、跟主题相关的文字资料
b、一些优秀的页面风格
c、下载一些你喜欢的交互页面
d、开放的源代码
3、伪界面设计
根据事先规划的结构，在平面软件里设计你想要的最终效果，利用平面的形式先展示一次，设计时要注意宜人性、人机、心理等各方面因素
4、代码转换及交互添加
把平面的伪界面转化为HTML代码，添加相应的交互功能Js、按纽、表单，以及一些与数据库相连接的代码。
5、测试网页兼容性
你可以不必严格按照W3C标准来 *** 页面，但是你必须保证让所有现有的浏览器能比较好的展示你的作品。
6、发布站点
测试完毕，符合你的要求，当然就可以开始发布你的网站了，发布的服务器可以是远程，也可以是本地，各个语言有各自的相应的服务器，比如ASP，就应该对应的是ASP服务器，上传可利用远程FTP工具。
四界面设计及交互研究探讨
a、导航栏设计
导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确，并更大限度为用户的方便考虑。
b、网页布局
网页的布局是整个界面的核心，这里体现了一切以用户为中心、以及 *** 者如何与欣赏着沟通的思想在里面，你必须知道自己要传达什么样的信息，别人使用起来合适不，字体的大小、型号、字间距、行间距，以及配色所有的一切都在这个阶段完成，所以如何表现功能以及美感就是你研究的重点。
PS:布局之前要紧密连接你网站的主题，要注意把握整体风格，你可以事先在纸上勾画草图，利用你习惯的元素来表现你想要的效果
网页布局--主要构成原则
醒目性：指用户把注意力集中到你诱导起浏览的部分和内容
可读性：指网站的内容让人容易读懂
明快性：指准确、快速转达网站的构成内容
造型性：维持整体外型上的稳定感和均衡性
创造性：有鲜明个性，创意是必不可少的
布局的构成原则上是:统一、协调、流动、强调、均衡
c、交互研究
我这边的交互主要集中在人机操作方面，研究用户浏览网站心理我个人认为一个成功的个人主页，单纯的美观是不够的，重要的是宜人性方面应该注重，喜欢Google、Douban就居于这。
五、实例 *** 演示(略）
1、页面 *** 整体规划
对象：一个打印商业宣传主页
格调:活泼，色彩，简单，大方
2、资料收集
a 、商标、网址、公司宣传册、了解企业文化，了解负责人的品位、他们的案例、跟负责人沟通掌握信息
b 、网上下载相似印刷行业的公司主页，了解现有行业的的一些设计特点
c、下载一些色彩比较华丽的，或跟印刷相关连的
d、如果你自己不会动态语言，下载一个满足你功能的新闻发布系统和留言源码
3、伪界面设计
a、在PS设计伪界面
b、切片工具对整体进行合理的分割
注意点：隐藏你要通过输入的文字，分割时要保持他的整体意义，尽量让每一部分是完整的，注意一些交互上操作。
c、导成WEB格式-直接导成HTML格式—步骤:
1、点击文件存储为WEB文件格式
2、在界面里面调整理想参数
3、导出保存PS能自动生成一些HTML代码，但是他不是很标准，你必须在Dreamweave里面进行加工
d、在Dreamweave里面进行代码加工
具体步骤：
1、先修改标题
2、修改页面属性：背景颜色、背景
3、把页面调整为布局格式（这个可以按照自己习惯来设置，有标准的表格方式，也有布局类型）
4、把要添加文字的转化为背景形式
a、找到对应路径
b、拷贝路径后删除
c、转化为标准形式
d、把路径粘贴到背景属性上
e、回到布局界面
5、添加具体文字连接设置等操作
6、CSS设置
7、修整代码，发布预览按F12即可预览效果
4、测试网页兼容性
按照你设计时的对象,根据IE版本以及浏览器的不同，调整理想的效果，但是大部分出现问题的是 *** \VB等代码，如果只是单纯静态，基本不会有很大的差别，推选大家尽量往W3C标准靠
5、发布站点
购买自己的空间域名，其实事先就应该购买的，利用FTP上传软件，把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP
网页设计与 *** 学前端设计和后端开发。
以前会Photoshop和Dreamweaver就可以 *** 网页。随着时代的发展，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页 *** 都更接近传统的网站后台开发，所以现在不再叫网页 *** ，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端设计师才能做好，这方面的专业人才近两年来倍受青睐。Web前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。
通常情况下用户所看到的软件应用程序只是其中的一小部分，也就是说有一大部分的应用程序是看不到的。这部分我们在使用软件时看不到的这一大部分，就是我们常说的后端。
在大多数应用中，非用户接口代码比用户接口代码多得多。复杂系统是在后台发生的各种使其工作的逻辑。需要存储和检索数据，需要遵循业务逻辑和规则，并且需要对结果进行预测。所有这一切都发生在幕后。这些幕后的工作就是后端开发，而从事这项工作的人，就是后端开发人员。
网页设计和软件开发的区别：最早的网页设计 *** ，就是负责网页的设计 *** 两种工作，随着行业的不断的发展，网页的 *** 岗位和网页的设计岗位逐渐的开始了分离，还有就是网页的 *** 岗位发展成为了web前端的开发工程师，他只是负责网页的一个开发，还有就是代码的编写的工作，而且网页的设计，主要就是负责设计网页成本的设计图。
最推荐的一种：在这里我最推荐的一种就是网页设计
推荐理由：
如今的网页设计是属于一个非常热门的技术了，也是一个比较吃香的技术，虽然懂他的人非常多，但是真正的技术过硬的真的是没有多少，那么网页的设计这样的工作就正好的解决了这一个问题，通过网页设计的培训课程，能全面的了解网页设计 *** 。通过网页的设计培训课程能够全面的掌握网页设计的 *** ，网页设计的流程，网页设计的软件开发，还有就是网页设计的知识。
以上就是我总结的网页设计和软件开发有什么区别，希望这个对于你有很好的帮助
摘 要
随着 *** 的快速发展，互联网的应用越来越贴近生活，越来越多的人假如到了
*** 网页的工作中，各式各样的网站如雨后春笋般出现在互联网上。 *** 技术的发
展带动了软件业的发展，所以用于 *** Web页面的工具软件也越来越丰富。从最基
本的HTML编辑器到现在非常流行的Flash互动网页 *** 工具，各种各样的Web页
面 *** 工具，而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的
网页，所以网页设计尤为重要。互联网成为人们快速获取、发布和传递信息的重要
渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着
*** 的快速发展而快速兴起，作为上网的主要依托，由于人们使用 *** 的频繁而变
得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网
者，让他们能够了解网站提供的信息。
关键字：网页设计，基本构成，注意事项，FRONNPATE
Abstract
groups with the rapid development of the network, the application of the Internet
more and more close to the life, more and more people to make a web page work if,
various web sites springing up appeared on the Internet The development of Internet
technology driven the development of the software industry, so used to make Web page
tool software is also more and more colorful From the most basic HTML editor to now
very popular Flash interactive Web page creation tools, various Web page making tools,
and attract users powse the visual effect is excellent, rich information, use rise
convenient Web page, so Web design is especially important The Internet become people
to quickly get, distribution and transfer information important channel, it people in
politics, economy, life and other aspects played an important role Web design with the
rapid development of network and rapid rise, as the main rely on the Internet, because
people use the Internet frequent and become very important Web cultured is typesetting
layout, its main function is to provide a form for each user, to let them know the
information provided on this site
Keywords: SITE DESIGN，CONSIDERATIONS，BASIC FORM，FRONNPATE
目 录
之一章 网页的相关概念1
11 什么是网页1
12 网页的构成1
13 常见的网页版式类型2
第二章 常用的 *** 工具3
21 Macromedia公司出品的Flash互动网页 *** 工具 3
22 Macromedia Dreamweaver 8 3
23 HTML编辑器 3
24 网页编辑器3
第三章 网页设计的要素4
31 关于文字4
32 要素4
33 排列 *** 要素4
34 色彩要素5
第四章 网页设计的技巧6
41 框架的使用6
42 颜色的搭配6
43 CSS样式的使用 7
第五章 网页的注意事项8
51 网页内容要新颖8
52 网页的布局8
53 整体归纳9
第六章 总 结10
致 谢 11
参考文献12
之一章 网页的相关概念
11 什么是网页
网页(Web Page)其实就是一个用来传输各种信息的文件，它能在网上传输并被浏览器识别和翻译成页面，然后显示在计算机屏幕上。简单的说，通过浏览器在WWW上所看到的每一幅画面都是一个网页。网页是 *** 上的基本文档。网页中包含文字，，声音，动画，影像以及链接等元素，通过对这些元素的有机组合，构成了包含各种信息的网页。其中，文字是网页中最常用的元素。可以给人以生动直观的视觉印象，适当运用可以美化网页。链接的设计，可以使我们进行选择性的浏览。声音，动画等多媒体信息的加入，使网页内容更加丰富多彩。
12 网页的构成
不同性质的网站，构成网页的基本元素是不同的，一般情况下，网页的构成包括网页标题，网页标志，横幅广告，导航栏，主内容区，页脚版权信息等。
1网页标题
网站中的每一个页面都有标题，用来提示该页面的主要内容。标题出现在浏览器的标题栏中，而不是出现在页面布局中。它的一个比较重要的作用就是引导访问者清楚的知道所要浏览的网页的内容。
2网页标志
网页标志是一个站点的象征，也是一个站点是否正规的标志之一。一个好的标志可以很好的树立形象。网页标志一般放在网站的左上角，访问者一眼就能看到它。
3横幅广告
横幅广告（Banner）是互联网广告中最基本的广告形式。Banner可以位于网页顶部，中部或底部的任意一处，一般横向贯穿整个或者大半个页面。
4网页导航栏
导航栏既是网页设计中的重要部分，又是整个网站设计中较为独立的部分。一般来说，网站中的导航栏在各个页面中出现的位置是比较固定，而且风格也较为一致。
5主内容区
网页的主内容区是网页的主要内容显示区域。
6页脚版权信息
页脚是放置网站版权信息的地方，可以放置一些****或其他的导航栏目。
13 常见的网页版式类型
网页内容在页面上有规则的排列布置，就称为网页的排版。网页版式类型就是各种不同排版方式的组合。网页的版式是可以随心所欲设计的。一般可以分为满版型，左中右型和上左中右型。
第二章 常用的 *** 工具
21 Macromedia公司出品的Flash互动网页 *** 工具
这是是一款功能非常强大的交互式矢量多媒体网页 *** 工具。能够轻松输出各种各样的动画网页，它不需要特别繁杂的操作，也比JAVA小巧精悍！但它的动画效果、互动效果、多媒体效果十分出色。并且由于Flash编制的网页文件比普通网页文件要小得多，所以加快了浏览速度。这是一款十分适合动态Web *** 的工具。
22 Macromedia Dreamweaver 8
Macromedia Dreamweaver 8是一款专业的网页设计软件，它采用所见即所得的编辑方式，用于对Web站点，Web页和Web应用程序进行设计，编码和开发，利用它可以轻而易举的 *** 出充满动感的网页。利用Dreamweaver 8的可视化编辑功能，用户可以快速创建Web页面而无需编写任何代码，用户可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。
23 HTML编辑器
虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页 *** 人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范。
24 网页编辑器
其中以Microsoft Frontpage为代表，它具有如Word一样的操作界面，熟知Word功能的操作者，只要稍加培训就能轻松编制网页。而且，Frontpage还能解析网页的HTML源代码，并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页 *** 人员使用的工具软件。
第三章 网页设计的要素
31 关于文字
文字是美好事物最基本的方式，在网页中，文本内容也是最重要的组成部分，最美观，最整齐的方式放入到网页中，才能构成一个美观的页面。有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的 *** ，以免你所选择的字体在访问者的计算机上不能显示。所以用普通的文字进行 *** 是最保险也是最方便的。
32 要素
要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等。如果给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。
33 排列 *** 要素
主页的第二个要素是排列 *** ，即网页布局。网页作为一种版面，既有文字，
又有；文字有大有小，还有标题和正文之分；页有大小而且有横竖之别。和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在 *** 上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。
34 色彩要素
色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
第四章 网页设计的技巧
41 框架的使用
框架（FRAME）是Web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。
使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下)，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。
使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。
许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态)，则这些框架对于某些站点可能非常有用。
42 颜色的搭配
做网页的初学者可能习惯使用一些漂亮的作为自己网页的背景，但是浏览了一下大型的商业网站，你会发现他们更多运用的是白色，蓝色，**等，使得网页显得很典雅温馨。我们可以使用一些简单的配色技巧来使我们的网页看起来美观大方。
1用一种色彩
这就是指先选定某一种色彩，然后通过讲色彩变浅或者加深的 *** 以产生新的色彩，这样会让人看起来比较统一。例如以咖啡色为基调，整体上的色彩都以咖啡色为主，给人的视觉效果是一种古朴的气息迎面扑来。
2用黑色和一种彩色
一般来说，网页的背景色应该柔和、淡素一些，再配上深色的文字，使人看起
来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。例如以黑色为底色，衬以亮**，这样配出来的效果会让人感觉别具一格。
3用两种色彩
可以先选择一种色彩，然后再选择其对比色，这样选出的色彩丰富但不杂乱。例如以橙色和蓝色相结合作为主色彩的网页，通过橙色和蓝色在网页上的对比能迅速传达网站主题内容，容易增添强烈的兴奋度，多用于内容是食品、休闲娱乐、产品等的网站。
43 CSS样式的使用
CSS(层叠样式表)是一种 *** 网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写，又称之为风格样式表单。CSS是在网页 *** 过程中普遍用到的技术。采用了CSS技术控制的网页，设计者会更轻松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。
第五章 网页的注意事项
51 网页内容要新颖
1网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象题材千篇一律，人人都是"软件下载"个个都有" *** 导航"，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”又必须突出“新”，如能坚持天天更新的话我相信这样的网页一定会受到大家的欢迎。
2网页 *** 好后，不能说万事大吉了，其实事后的工作量更大。因为网页 *** 是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也更好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。
52 网页的布局
1善用表格布局。不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。
2注意视觉效果。设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页。
3少放网站地图。许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
53 整体归纳
1内容要通俗易懂。网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着&def你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你更好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，更好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。
2多学习使用HTML。为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议 *** 新手应从有关HTML的书中去寻找答案，用Notepad *** 网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
3少用Java程序。不要使用大幅面的Java程序&def能够用javascript替代效果的则尽量不要使用java因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。
第六章 总 结
*** 技术的发展带动了软件业的发展，所以用于 *** Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页 *** 工具，各种各样的Web页面 *** 工具。
当你在INTERNET这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的个人网页，不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件，又萌发了 *** 主页的念头，那么就应该注意网页设计时应考虑哪些方面的问题，包括网站功能和以及访问者需要什么。你的整个设计都应该围绕这些方面来进行。
在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页 *** 中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，，排列方式和主色调，这四者相辅相成，缺一不可。
致 谢
对于本次毕业设计，我付出了很大的努力才完成。同时也体会到了收获的喜悦。 当然，设计的很大的一部分是得到了秦洪涛老师的大力支持与指导，秦老师认真负责的工作态度，严谨的治学精神和深厚的理论水平都使我受益匪浅。他无论在理论上还是在实践中，都给予我很大的帮助，使我得到不少的提高，这对于我以后的工作和学习都有很大的帮助，感谢他耐心的辅导。
同时也感谢所有帮助我修改论文的同学们，感谢他们的帮助与支持。
参考文献
[1]《中国 档案管理精览》，北京：中国档案出版社，2009．
[2] 沈庆伟，张霖．基于隧道的IPV4/IPV6过渡技术分析[J]．计算机技术与发展，2008
[3]中文Access 2000 24学时教程 作者：Craig Eddy ，Timothy Buchanan出版社：机械工业出版社
[4]刘韬,骆娟等Visual Basic 实效编程百例（第二版）人民邮电出版社，20098
[5]李维面向对象开发实践之路（visual basic 60版）(BORLAND资深顾问著名visual basic 60专家李维最新力作)电子工业出版社，20094
[6]KAYEYAMA M Incompatible displacement methods[A]SPRIET JANumerical anComputational Methods
[7]in Structural Mechanics[C]New York:Academic Press,200743-57
网页设计前端需要学习的内容包含但不限于以下：HTML5+CSS3、 *** 交互设计、Node开发、Vue、React、Angular等前端框架、小程序与APP开发等。
一、HTML5+CSS3
HTML是网页的主要组成部分，网页的本质就是HTML，是用来 *** 超文本文档的的简单标记语言；CSS样式是对HTML语言的有效补充，通过使用CSS样式，便于页面的修改以及页面风格的统一，而且还可以减少网页的体积，通过HTML和CSS完成静态页面的布局。HTML5+CSS3是HTML+CSS的更新，增加了很多非常实用的功能。这部分主要是从PC端和移动端两方面掌握整体的页面布局技术，并且配合项目实战操练、学以致用；
二、 *** 交互设计
掌握 *** 的基本语法、算法和高级语法，熟练的使用面向对象的思想进行DOM编程，通过jQuery经典案例学习精通jQuery技术；
三、Node开发
ES6的基本用法、兼容性和核心语法，能使用ES6实现前端的模块开发，学习Node开发，并能用Nodejs操作MongoDB数据库；
四、前端框架
学习Vue、React、Angular这些前端主流框架，在实际开发中做到熟练运用，提高开发效率；
硬件型号：惠普暗影精灵6
系统版本：Windows10 专业版
软件版本：Adobe Dreamweaver CC 2020中文版
2015年网页设计四大趋势 扁平化/HTLM5席卷而过！
网页设计趋势变化的是如此之快，以至于我们甚至还没来得及全部体会，有的便已过时。所以，预测某个设计趋势会流行多久压根就是个伪命题。在21世纪初的时候，Flash曾被视为最热门的网页设计工具；而在几年前，富有光泽的按钮也是网页上必不可少的组件，可是现在，他们都已经被扁平化设计和HTLM5所席卷而过。
不要被炫酷时尚光鲜亮丽的时尚风格洗脑，许多刚刚出现或者才开始的流行的设计风尚都会是昙花一现。那些能对设计文化产生持续影响的设计趋势之所以存在，是因为它们在根本上有助于用户体验，或者服务于某些功能或者技术。但是今天这篇文字不是要做这些事情。今天所说的四个设计趋势是经过仔细推敲的，它们应该会在接下来的2015年里继续流行，甚至会强势地在2016年里继续做一个坚挺时尚的设计趋势。看下去，你会明白，它们不是在炫技或者耍猴，它们的确正在重新定义网页设计。
1、更少的页面
是否有人曾戳着你的屏幕说“少即是多？”越来越多的网站开始精简网站上页面的数量，使用单页设计的网站已经不在少数，即是相对传统的网站也过度到了简化后的多页式页面架构。促成这一趋势的原因来自两个方面：之一，用户喜欢简单，越简单用户越容易找到它们想要的内容，这自然也对网站越好；第二，据统计，移动端的流量占据了网站流量来源的4成，对于移动端越友好，自然也越有利于网站和网站的业务。如果你能在餐厅的移动端网页上订餐，何必费劲巴拉地找电脑来下单呢？成交额难道不会妥妥地上升么？下面这个高大上的单页网站属于伦敦的Jacks Bar，这是一家酒吧餐厅二合一的餐饮机构，在移动端浏览成为用户首选的今天，滚动比点击更加有用。
而这家名为三重樱咖啡的站点则是另一个实例，典型的单页设计，没有杂乱的信息，它只有两个导航链接，并且两者都在页面的相同区域。
2、无外乎是响应式设计
响应式网页自然可以适配各种各样的设备的屏幕，但是它们同时也是相对比较“庞大”网站，加载速度不会快到哪里去。在过去，许多品牌会为用户单独设计桌面端页面和移动端的页面，但是随着市面上设备的屏幕尺寸膨胀分裂，响应式网站设计就成了一个更为有效也高效的解决方案了。在搜索引擎抓取数据的时候，单个URL会更容易受到它们的青睐。从这个角度上来看，设计师有必要考虑一下手头项目是否做到了响应式设计。
Skinny Ties 就是一个响应灵敏的响应式网页，在任何屏幕上都能良好地显示，从到内容，这个网站都经得起最挑剔的客户的考验。
3、个性化的用户体验
网页Cookie并不是啥新鲜的东西，它们已经为网页和用户服役多年。现在，设计师们开是借助它们让网页的弹出窗口呈现出更加精准的内容了：更加个性化的广告，更加符合用户习惯的用户体验设计。做电商的朋友可能会非常需要这样的设计。
举个例子，假设你拥有一个销售促销礼品的电商网站，你的某个用户是一家公司的经理，或者是一个小企业主，它正在为自己的客户和员工寻找类似的商品。这并不是他之一次访问你的网站了，那么你可以借助个性化的体验设计，为他推荐它可能需要的商品，让他成为回头客。
在欧美市场，你恐怕找不到比亚马逊更好的例子，当然，生活在大陆的我们，可能已经被无所不能的 *** 的推荐系统所折服。
4、高清大图
讲故事其实也是设计的基本功。使用可靠的内容和漂亮的将用户从A点引导到B点，已经被证明有利于网站的转化率。使用大幅和富有质感的文字能够赋予整个页面以生命力，让它更加有趣，令用户愿意与之进行互动。随着高分辨率设备的普及，这些拥有高清大图的网页会轻松讨好用户的双眼。
温馨/动人/真实的故事配合着高清大图元素，用户会买账。不论是用作背景还是配图，整个页面的基调都会因此而改变。 就是这样的一个案例。
作品展示网站这样做其实很不错，电商和零售类的网站则需要斟酌一下如何展示才不会太过突兀。使用大图的诀窍在于的选择，抓人眼球的视角和富有质感的细节会让人驻足。配合着有趣的故事，用户就会留下。
1．必学 Photoshop 软件
既然是网页设计，那么 Photoshop 自然是必须要学的咯。在写代码前，我时常用 photoshop 来完成网站内页效果图的 *** 。学习 Photoshop 不是最终目的，其更需要的是：要懂一些视觉层面、设计理论以及交互设计相关的知识，以避免一些常识性错误。
2．掌握 Dreamweaver 软件
懂点 HTML 、 CSS 前段代码，并掌握 Dreamweaver ，是一个网页设计师的标配。 DW 是之一套针对专业网页设计师特别发展的视觉化网页开发工具，重设计、轻代码所见即所得是初学的必备。
3illustrator软件、 CorelDRAW 处理
矢量图形、提取一些素材、同事之间协作，可能会用得到。 CorelDRAW 软件同理。
4After effect 软件
用于做一些网页所需的动画效果 *** ，可导出为mp4、 swf 等多种格式。可能也有人会想到用 Flash ，不过感觉用 flash 有些过时，没必再要学了。
