《网站设计 开发 维护 推广 从入门到精通》——1.6 网站建设的一般流程

1.6 网站建设的一般流程

创建网站是一个系统工程,有一定的工作流程,只有遵循这个步骤,按部就班地进行,才能设计出一个令人满意的网站。因此在制作网站前,先要了解网站建设的基本流程,这样才能制作出更好、更合理的网站。

1.6.1 确定网站主题
网站主题是建立的网站所要包含的主要内容。一个网站必须要有一个明确的主题,特别是对于个人网站。一个人没有能力,也没这个精力制作一个内容大而全的综合网站,所以必须要找准自己最感兴趣的内容,将它做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。

提示
对于内容主题的选择,要做到小而精,主题定位要小,内容要精。不要试图去制作一个包罗万象的站点,这往往会让网站失去特色,也会带来高强度的劳动,给网站的及时更新带来困难。
1.6.2 网站整体规划
规划一个网站,可以先用树状结构把每个页面的内容大纲列出来。尤其当要制作一个很大的网站的时候,特别需要把架构规划好,也要考虑到以后的扩充性,以免做好以后再更改整个网站的结构。

网站规划包含的内容很多,如网站结构、栏设置、网站风格、颜色搭配、版面布局及文字图片的运用等。只有在制作网页之前把这些方面都考虑到了,才能在制作时胸有成竹,也只有如此制作出来的网页才能有个性、有特色,具有吸引力。图1-17所示为网站整体结构图。

1.6.3 收集资料与素材
首先,要新建一个新的总目录,如 D:/我的网站,来放置建立网站的所有文件,然后再在这个目录下建立两个子目录:“文字资料”“图片资料”。放入目录中的文件名最好全部用英文小写,因为有些主机不支持大写和中文。
1.文本内容素材的收集
可以从网络、书本、报刊上找到需要的文字材料,也可以使用平时的试卷和复习资料,还可以自己编写有关的文字材料,将这些素材制作成Word文档保存在“文字资料”子目录下。收集的文本素材既要丰富,又要便于有机地组织,这样才能做出内容丰富、整体感强的网站。

2.动画图像素材的收集
只有文本内容的网站对于访问者来讲是枯燥乏味、缺乏生机的。如果加上艺术内容素材,如静态图片、动态图像及音像等,网页将充满动感与生机,也将吸引更多的访问者。这些素材主要来自于以下四个方面。

  • 可以用一些动画与特效增加主页的美观与功能,动画可上网找,最好能自己制作,GIF格式的最常用。目前流行的是Flash动画,变化更多、尺寸更小,缺点是有些计算机上的浏览器没有安装Flash浏览软件,此时不能看到Flash动画。图1-18所示为从网上搜集图片保存到自己的网站上。

  • 从CD-ROM中获取。在市面上有许多图片素材库光盘,也有许多教学软件,我们可以选取其中的图片资料。
  • 既可以从各种图书出版物(如科普读物、教科书、杂志封面、摄影集及摄影杂志等)获取教学图片,也可以使用自己拍摄和积累的照片资料,或将杂志的封面彩图用彩色扫描仪扫描下来,将其加工后,整合制作到网页中。

提示
图片应尽量精美而小巧,不要盲目追求大而全,要在网页的美观与网络的速度两者之间取得良好的平衡。
1.6.4 设计网页图像
在整体规划好网站和搜集资料完成后就需要设计网页图像了,网页图像设计包括Logo、标准色彩、标准字、宣传广告和首页等。

  • 设计网站标志:标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容,如网站内有代表性的人物、动物及植物,可以用它们作为设计的标本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形及字母的组合等方式可以很容易制作好自己的标志。图1-19所示为网站标志。

  • 设计网站色彩:网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩,要用于网站的标志和主色块,给人以整体统一的感觉。其他色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。一般来说,一个网站的标准色彩不超过三种,太多色彩则让人眼花缭乱。

提示
需要说明的是,使用非默认字体只能用图片的形式,因为浏览者的计算机里很可能没有安装特别字体,否则辛辛苦苦地设计制作便可能付之东流了。

  • 设计网站宣传广告:也可以说是网站的精神、主题与中心,或者是网站的目标,应该用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站,进行对外宣传,可以收到比较好的结果。图1-20所示为网站宣传广告。

    • 首页设计包括版面、色彩、图像、动态效果、图标等风格设计,也包括 Banner、菜单及版权等模块设计。图1-21所示为网站首页。

      • 设计网站字体:和标准色彩一样,标准字体是指用于标志和导航栏的特有字体。一般网页默认的字体是宋体。为了体现站点的与众不同和特有风格,可以根据需要选择一些特别字体,也可以根据自己网站所表达的内涵,选择更贴切的字体。

      1.6.5 制作网页
      下面就需要按照规划逐步制作网页了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂的顺序进行制作。所谓先大后小,就是在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

      1.6.6 开发动态网站模块
      页面设计制作完成后,如果还需要动态功能的话,就需要开发动态功能模块。网站中常用的功能模块有搜索功能、留言板、新闻信息发布、在线购物、技术统计、论坛及聊天室等。

      1.搜索功能
      搜索功能可以使浏览者在短时间内从大量的资料中找到自己所需的资料。这对于资料非常丰富的网站来说非常有用。要建立搜索功能,就要有相应的程序以及完善的数据库支持,可以快速地从数据库中搜索到所需要的资料。

      2.留言板
      留言板、论坛及聊天室是为浏览者提供信息交流的地方。浏览者可以围绕产品、服务或其他话题进行讨论、提出问题、提出咨询,或者得到售后服务。但是聊天室和论坛是比较占用资源的,一般不是大中型的网站没有必要建设论坛和聊天室。图1-22所示为留言页面。

      3.新闻信息发布系统
      提供方便直观的页面文字信息的更新维护界面,提高工作效率、降低技术要求,非常适合用于经常更新的栏目或页面,图1-23所示为新闻发布系统的页面。

      4.在线购物
      实现电子交易的基础,用户将感兴趣的产品放入自己的购物车,以备最后统一结账。当然,用户也可以修改购物的数量,甚至将产品从购物车中取出。用户选择结算后系统自动生成本系统的订单。图1-24所示为购物系统的页面。

      1.6.7 发布与上传
      网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看。上传工具有很多,可以采用Dreamweaver自带的站点管理功能上传文件,也可以采用专门的FTP软件上传。利用这些FTP工具,可以很方便地把网站发布到服务器上。网站上传以后,要在浏览器中打开自己的网站,逐页逐个链接地进行测试,发现问题,及时修改,然后再上传测试。

      1.6.8 后期更新与维护
      网站也要维护更新内容,保持内容的新鲜,不要做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。

      网站维护包括网页内容的更新、目录的管理、计数器文件的管理及网站的定期推广服务等。更新是指在不改变网站结构和页面形式的情况下,为网站的固定栏目增加或修改内容。

      1.6.9 网站的推广
      网页做好之后,还要不断地对其进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接或加入广告链等。

      网站推广是企业网站获得有效访问的重要步骤,合理而科学的推广计划能令企业网站收到接近期望值的效果。网站推广作为电子商务服务的一个独立分支正显示出其巨大的魅力,并越来越引起企业的高度重视和关注。

时间: 2024-12-06 04:23:31

《网站设计 开发 维护 推广 从入门到精通》——1.6 网站建设的一般流程的相关文章

《网站设计 开发 维护 推广 从入门到精通》—— 导读

前言 网站设计 开发 维护 推广 从入门到精通 互联网信息技术彻底改变了人们的生活和工作.越来越多的企业和个人建立起网站来宣传自己.人才市场上对网页制作和网站建设人员的需求大大增加,但是网站建设是一项综合性技能,包括网站策划.网页设计和动态网站的开发等几部分,真正完全懂得这几项技能的网页设计师则相对较少,因此我们编写了本书.本书首版在2006年出版后,销量在同类书籍中一直名列前茅,经过十多次重印,销售达三万多册,并且获得了2007年最佳科技图书奖.2013年升级第二版后,又经过多次重印.本次改版

《网站设计 开发 维护 推广 从入门到精通》—— 第1章 网页设计基础

第1章 网页设计基础 网站设计 开发 维护 推广 从入门到精通 利用Dreamweaver CC中的可视化编辑功能,可以快速创建网页而不需要编写任何代码,这对于网页制作者来说,工作变得很轻松.文本是网页中最基本和最常用的内容,是网页信息传播的重要载体.学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的. 学习目标 网页设计的相关术语 网页美工常用工具 网页版面布局设计 常见的版面布局形式 文字与图像版式设计

《网站设计 开发 维护 推广 从入门到精通》—— 第2章 网站页面配色和创意

第2章 网站页面配色和创意 网站设计 开发 维护 推广 从入门到精通人类的视觉对于色彩最为敏感.网页色彩处理得好,可以锦上添花,达到事半功倍的效果.色彩总的应用原则应该是"总体协调,局部对比",即网页的整体色彩效果应该是和谐的,只有局部的.小范围的地方可以有一些色彩强烈的对比.在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调. 学习目标 色彩基础知识 网页色彩搭配

《网站设计 开发 维护 推广 从入门到精通》—— 1.1 网页设计的相关术语

1.1 网页设计的相关术语 在具体学习网页设计与制作前,需要了解什么是静态网页和动态网页,动态网页是怎么交互的,为以后的学习打好基础. 1.1.1 什么静态网页 在网站设计中,纯粹HTML格式的网页通常称为"静态网页",早期的网站一般都是由静态网页制作的,静态网页是以.htm..html..shtml和.xml等为后缀.在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式动画.Flash滚动字幕等.这些"动态效果"只是视觉上的,与下面将要介绍的动态网页不同

《网站设计 开发 维护 推广 从入门到精通》——导读

前言 互联网信息技术彻底改变了人们的生活和工作.越来越多的企业和个人建立起网站来宣传自己.人才市场上对网页制作和网站建设人员的需求大大增加,但是网站建设是一项综合性技能,包括网站策划.网页设计和动态网站的开发等几部分,真正完全懂得这几项技能的网页设计师则相对较少,因此我们编写了本书.本书首版在2006年出版后,销量在同类书籍中一直名列前茅,经过十多次重印,销售达三万多册,并且获得了2007年最佳科技图书奖.2013年升级第二版后,又经过多次重印.本次改版不但更新了所有的操作实例步骤,还重点增加了

《网站设计 开发 维护 推广 从入门到精通》—— 1.6 网站建设的一般流程

1.6 网站建设的一般流程 创建网站是一个系统工程,有一定的工作流程,只有遵循这个步骤,按部就班地进行,才能设计出一个令人满意的网站.因此在制作网站前,先要了解网站建设的基本流程,这样才能制作出更好.更合理的网站. 1.6.1 确定网站主题网站主题是建立的网站所要包含的主要内容.一个网站必须要有一个明确的主题,特别是对于个人网站.一个人没有能力,也没这个精力制作一个内容大而全的综合网站,所以必须要找准自己最感兴趣的内容,将它做深.做透,办出自己的特色,这样才能给用户留下深刻的印象. 对于内容主题

《网站设计 开发 维护 推广 从入门到精通》—— 2.2 网页色彩搭配

2.2 网页色彩搭配 色彩搭配既是一项技术性工作,同时也是一项艺术性很强的工作,因此在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,这样才能设计出色彩鲜明.性格独特的网站. 2.2.1 网页色彩搭配原理 网页的色彩是树立网站形象的关键之一.网页的背景.文字.图标.边框及链接等,应该采用什么样的色彩,应该搭配什么色彩才能最好地表达网站的内涵和主题呢?下面是网页色彩搭配的一些原理. 色彩的鲜明性 网页的色彩要鲜明,容易引人注目,图2-6所示为色彩鲜明的网页. 色彩的独特性 要有与众不同

《网站设计 开发 维护 推广 从入门到精通》—— 1.4 常见的网站类型

1.4 常见的网站类型 网站就是把一个个网页系统地链接起来的集合,按其内容的不同可分为个人网站.企业类网站.娱乐休闲类网站.行业信息类网站.门户网站和购物类网站等,下面分别进行介绍. 1.4.1 个人网站 个人网站一般是个人为了兴趣爱好或展示个人等目的而建的网站,具有较强的个性化特色,带有很明显的个人色彩,无论是内容.风格,还是样式,都形色各异,包罗万象.个人网站是由一个人来完成的.相对于大型网站来说,个人网站的内容一般比较少,但是技术的采用不一定比大型网站的差.很多精彩的个人网站的站长往往就是

《网站设计 开发 维护 推广 从入门到精通》—— 2.1 色彩基础知识

2.1 色彩基础知识 色彩的魅力是无限的,它可以让本来很平淡无味的东西变得漂亮.美丽.随着信息时代的快速到来,网页也开始变得多姿多彩.人们不再局限于简单的文字与图片,而是要求网页看上去漂亮.舒适.所以网页设计师不仅要掌握基本的网站制作技术,还需要掌握网站的风格.配色等设计艺术. 2.1.1 色彩的基本概念 为了能更好地应用色彩来设计网页,先来了解一下色彩的基本概念.自然界中色彩五颜六色.千变万化,但是最基本的只有三种(红.黄.蓝),其他的色彩都可以由这三种色彩调和而成,这三种色彩称为"三原色&q