浅谈网站设计与制作

维普资讯 http://www.cqvip.com 科　——黑龙江技信息　——　信ｌ息ｌ科ｌ学　浅谈网站设计与制作　杨蓉　（湖南商务职业技术学院信息技术系，湖南长沙４１０２０５）　摘要：结合实践经验介绍了网站设计与制作的步骤，主要包括网站选题、站点的规划、页面的布局、网页的创建以及网站的发布等。　关键词：网站；网页；设计：制作　最后选定一个满意的作　做好上面几步后，接下来的工作就是根据上　可。尽你的可能多厕几张，随着计算机网络的不断发展和普及，网络已　将你确定需　渗透到人类生活的每个部分。如今，上网冲浪已成　面的规划创建一个完整的站点。在创建站点时，除　为继续创作的脚本。在草案的基础上，注：功能模块主　为一种时尚。而面对一个个构造精美的网站，越来　了创建基本的页面外，还可创建一些文件夹，比如　要放置的功能模块安排到页面上。（导航栏，友情链接，广告条，计数器，　越多的人对网站制作产生的兴趣。然而要制作一　建立一个存放图片的文件夹、创建一个模板文件　要包含网站标志，个好的网站并不是一件简单的事。在这里，结合在　夹等。另外，在命名这些页面和文件夹时，为它们　版权信息等）。注意，这里必须遵循突出重点、平衡　网站设计方面的经验谈一下网站设计与制作的流　取一个易记易识别的名字是十分必要的，如存放　谐调的原则。将网站标志、导航栏等最重要的模块　程．希望能给大家带来启示。　图片的文件夹可命名为‘＇ｐｉｃ”或“ｉｍｇ”等。图２为企　放在最显眼，最突出的位置，然后在考虑次要模块　业网站的站点规划。　１确定网站主题　网站的主题就是网站所要表达的主要内容。　）…．ｔ－瞌ｉｌ１）　作为一个网页设计者，在动手制作自己的网站之　前。首先要考虑的就是自己的网站究竟是要做些　什么，通过这个网站我要表达一些什么内容，必须　给自己的网站划定一个范围。我们工作、生活、学　习的方方面面都可以进入到网站中，从世界局势　ｂ　ｎ・　鼬■）　０一…∞ｔ）　）ｌ。口ｎａ０●ｍｒ）　的排放。最后将粗略布局精细化，具体化。　５２上机制作。使用网页制作工具完成页面　的制作。目前，网页制作的工具很多，如：Ｏｆｉｆｃｅ组　件、网页三剑客、Ａｓｐ等，利用这些工具，根据布局　日￡　盯ＪＪ瞳业糟介）　日ｂ—ｔ－　ｉｌ１）　０　ｎ・Ｉｈ　■）　ｅ｝　ｄ　，　草图制作并实现网页效果。　６网站调整和修改　网站的基本内容已经完成，接下来的工作是　ｂＩ～ｄ　ｍｒ）　０　ｃｐｚ－俨昌晨示）　８口…ｔ－　■）　Ｉ　ｎ－ｌｂａ＿棚　到国家政治，从单位部门到家庭生活，从天空的鸟　到水里的鱼，只要是你感兴趣的，都可以把它列为　自己网站要反映的内容。主题没有好坏之分，无论　什么样的主题，只要你巧妙设计，精心地构思，也　一ｅ＇　ｂ…‘＿　）　ｄ　ｍｒ，　图１　网站结构　图２站点规划　定能够做出一个非常好的网站。下面是一些常　５创建页面　选择适合于网站主题的页面布局　对网站的检查与修改，通过整体与局部的不断修　改，达到最佳效果。即在ＩＥ浏览器中打开相应的　网页，从整体的角度，即从页面的布局、颜色的搭　配、字体的选择等因素着手，认真查阅该页，检查　是否有需要修改的内容，对页面进行整体的修改。　７测试、发布站点　常用的页面结构布局有：‘Ｔ”结构布局（“厂”　当网站建立完成后，需要在发布站点前对站　主题鲜明，突出自己的个性和特色；主题涉及范围　字型）。所谓‘Ｔ”结构。就是指页面顶部为横条网站　点进行测试。网站测试包括多种浏览器间的兼容　要小，内容要精；最好选择自己感兴趣的题材。　标志＋广告条，下方左面为导航栏，右面显示内容　性、对于不同访问者是否显示正常、Ｓｃｒｉｐｔ脚本程　２网站规划　见的网站题材：新闻、体育、娱乐、游戏、医疗、文　学、购物、软件、硬件　时尚等。选择主题时要注意　的布局，因为菜单条背景较深，整体效果类似英文　序是否工作正常等多个方面。在站点建设过程中，　２．１绘制网站结构图。确定主题以后，就可以　字母‘Ｔ’，所以我们称之为‘Ｔ”形布局。这是网页设　最好不断地对站点进行测试并解决出现的问题．　正式确定网站的信息内容了。比如，创建企业网　计中用的最广泛的一种布局方式。优点：页面结构　以便尽早发现问题，避免相同问题重复出现。使网　站，则应该考虑该网站包括企业简介、产品展示等　清晰，主次分明。缺点：规矩呆板，如果细节色彩上　页更加成熟完美。　页面，确定各页面的层次结构，对网站进行整体规　不注意，很容易让人乏味。“口”型布局。这是一个　在发布网页前必须在Ｉｎｔｅｒｎｅｔ上申请一个主　划，图１为企业网站的结构图。２．２确定各级页面　象形的说法，就是页面一般上下各有一个广告条，　页空问，用于指定网站或主页在Ｉｎｔｅｒｎｅｔ上的放置　的内容。网站结构确定后，分别写出各页面的基本　左面是主菜单，右面放友情连接等，中问是主要　位置。一般使用ＦＴＰ软件进行上传，也可直接用　内容，如企业网站中，产品展示网页主要介绍本公　内容。优点：充分利用版面，信息量大。缺点：页　Ｆｒｏｎｔｐａｇｅ或Ｄｒｅａｍｗｅａｖｅｒ中的发布站点命令进　司的产品类别以及链接至每类产品的介绍。２３具　面拥挤。不够灵活。“三”型布局。这种布局多用于　行上传。还可直接在ＩＥ浏览器中使用兀Ｐ协议进　体确定网页的制作时间和软硬件环境。网站制作　国外站点，国内用的不多。特点是页面上横向两条　行上传、下载。　的过程中也应该考虑经济效益，大致规划一下建　色块，将页面整体分割为四部分，色块中大多放广　８网站维护、更新　造整个网站页面所需要的时间，可以简单的列出　告条。　在这个阶段，网站已经正式发布，整个网站　个时间安排表，然后按照这个时间表来制作该　对称对比布局。顾名思义，采取左右或者上　已进入正常运行阶段。这时的主要任务是不断地　网站。同时，还要考虑建造这些页面所要用到的软　下对称的布局，一半深色，一半浅色，一般用于设　更新陈旧的网页信息，及时对访问者的留言和反　一硬件环境。如果想创建一个与数据库连接的动态　计型站点。优点：视觉冲击力强，缺点：将两部分有　馈信息进行响应。同时，要不断采用新技术升级网　页面，为了测试方便，就必须安装自己的数据库、　机的结合比较困难。　页，使网页的访问更为方便快捷、信息含量更加丰　Ｗｅｂ服务器等，另外，为了让数据库服务器稳定运　ＰＯＰ布局。ＰＯＰ引自广告术语，就是指页面　富、界面更加美观。　行，还需要配置一个比较大的硬盘和大内存的计　布局像一张宣传海报，以一张精美图片作为页面　结束语：网站的设计与制作看起来很简单。　算机等，这些在创作初期都是不应忽视的。　的设计中心。常用于时尚类站点，优点：漂亮吸引　但要制作出真正有创意、精美的网站不是一件容　易的事情。网页设计与平面设计有相似的地方也　其他布局。更多的网站并没有一定的规律，　有不同的地方，它需要我们不断的实践，不断的学　制作企业网站，则需要收集该企业的一些基本文　他们只是在排版布局中加入自己的各种想法。　习，不断的丰富、创新网页制作的方法，不断完善、　字材料，如企业简介、产品说明及与企业有关的图　因此，网站的布局也各有特色。在作这种网　提高自己网站设计的能力。　规划网站后，需要收集相关的资料。比如要　片、产品图片等；若制作个人网站，则应收集一些　站时，哪里该放什么，哪里不该放什么，必须做到　参考文献　个人基本资料、个人爱好等方面的材料。利用现有　胸有成竹。否则就会乱掉，或者整个网站风格不统　【ｌ】刘洪斌，范海波．网页设计与制作帆大连：大连　的资源可以提高网页制作的速度。通过使用现有　理工大学出版社，２００３．　的图像、声音、动画、文字材料等资源，可以减轻网　５．１绘制布局草图。新建页面就像一张白纸。　［２］莫治雄．网页设计实训教程帆北京：清华大学出　一３收集整理资源　人。缺点：速度慢。　ｏ　页制作的工作量、缩短工作时间、提高工作效率，　没有任何表格、框架和约定俗成的东西，你可以尽　版社．２００３．　并且还可以在一定程度上弥补自身在某一方面的　可能的发挥你的想象力，将你想到的“景象”画上　［３】李同中．网页设计制作技巧ｌ　河南气象，２００４．　不足。　去。这属于创造阶段，不讲究细腻工整，不必考虑　［４］武上富＿网页制作技巧和设计原则　广东科技，　４配置站点　细节功能，只以粗陋的线条勾画出创意的轮廓即　２００６．　责任编辑：温■梅　一４４—