第六章-初识网站和网页.pptVIP

1.3.5 按钮 网页中的按钮被点击之后，网页会实现相应的操作，比如页面跳转，或数据的传输等。 设计按钮时，要保证按钮与页面的协调，不能太抢眼，如果按钮上有字则尽量使用单色或渐变色背景，保证字迹清晰。当页面上有多个按钮的时候，应分清主次，根据网页的需要改变按钮的颜色或者大小。 按钮 按钮 1.4 常用网站管理与制作软件 1.4.1　常用网站管理与网页编辑软件 Dreamweaver：网页制作软件三剑客之一，该软件是现在使用最多的网页编辑工具，它支持HTML动态网页、Flash动画、插件，能实现很多FrontPage无法实现的功能，如动态按钮、下拉菜单等。另外，它还可以用来作为动态网站的开发环境。 FrontPage：该软件是目前最简单、最容易上手，且功能强大的网页制作利器，特别适合网页初学者使用。不过，Frontpage也有不少缺点：首先是兼容性不好，利用FrontPage做出来的网页往往不能用Netscape浏览器正常显示；其次，生成的垃圾代码多；此外，FrontPage对动态网页支持不好，不支持Flash，显得有点落伍了。 1.4.2 网页设计辅助软件 在进行网页制作时，除了需要Dreamweaver、FrontPage等软件外，还会用到Fireworks、Flash、Photoshop等软件，这些软件的主要功能与特点如下： Fireworks：主要用于制作网页图像、标志、GIF动画、图像按钮与导航栏等。 Flash：主要用于制作矢量动画，如广告、网站片头动画、动画短片、MTV等。 Photoshop：Adobe公司出品的一个优秀而且强大的图形图像处理软件，起初它的应用领域主要是平面设计而不是网页设计，但是它所具有的强大功能完全涵盖了网页设计所涉及到的各种需求（除了多媒体）。 1.4.3 常用网站程序设计语言 如果网站中包含动态网页，除了需要学习一些常用的网页设计软件外，还应掌握一些常用的网站程序设计语言。 JavaScript和VBScript脚本语言 Java CGI ASP ASP.net PHP JSP 1.5 网站建设流程 1.5.1 根据要求确定网站内容 建设网站要有目的性，首先要确定网站的性质和受众，并预期网站发布后的反响。确定了这些后就要开始组织网站的主要内容。 1.5.2 规划网站栏目 确定了网站内容后，就要开始进行网站规划。例如，将网站的内容划分成哪些栏目，从而使网站既便于浏览者的浏览，也有利于网站将来的维护和更新。 1.5.3 确定网页尺寸与版面布局 目前显示器最常用的分辨率是1024×768像素和800×600像素。 在1024×768的分辨率下显示的页面的尺寸应该为1007×600像素，而800×600的分辨率下显示的页面尺寸为778×435像素。 确定了网页尺寸后，接下来的任务就是确定网页布局类型了。网页布局类型没有确定的标准，可以根据需要制定。常见的布局有上下分割型、左右分割型和复合分割型（上下分割和左右分割结合）。 上下分割型 左右分割型 1.5.4 确定网站配色与风格 不同的网站有着自己不同的风格，也有着自己不同的颜色。基本上网站使用的颜色从出发点上看可以分为以下3种类型： 行业风格色：许多网站使用颜色秉承着所属行业的风格。 企业标准色：在现代企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如Intel官方网站的主色调是一种接近于天蓝的蓝色， 个人习惯色：这种配色方法的使用在很大程度上是凭设计者的个人爱好以及当时的心态决定的，在个人网站较为多见。 行业风格色 著名的化妆品公司—玫琳凯中国网站使用的颜色是粉色。这几乎是所有化妆品行业中最常用到的颜色，这种颜色代表了高贵，典雅以及甜蜜等； 企业标准色 在现代企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如Intel官方网站的主色调是一种接近于天蓝的蓝色。 个人习惯色 这种配色方法在设计的时候自由度非常高，同时所选的题材与要表现的内容也是由设计者自己决定，比如设计者喜欢红色和黑色，那么在设计的时候就倾向于使用这两种颜色。 下面是一些网页配色时的小技巧 用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度。 用两种色彩：先选定一种色彩，然后选择它的对比色。 用一个色系：简单地说就是用一个感觉的色彩，例如淡蓝、淡黄、淡绿，或者土黄、土灰、土蓝。 颜色不能太多：不要将所有颜色都用到，尽量控制在3～5种色彩以内。 背景和前文的对比：背景和前文的对比尽量要大（尤其不要使用花纹图案作为页面背景），以便突出主要文字内容。 1.5.5 收集网页所用素材 在制作网页之前，应首先收集好制作网页时要使用的素材，这些素材包括文字资料、图片、动画、声音、视频等。 对于一些原始的材