建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > 建站必知 > 如何制作网页

如何制作网页

时间:2015-04-13 21:36:12  来源:免费模板网 作者:风雪 阅读次数 tags网页基础

1.3 如何制作网页
 
 网站(网页)的建设通常都遵循一个基本的流程:规划阶段、设计阶段、开发阶段、发布阶段与维护阶段。
1.3.1规划站点
  1.建立目标规划书
  网站规划过程中,必须首先明确网站的目标,建立网站实现怎样的目的;目标确立后,要编辑成文档并打印出来,作为以后所有工作的参考。
  2.定义、分析目标用户
  
访问Internet的浏览者地域、浏览器、连接速度等均不同,定义使用网站的特定目标用户,从他们的角度出发,考虑他们的需求,最大限度地与目标用户的愿望统一,实现建站的目标。
  在这一阶段,需要掌握一些典型目标用户的基本信息。如:他们的兴趣,他们希望所获得的信息;用户技术上的问题等等。一般采用的方式有文卷调查,实际考察,网站获得反馈信息等。
  3.确定站点的风格
  
站点的整体风格即网站内容的表现形式,包括网页所采用的布局结构、颜色、字体、标准图形和图像等。具体如下几种:
  信息式
  界面以文字信息为主,布局整齐划一,简洁明快,每层次页面都会有一个导航系统,顶部区域使用较有特色的标志,顶部中间是广告横幅,其他部分是较多的文本超链接。此类网站例如:“新浪”、“搜狐”、“网易”等。
  画廊式
  
该类网站以个人网站或公司网站为典型代表,表现形式主要以图像、动画和多媒体等高新网路技术为主,表现个儿特色或公司理念浓厚,其特点是页面布局或时尚新颖,或以严谨简约,注重表现企业或个人形象与文化特征。
  综合式
  基于以上两种风格结合的网页,即文字与图像或其他网络媒体技术的结合体。
第1章 网页制作基础(第3节)
1.3.1规划站点(续)
  4.考虑网络技术
  网络因素将影响目标用户的网页下载显示及使用。
  带宽因素
  
网络带宽是指通讯线路上一定时间内的信息流量,一般用来表示网络的信息传输速度。网页设计时应使预计的下载时间少于8秒钟。提高下载时间分方法就是减少页面中的图像大小和数量。
  浏览器与分辨率
  
参考基准:在Windows操作系统下,使用IE4.0以上版本的浏览器,并且将显示器的分辨率设置为800×600象素。
  即时交互与插件
  
如果提供即时交互,网页中需要加入JavaScript脚本,服务器技术(如ASP、PHP等),或使用实现交互式功能的对象(如Flash对象、Authorware对象等)。(插件指浏览器中安装的能够用来播放特定对象的程序)

1.3.2设计站点
  1.建立站点目录结构
  做法:先将站点中的各种信息资源进行整理、归类,然后在计算机硬盘上新建一个站点文件夹,再根据需要在文件夹中新建若干个子文件夹,将不同类型的文件存放在站点中,最后在这个站点根文件夹中新建一个主页文件。
  网站命名规则:
  (1)最好使用小写英文名称(可以用汉语拼音代替),中间无空格。一般不使用中文文件名。
  (2)可以包含数字或下划线,如,class_1.htm、chap_1.htm等。
  (3)注意正确的文件扩展名,一般由相应软件自动添加,如,网页的“.htm”或“.html”,图片的“.gif“
  2.设计导航系统
  
导航系统实质上就是一组使用了超链接技术的网页对象(包括文字、按钮、小图片等),他们将网站中的内容有机地连接在一起,是浏览者获取网页信息的基本界面。
第1章 网页制作基础(第3节)
1.3.2设计站点
  导航的分类
  
文本导航:基于文本的超链接,实用高校,速度快,是使用最普遍的一种导航方式。
  图片导航:使用图像、按钮吸引访问者,让用户点击,多用于个人站点或是公司网站。
  图像映射技术导航:浏览者点击图像不同区域(也称热点)时,会跳转到不同的页面。
  导航设计原则
  通过最少的点击次数得到最多的信息量,根据页面内容的逻辑关系制作网站的导航系统。
  导航设计要点
  
(1)浏览者应该能方便地知道他们现在正处于网站中的什么位置,即要提供页面的位置信息
  (2)在页面中提供返回首页或上一级页面的超链接
  (3)提供与站点制作者联系的电子邮件链接
  (4)整个导航系统的风格应该一致,否则会使浏览者产生已经离开网站的错觉
  3.设计页面的版式
  
页面版式是如何安排网页中的元素(包括文本、图像、动画等),或者说用什么形式表现网页的内容,网页中要放置些什么内容,包括导航栏、文本、图像或其他多媒体信息的详细数目。
  设计版面应注意一下两点:
  (1)以网站目标为准绳,最大限度地体现网站的功能   (2)形象简明,易于接受
  4.网页中的颜色
  通过设置文本颜色、背景颜色、链接颜色以及图像颜色,可以构造出很多网页布局效果。设计颜色方案遵循规则:(1)保持一致性。若选择一种颜色作为网站的主调色,要保持这种风格,使图像和多媒体信息的颜色与之匹配。
  (2)注意可读性。
 
  5.文字、图像、、等对象的使用
  为确保网页中的所有的字体能够被访问者的浏览器正确显示,中文网站中的字体最好使用默认的“宋体”“楷体”“黑体”等基本字体,并使用“样式”对站点的文本进行统一管理。对于特殊字体可以使用图像处理软件将文字制作成图片,然后放置在网页中。在使用时要考虑他们的数量和质量对网页下载速度的限制。
  6.收集和制作素材
  需要准备的素材:图像、动画、文本以及其他多媒体信息。一般可以在网上免费下载或是购买光盘素材,自己制作则更佳,可以体现自己的设计风格。
1.3.3制作网页
  具体实施设计结果,将站点中的网页按照设计方案制作出来,通过Dreamweaver等软件在各个具体网页中添加实际内容,包括文本、图像、声音、Flash电影以及其他多媒体信息。需要注意的是在这个阶段一定要对网页进行反复测试,修改,确保网页最终显示结果与设计结果相同。
1.3.4网站发布与维护
  为了使用户可以访问站点,需要发布站点,首先向ISP申请网页空间,得到有关远程站点的基本信息(包括用户名、主机地址、用户密码等),然后使用FTP软件或者Dreamweaver进行网站上穿。发布成功后,应根据访问者的建议,不断修改或更新网站中信息,从浏览者的角度完善网站。这个周而复始的过程构成了网站的
 

本文地址:https://www.freemoban.com/jzbz/2015/0413/1338.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!