资源描述:
《第二章静态网页制作基础》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、静态网页制作基础一、静态网页概述初期的网站都是由静态网页组成的,网页中只有文字、图形、图像等,用户只能被动地接受这些信息。那时的Web页面的核心是HTML(—种标记语言),它编写很方便,不要求有特定的语言环境,可以用任何一种编辑器写好,便可以放到浏览器观看结果。现在HTML已经有许多专门的编辑软件,如FrontPage、Hotdog、Dreamweaver等。最初的Web是完全的静态,仅仅提供大量的信息服务,没有服务器端/客户端的概念。“静态”指的就是网站的网页内容“固定不变”。当用户浏览器通过互联网的HTTP(Hypertext
2、TransferProtoco1)协议向Web服务器请求提供网页内容时,服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的是标准HTML代码,再加上GTF格式的动态图片。二、静态网页制作概括:1、网页素材搜集与制作(图像处理与动画制作)经常需耍在网页中应用一些图像与动i田i,一方面是由于实际内容的需耍,一方面是为了増加网页吸引力。在WWW上通常采用jpeg.gif.png格式的图片和flv、flash等格式的动画。2、网页版式设计规划各元素在网页中的位置关系和表现方法,合理安排图像、文木等元素,使网页布
3、局合理、美观人方、同时也耍注意访问者的观看习惯,布局的比例也很重要。3、文本编写在字体上需要注意,网页文本在浏览器中默认字体都是为'宋体',特殊的字体虽然好看,但如果对方没有这种字体,浏览器会将字体就变默认。三、静态网页的制作工具1、图像处理与动画制作工具:Photoshop、Fireworks>Flash等。2、网页编辑工具:1)纯文木编辑工具,如Notepad等;2)转换工具,如word等;3)专用工具,如EditPlus、Dreeimweaver等。3、网页上传工具:1)FTP工具,如WS-FTP,CuteFTP等;2)专用
4、网页编辑软件的文件传输功能。4、网页优化工具:网页减肥茶、网页优化大师等。HTML简介HTML是HypertextMarkupLanguage(超文本标志语吉)的缩写,它是构成Web页而(Page)的主要工具,是用来表示网上信息的符号标志语言。在网上,如果要向全球范围内出版和发布信息,需要有一种能够被广泛理解的语言,即所有的计算机都能够理解的一种用于出版的〃母语WWW(WorldWideWeb)所使用的出版语言就是HTML语言。通过HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器來识别,并将这些HTML"翻
5、译〃成口J以识别的信息,就是现在所见到的网页。1、HTML的功能1)出版在线的文档,其屮包含了标题、文木、表格、列表以及照片等内容。2)通过超链接检索在线的信息。3)为获取远程服务而设计表单,可用于检索信息、定购产品等。4)在文档屮直接包含表格数据、视频剪辑、声音剪辑以及英他的一些应用。学习HTML的意义便于优花禺用工具生成的代码;为编写ASP等网络程序奠定基础。2、HTML的编写工具可以通过编写修改代码的工具很多,如:记事木;写字板等多种工具,但大多数静态网页都是曲Dreamweaver用,冇设计视图)、EditPlus(好用,
6、冇颜色区分)等专业编辑网页软件进行编辑的,软件中有门动生成代码与代码错课检测等功能,在编写上能带来很多方便。3、html文件的基木格式网页的标题网页的内容