网页制作与网站维护
摘要:制作网站也就是制作网页,从中有很多的注意事项和细节问题。既然要做,我们就要先了解什么是网页,制作前要有准备,要选好制作的软件, 把握好网页的布局,根据事先的计划规划站点、设置站点、制作模板、制作首页、最后套用模板修改模板。网站做好了,但之后的维护是必不可少的。一个好的网站是否能运营长久,关键就是看能不能将网站维护到位,通过对计算机知识的专业了解,设计一套合理、健全的方案,将网站维护到位。
认识网页
网页的学名称作HTML文件,是一种可以在www网上传输,并被浏览器认识和翻译成页面显示出来的文件。
www是“World Wide Web"的缩写;HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐,程序等非文字的元素。
网页就是由HTML如何制作一个个人网页语言编写出来的。
www是“World Wide Web"的缩写;HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐,程序等非文字的元素。
网页就是由HTML如何制作一个个人网页语言编写出来的。
制作主页前的准备
1、主页题材
下面开始着手策划制作主页。首先面临的问题便是要制作什么内容,选择什么样的主页题材。 网络上的主页题材千奇百怪、琳琅满目。只要想的到,就可以把它制作出来。以下列出一些常见的题材:
下面开始着手策划制作主页。首先面临的问题便是要制作什么内容,选择什么样的主页题材。 网络上的主页题材千奇百怪、琳琅满目。只要想的到,就可以把它制作出来。以下列出一些常见的题材:
(1)一般来说,个人主页的选材要小而精。如果想制作一个包罗万象的站点,把所有认为精彩的东西都放在上面,那么往往会事与愿违的,给人的感觉是没有主题,没有特,样样有却样样都很肤浅,因为不可能有那么多的精力去维护它。注意:网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。
(2)题材最好是自己擅长或者喜爱的内容。比如:对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。
(3)不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,要超过它是很困难的。
2、规划框架
(2)题材最好是自己擅长或者喜爱的内容。比如:对诗歌感兴趣,可以放置自己的诗词;对足球感兴趣,可以报道最新的球场战况等等。这样在制作时,才不会觉得无聊或者力不从心。
(3)不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,要超过它是很困难的。
2、规划框架
选定了一个好的题材,是不是可以立刻动手制作了?经验告诉我们,必须规划框架,这是很重要的一步!
每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。
全面仔细规划架构好网站,不要急于求成。
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。
大纲列出来后,还必须考虑每个页面之间的链接关系。是星形、树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
为了提高浏览效率,方便资料的寻,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,每个主链接再分别展开,主链接之间相互链接。
框架定下来了,然后开始一步一步有条理、有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。
每个网站都是一项庞大的工程。好比造高楼,没有设计图纸,规划好结构,盲目的建造,结果往往是倒塌;也好比写文章,构思好提纲,才不至于逻辑混乱,虎头蛇尾。
全面仔细规划架构好网站,不要急于求成。
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站 (有很多页面) 的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。
大纲列出来后,还必须考虑每个页面之间的链接关系。是星形、树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。
为了提高浏览效率,方便资料的寻,本站的框架基本采用“蒲公英”式,即所有的主要链接都在首页上,每个主链接再分别展开,主链接之间相互链接。
框架定下来了,然后开始一步一步有条理、有次序地做来,就胸有成竹得多,也为你的主页将来发展打下良好的基础。
下一步,你可以动手制作具体内容了,我将告诉你一些收集资料的窍门。
3、资料收集
题材选定,框架选定,接下来就开始往主页里面填内容。就是称作资料收集。
就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或者音乐,是我非常佩服的!)
大部分人的方法是:从报纸、杂志、光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集,只要到雅虎、搜狐等搜索引擎上查相应的关键字,就可以到一大堆的资料。
网络上的资料呈爆炸性的增长,只要注意收集某一非常细小的题材,随时供大家方便的查,主页就已经有做不完的活了。
但是,有一点必须注意!在复制或引用他人的资料文章时,请您尊重知识版权。有特别声明、禁止复制的请不要盗为己用。允许复制的也应该在引用时注明作者、出处。一般来说,个人主页是非商业站点,只要你发封Email给作者,都会征得同意的
3、资料收集
题材选定,框架选定,接下来就开始往主页里面填内容。就是称作资料收集。
就个人主页而言,很少有人有能力完全靠自己来创作所有的内容。(一些高手能够提供自己编的软件,文章或者音乐,是我非常佩服的!)
大部分人的方法是:从报纸、杂志、光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。
另外一个好的方法是从网络上收集,只要到雅虎、搜狐等搜索引擎上查相应的关键字,就可以到一大堆的资料。
网络上的资料呈爆炸性的增长,只要注意收集某一非常细小的题材,随时供大家方便的查,主页就已经有做不完的活了。
但是,有一点必须注意!在复制或引用他人的资料文章时,请您尊重知识版权。有特别声明、禁止复制的请不要盗为己用。允许复制的也应该在引用时注明作者、出处。一般来说,个人主页是非商业站点,只要你发封Email给作者,都会征得同意的
选择网页制作工具
"工欲善其事,必先利其器"。制作网页第一件事就是选定一种网页制作软件。在校期间我们学习了Dreamweaver8,它简单易学,功能强大,用它做出的网页垃圾代码也比较少,另外,它还可以在我们用所见即所得的环境制作网页的同时可以在代检视窗中看到对应的HTML代码,这对我们学习HTML有很大好处。所以制作工具就用它了。
把握网页布局
最开始,网页呈现在你面前的时候,它就好像一张白纸,它需要你任意挥洒你的设计才思。在开始的时候,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局的基本概念。
1.页面尺寸
由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率
在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。
2.整体造型
什么是造型,造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。
对于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形带表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。
3.页头
页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。
4.文本
文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。
5.页脚
页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。
6.图片
图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
7.多媒体
除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也将变得更重要。
规划站点
规划站点,不像直接设计编写那么简单,事先需要做许多准备工作,不仅要准备建设站点需要的素材文字资料、图像以及媒体文件),还要设计好资料整合的方式,并根据资料确定站点的风格特点;同时在内部还要整齐、有序地排列归类站点中的文件,否则杂而乱的资料堆积到一起,不仅不利于将来的维护和(包括站点的管理,) 同时还会因为页面间极为混乱的关系而导致站点容易出现错误。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论