|
一个网站，应该从其内容来定位它的设计思路。例如，一个商业网站以盈利为目的，其门户网站应该体现出强大的交互功能与多样性；企业网站应注意宣传企业与树立企业的良好形象；个人网站应充分展现个人的风采与个性。 一般来说，初次进行网站设计制作时，最容易犯的错误就是在确定题材后马上开始制作网页。制作完成后才发现，站点内各页面色调不匹配，没有统一的设计风格，网站结构不清晰，给以后的更新维护带来不少的困难。 因此，设计和制作一个网站需要进行合理的规划和精心的准备。通常，制作网站的主要流程为：筹划站点、准备素材、创建站点、制作首页及其他分支页面、上传站点、测试站点、更新维护。 1、设计规划网站 设计规划网站，是网站前期制作的主要内容，这对网站以后的发展有很大影响。设计规划网站主要包括以下内容： （1）制定网站主题 网站的主题将反映网站的特色、发展方向、网站的主要内容，因此，制定网站的主题应遵循以下原则： ① 网站的名称应与主题相吻合，能反映出网站的特色，且好听好记。 ② 网站的题材应专一，不要杂乱无章，使浏览者不知所云。 ③ 网站的内容应充实，有自己的独到之处。 ④ 网站的内容是展现给浏览者看的，因此，应尽可能的考虑受众心理，能满足网站用户的需求。 （2）制定网站风格 网站风格包括制定网站的基本色调，设计制作网站标志，选择站点标准字体等。 ① 制定网站的基本色调 网站的标准色彩主要用于网站标志、标题、主菜单（或导航栏）、主要色块区域，给人以整体统一的感觉。网站的色彩使用得当，能给浏览者带来视觉上的冲击，使其对网站留下深刻的印象。一般来说，一个网站的标准色彩都不宜过多过杂，通常使用一至两种标准色，其间可再使用一些过渡颜色，但过渡色的使用仅是作为对主色系的点缀和衬托，绝不能喧宾夺主。 适合于网站的标准色有：蓝色、黑/灰/白色、黄/橙色三大色系。 不同的色调给人以不同的视觉效果和心理感受。例如：红色和橙色使人感到温暖；深蓝、深绿属于冷色系。高明度的色彩有前进和凸出的感觉，灰暗的色彩则有纵深感。深色使人觉得凝重，浅色则使人感觉轻盈。 ② 设计制作网站标志 如同商标一样，站点的标志是站点特色和内涵的集中体现。站标应与网站主题相吻合，应与网站的名称和内容紧密相连，以给人留下深刻的印象。 网站标志可使用图片，也可使用FLASH动画，其设计应新颖独到，个性十足，或显示出行业代表性。最常用和最简单的方式是用自己网站的英文名和访问地址制作站标，通过不同字体、字母的组合和搭配进行创作设计。 ③ 选择站点标准字体 网站中各页面使用的文字，是网站信息的重要载体，正确选择字体，不仅关系到网页的美观，还对访问者的阅读及信息的传达有直接的影响。 一般网页的默认字体是宋体。为了体现站点的“与众不同”和其特有的风格，可以根据需要选择一些特别的字体。 在选择字体时应注意的是，如果浏览者的机器中没有安装指定的字体，网页中的文字仍以默认的宋体了显示。为了顾及到大多数的浏览者的视觉效果，制作网页时最好采用默认字体，如果需要在页面中使用一些特殊字体，最好将其做成文字图片放入网页中，这样既不影响网页的美观，也能保证所有的浏览者都能看到你的设计效果。 （3）设计网站结构图 网站的结构图应直观地反映出网站的总体结构，包括首页内容、分支结构、网站文件命名规则，在首页内容中，应构思和设计出整个首页栏目、页面结构层次、链接等内容；在分支结构中，应设计出网站的栏目、分支结构层次、链接。 ① 首页的设计 首页一般包括网站的名称、标志、用于链接各分支的导航按钮、内容要点、网站声明等内容。一个好的首页，既能使访问者对网站的信息能有一目了然，便于对网站有一个基本的认识，又能给人留下深刻的印象，有继续浏览下去的兴趣。因此，首页不仅从外观上看应美观大方，色彩明快，使人爽心悦目，展现出网站的特色和风格，且结构和布局要合理，与各分支的链接要方便易行。 首页的文件名一般为index.htm或index.asp，这通常是网站首页的默认文件名。这样，访问者输入站点地址时，可以毋须输入首页文件名而直接打开首页。首页存放的位置通常为站点的根文件夹中。 ② 设计分支结构 分支结构包括分支页面的层次、各页面间的关系。设计制作网站时，应将网站中的各元素存放在站点文件夹中，在站点文件夹内，则根据网站的大小设计分支结构的文件夹，用于将不同类型的网页分门别类地进行存放，以便于使用和管理。分支页面的内容要相对独立，切忌重复，并能通过导航按钮方便地进行与本分支中的其他页面、首页、其他分支页面的转换。 设计分支结构时，应根据网站页面文件的多少，选择是否需要设计分支文件夹，例如，一个介绍旅游资源的网站，可以根据每一个旅游点，在站点的根文件夹下创建对应的分支文件夹，每个分支文件夹内存放一个相应旅游点介绍的页面文件和相关图片文件，这些分支文件夹的命名可以旅游点的中文拼音命名。如果按照地区对旅游点进行分类，则可以根据每一个地区在站点的根文件夹下创建第一分支文件夹，再在每一个分支文件夹下创建对应于每一个旅游点的第二分支文件夹。总之，分支结构应合理，应能满足站点对文件管理的需要。 ③ 网站文件命名规则 由于很多网络服务器都不支持中文文件名，因此，站点中的文件夹及所有文件（包括页面文件各图片文件、动画文件、音乐文件等）都应使用英文名，为了便于对文件的管理，各种文件命名时，最好使用中文拼音或英文进行命名。 2、收集网页素材 通常，为了使网页页面更加丰富多彩，活泼生动，都会在文字中加入适当的图片或动画，这些图片和动画或需要精心制作，或需要满足页面的需要，调整大小，进行裁减或处理，使之与页面色调匹配，切不可粗制滥造。这里需要说明的是，网页中将使用的各种元素，如图片和动画，都应事先收集存放在站点相应的文件夹中备用。 通常需要准备的网页素材包括：文字链接图片、按钮图片或按钮动画、标志图片或标志动画、文档中需要插入的图片或动画等。 3、创建站点 所谓创建站点，就是在本地计算机的硬盘上，建立一个新文件夹作为本地站点的根文件夹，用于存放相关的页面文档及各种图片、声音、动画文件。 在Dreamweaver中，执行“站点”、“管理站点”命令，可以打开“管理站点”对话框，单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令，即可以启动创建站点向导，创建站点。创建站点包括：为站点命名、选择是否使用服务器技术、选择存放站点的本地文件夹等。 创建站点之后，就可以创建首页文件、为站点创建用于站点内文件管理的分支文件夹、各分支页面文件，即创建站点结构。通过站点管理器或站点地图都可以创建站点内文件夹。这应根据前面的设计规划进行。 4、制作首页和各分支页面 按照前面的设计意图，设计制作出首页和各分支页面，并完成各页面间的链接。 5、上传站点 完成首页制作和各分支页面的制作后，如果本地计算机中安装有PWS和IIS，就可以在本地对站点进行测试，也可以将网站上传到站点进行测试。 通常，上传网站需要使用FTP传输软件，如CuteFtp，这就需要制作者预先在本地计算机中安装该软件，并在运行该软件后建立相应的站点，登录后方可上传。 6、测试站点 通常，因为各种原因，站点中的各种文件上传后，能否在网页中正常地显示出来，都需要通过不同的用户、不同的浏览器进行测试，由于浏览器的版本不同，显示的情况可能会各有差异，这就需要反复试验反复更正后，才能展现出网页的设计效果。 7、站点的更新和维护 要使网站长久地吸引用户，网站的内容需要不断的更新，网站的页面是否能正常显示，需要不断地对网站进行维护。
|