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