静态网页如何制作?&网页制作概括&网页制作工具概括

发布日期:2016-10-16查看人数:

         

静态网页制作基础

一、HTML简介


1、HTML的功能

   1)出版在线的文档,其中包含了标题、文本、表格、列表以及照片等内容。

   2)通过超链接检索在线的信息。

   3)为获取远程服务而设计表单,可用于检索信息、定购产品等。

   4)在文档中直接包含表格数据、视频剪辑、声音剪辑以及其他的一些应用。

学习HTML的意义

  便于优化专用工具生成的代码;为编写ASP等网络程序奠定基础。


2、HTML的编写工具

  可以通过编写修改代码的工具很多,如:记事本;写字板等多种工具,但大多数静态网页都是由Dreamweaver(常用,有设计视图)、EditPlus(好用,有颜色区分)等专业编辑网页软件进行编辑的,软件中有自动生成代码与代码错误检测等功能,在编写上能带来很多方便。


3、html文件的基本格式 

    《html》

    《head》

    《title》网页的标题《/title》

    《/head》

    《body》网页的内容《/body》

    《/html》

  其中省略号部份是网页的内容,其实每个标记都是一一对应的。每个网页文件都是以《html》开始和以《/html》结束。《title》与《/title》之间的内容是网页的标题。会显示在浏览器的标题栏上。《body》与《/body》之间放的是网页内容。


标志(tag)的结构特点

  1、用《》包围。

  2、多数是以成对标签书写,这种成对标签在网页中都可称为‘盒子’。

  3、结束标记用/。

  4、标签是嵌入式的。

  5、标签可有多种属性和属性值。

  6、标签用西文半角字符,对大小写不敏感。


4、文件标题标志

  文件标题标志为《title》《/title》。使用过浏览器的人可能都会注意到浏览器窗口最上边的蓝色部分显示的文本信息,那些信息一般是网页的"主题"。要将网页的主题显示到浏览器的顶部其实很简单,只要在《title》《/title》标志对之间加入要显示的文本即可。当然在seo优化中,《title》标题是很重要的,他代表的是网页的门面,好的关键词句能被搜索引擎更大范围的搜索到。


5、颜色表示方法


  HTML用#RRGGBB字符串代表色彩,成为RGB值。RGB值中的RR、GG和BB分别代表红绿蓝三原色的两位十六进制整数值。每种原色的取值范围在00和FF(即十进制的0和255)之间,即一个字节存储一种原色。每种原色都有256种由浅至深的色彩变化,网页中呈现的色彩都是由这三种原色调配出来的。rgb值可以表示出(256*256*256)种颜色。


网页中存在着网页安全色,不同浏览器对非安全色的颜色显示也有不同,在一些情况下会影响网页的美观。

#后的字符串两两相同的都为安全色、例:#ff0044;#112233;#aa66cc


二、静态网页制作概括:
1、网页素材搜集与制作(图像处理与动画制作)
  经常需要在网页中应用一些图像与动画,一方面是由于实际内容的需要,一方面是为了增加网页吸引力。在WWW上通常采用jpeg、gif、png格式的图片和flv、flash等格式的动画。
2、网页版式设计
  规划各元素在网页中的位置关系和表现方法,合理安排图像、文本等元素,使网页布局合理、美观大方、同时也要注意访问者的观看习惯,布局的比例也很重要。
3、文本编写
  在字体上需要注意,网页文本在浏览器中默认字体都是为‘宋体’,特殊的字体虽然好看,但为保证在客户端浏览器中显示正确字体的网页,不要使用非系统自带的特殊字体,如“华文彩云繁”等。
三、静态网页的制作工具
1、图像处理与动画制作工具:Photoshop、Fireworks、Flash等。
2、网页编辑工具:1)纯文本编辑工具,如Notepad等;
                 2)转换工具,如word等;
                 3)专用工具,如EditPlus、Dreamweaver等。
3、网页上传工具:1)FTP工具,如WS-FTP,CuteFTP等;
                 2)专用网页编辑软件的文件传输功能。
4、网页优化工具:网页减肥茶、网页优化大师等。