如何制作网页?

发布时间:2019-10-28 14:08:25访问人数:作者:推外网络

  制作网页是有一定顺序和步骤的,用户不可能一开始就直接编辑网页,应先做一些准备工作。

  

网页制作需求分析

  


  在进行网页制作前,首先需要进行需求分析。需求分析的作用是了解网页的主要功能和应用,有针对性进行页面设计和实施。由项目负责人来确定对用户需求的理解程度,而用户调查和市场调研等需求分析活动的目的就是帮助项目负责人加深对用户需求的理解和对前期不明确的地方进行明确化,以便于日后在项目开发过程中作为开发成员工作的依据和借鉴。

  

网页制作布局设计

  

  网页布局,就是以最适合浏览的方式将图片和文字排放在页面的不同位置。

  

1.页面尺寸

  

  页面尺寸和显示器大小及分辨率有关系。一般分辨率在800×600像素的情况下,页面的显示尺寸为:780×428个像素;分辨率在640×480像素的情况下,页面的显示尺寸为:620×311个像素;分辨率在1024×768像素的情况下,页面的显示尺寸为:1007×600像素。从以上数据可以看出,分辨率越高,页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当显示和关闭全部工具栏时,页面的尺寸是不一样的。

  

  在网页设计过程中,向下拖动页面是唯一给网页增加更多内容(尺寸)的方法。但需要提醒大家,除非你能肯定站点的内容会吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,以方便访问者浏览。

  

2.网页整体造型

  

  什么是网页造型?造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其他形状以及它们的组合:矩形、圆形、三角形、菱形等。

  

  对于不同的形状,它们所代表的含义是不同的。比如矩形代表着正式、规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形代表着柔和、团结、温暖、安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量、权威、牢固、侵略性等,许多大型的商业站点为显示它的权威性,常以三角形为页面整体造型;菱形代表着平衡、协调、公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同含义,但目前的网页鬻篱制作多数是结合多个图形加以设计,在这其中某种图形的构图比例可能占得多一些。

  

3.页头

  

  页头又可称为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标记以及旗帜广告。

  

4.文本

  

  文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着DHTML,的兴起,文本已经可以按照自己的要求放置到页面的任何位置。

  

5.页脚

  

  页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。可以看到,许多制作信息都是放置在页脚的。

  

6.图片

  

  图片和文本是网页的两大构成元素,缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

  

7.多媒体

  

  除了文本和图片,还有声音、动画、视频等等其他媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也将变得更重要。

  

开始制作网页

  


  在制作网页时需注意以下几方面的问题,以便浏览者轻松浏览网站。

  

1.页面框架的构建

  

  页面框架的构建是指对网页的整体布局,针对网页中的内容应将网页有条理地划分为几部分。

  

2.导航条

  

  导航条将出现在网站的大部分页面中,提供各个站点的相关主题,引领浏览者有条理地浏览网站。导航条通常放置在页面的上部或左侧。

  

3.返回首页链接

  

  在分页面中放置返回首页链接,以便浏览者在访问分页面后快速回到首页,以重新选择其他页面进行浏览。

  

4.添加网页元素

  

  为网页添加相应的内容,以传递网页信息给浏览者。

  

网页发布

  

  发布站点之前需在Internet上申请一个网页空间,以指定网站或主页在Internet上的位置。网页发布通常使用FTP(远程文件传输)软件上传网页到服务器中申请的网址目录下,这样速度较快,也可使用Dreamweaver或FrontPage中的发布站点命令进行上传。


标签:网页设计网页制作
9999+
赞+1
分享:

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。

推外网络 Copyright © 2012-2019. 未经许可,不可拷贝或镜像 沪ICP备19024770号

  • 咨询
  • 电话
  • 首页
  • 关于
  • 返回顶部