专题网站建设初探

专题网站建设初探

随着网络普及和互联网发展，许多政府、公司、个人在网络上建立网站，以扩大影响力。不同主题的网站和综合网站层出不穷。其中，主题网站以其清晰的主题和详细的内容吸引了众多读者。因此,本文拟对专题网站建设作一初探。1该网站计划网站策划对于一个网站来说,其重要性如同建房打地基,没有好的根基,难以建成摩天大楼。网站策划分以下几步:1.1明确安装目的这关系到后面的资料收集、栏目策划和网站风格确定等。1.2熟悉并了解该群体最需要什么?确立访问群体的特性(年龄、性别比例、上网习惯、兴趣爱好、消费心理等),要了解这个群体最想从网站得到什么?最需要什么?网站能给他们提供什么信息?1.3数据收集专题网站的主题单一明确,所以围绕这一主题的材料必须收集得丰富翔实,符合访问群体的需要。1.4该项目正在等待要根据开设哪些栏目、如何设定二层栏目和下面的子栏目,确定具体内容,并编写栏目策划书。栏目策划书应包括以下内容:1.4.1本节目总结这一部分起到一个索引的作用。包括栏目定位、栏目目的、服务对象、子栏目设置、首页内容、分页内容等。1.4.2子资源库了把每一个子栏目的具体情况描述一下,其中包括各个子栏目的名称和子栏目目的、服务对象、内容介绍、资料来源、实现方法、尚未解决的问题、重点提示和意见建议等。1.4.3相关主题说明本栏目和其它栏目之间的结合、沟通,其主要目的是通过各个栏目之间的联系,来加强网站的整体性。1.4.4有关网站，请参考网站标明本栏目参考了或可以参考哪些网站,说明被参考网站的优点,哪些地方是我们在建设过程当中应该注意的。1.4.5附用以记录这个文档的历史修改过程和修改了哪些内容。1.5访问者的购物见图1建立专题网站的目的是吸引对本专题感兴趣的人来浏览,所以它必须符合自身的主题和访问者的品味。比如,一个女性用品主题网站应选用温馨时尚的设计风格,而党员先进性教育专题网站在风格选择上则应给人正气凛然之感。2确定模具编码网站的策划工作完成后,即进入设计制作阶段。在这个阶段,要根据策划书把每个栏目的具体位置和配色方案确定下来,并制成模版。必须注意网站的风格保持一致,色彩搭配和谐且符合主题,版面布局根据内容的要求灵活选择。2.1网页功能需求一个专题网站的风格与以下因素密切相关:网页的色系选择、排版风格、窗口效果、网页互动程序、网页特效、目录结构、文件关联性、整体实用性、网站的未来规划、网站整体内容走向等。只有这些项目很好地配合应用才能使网站具有整体感,达到完美的网站风格设计。2.2个工艺主题网的使用一个专题网站色彩选择既要反映主题又要符合访问群体的审美观。比如一个春节主题网站,它旨在传达一种喜庆的气氛,用色上可以多采用红色、黄色、金色,烘托出一种节日的氛围;而一个环保主题网如果用黑色做底色,相信会让大多数人难以接受。在色彩搭配上,应遵从以下一些基本原则:2.2.1使用相同颜色的颜色同色系色彩指非常接近的色彩或同一色彩不同明度的几种色彩。同色系色彩会营造出和谐统一的效果,如要增加一些变化可以在局部加入对比色。2.2.2比较或补充颜色使用相同或相同的颜色视觉对比强烈的色彩容易营造生动活泼、积极向上的效果,但是要注意把握,防止给人眼花缭乱的感觉。2.2.3运用过渡色法两种色彩的中间色、单色中混入黑、白、灰的调和色都可以作为过渡色,运用过渡色可以将几种犯冲的色彩统一起来。网页的配色要尽量控制在三种色彩以内,背景色和前景色的对比度要大,不要用花纹繁复的图案作背景。2.3面板布局规划网页的版面布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、封面型、Flash型、变化型。版面布局无一定之规,以方便展示网页内容与美观和谐为选择标准。首页布局则更不拘于以上几类,首页代表网站形象,承担最初吸引访问者的任务,要着重设计。3应该注意的是，网络制作中的问题3.1表面设计、布署布局目前浏览者多使用800*600和1024*768两种分辨率,为了在这两种分辨率下都能看到布局美观的网页,一般采用在网页中插入一个大的表格,表格宽度设置在760~770像素之间,并让表格居中,网页内容在这个表格中再作布局。这样,在两种分辨率下都能达到较好的视觉效果。另一种办法是在800*600和1024*768两种分辨率下分别设计一个适合本分辨率的主页,再制作索引页index.htm,在索引页中制作出对应两个主页的链接,运行索引页时由浏览者根据自己的分辨率自行选择。3.2嘴唇无法及时用指定的位置体制网站中的路径应全部采用相对路径。如果在应该使用相对路径的地方使用了绝对路径,会导致浏览器无法在指定的位置打开指定的文件,出现做好的网页在自己机器上可以正常浏览,传到服务器上就看不到图片的情况。如果使用Dreamweaver的站点管理功能来管理站点,那么链接路径自动采用相对路径,这就有效地避免了路径错误的情况发生。3.3生成网格化后的下划线文件夹命名一般用英文,长度一般不超过20个字符,命名采用小写字母。文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符,网站的默认首页文件名:index.html或index.QSP。图片的名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等。3.4网页元素的排放方式:背景图层的分析表格是有经验的网页设计师控制页面布局的重要工具。初学网页制作的人,都比较喜欢用图层排版,结果是在编辑状态下看起来不错的页面,一到浏览器里很可能走了样。网页中所有元素的定位都要依靠表格。图层更多地用来做一些特效,用得好可以让网页有锦上添花的效果。3.5层叠样式表的意义网页中所有的字号都应该用样式表来实现,否则不同的浏览者设置的文字大小不同,页面会发生很大的混乱。使用CSS(层叠样式表)定义网页文字的样式,对固定整个网页的风格方面有着不可替代的作用。如果希望所有网页中的正文文字采用一种格式,而标题文字采用另一种格式,那么用CSS为它们分别定义就可以了。如果需要改变网页风格,将所有正文文字或标题文字换一种格式,那么只要简单地改变CSS的定义就可以了,如此能极大地减少网页设计者的工作量。3.6适当增加图片的生成和更新图像文件太大会直接影响到网页的显示速度,所以应尽可能对图片进行适当处理。在制作网页图片时,单张图片一般不要超过30KB,每个网页的图片总量不要超过60KB。减少图像文件的大小办法有以下几种:3.6.1减少照片色彩的缺少图片内色彩数量愈多,文件尺寸就愈大,可以用图像处理软件,将图片所使用的色彩数量减少。当颜色数目减少后,如果图像质量变化不大,这时就可以选用GIF格式保存。3.6.2压缩格式如果色彩数量减少后图像的视觉效果明显变差,那么可以采用JPEG压缩格式。使用图形处理软件,在以JPEG格式存盘时,选取一定的压缩比例,可以丢失部分不易察觉的数据,使图像文件变得较小。3.6.3运行时的显示方法:以隔行体图片尺寸越小,则图像文件占用的字节数相应就会越少。这就要求在制作图像时,应尽量将图片四周无用的信息去掉,来减小图像文件的大小。如果图像文件实在无法减小,还可以想办法使用一定的显示技巧,让浏览者可以耐心地等待图片全部出来。其方法是采用隔行GIF和逐级JPEG方式。隔行GIF是指图片文件按照隔行的方式来显示,比如先出奇数行,再出偶数行,使图片逐渐变清楚。逐级JPEG文件可以让图片先以比较模糊的形式显示,随着文件数据不断从网上传过来,图片逐渐变清晰。在Photoshop等图形处理软件中,在保存图片时可以选择这两种显示方式。另外可以给每个图片都加上注解,防止网速慢时图片无法显示。3.7大量动画和节拍