第一章网页设计与制作.pptVIP

网页设计与制作 08秋广告 刘辉东 谢景文 第一章 网页基础知识 1.1 网页的概念和基本元素 1.2 网页的分类 1.3 HTML概述 1.4 网页制作工具 1.5 网页制作前的准备工作 1.1 网页的概念和基本元素 1.网页的概念:网页是Web中的基本文档,是用HTML语言或其他语言(如VBScript、JavaScript、ASP、PHP、JSP)编写的。 2.网页的基本元素:文本、图片、声音、动画、表格、影像、表单以及超链接等元素。 一元素—文 本 文本—网页中表现信息内容的主体， 例如：多媒体影音效果好，但是多媒体信 息耗费网络带宽的相当大， 而文本所占空间小，下载时间只需几秒钟。 改变乏味视觉感受： 1.标题—醒目 2.大小—活泼 3.层次感 4.样式 —吸引力 5.颜色—突出重点 元素二—图形 图形对事物的表现能力要比文字强。 图形格式：JPG和GIF两种格式 优点：压缩性能好且有跨平台的特性 网页中的应用： 1.标题 2.背景图 3.封面图 4.链接按钮 元素三—超链接 Web是用网页来表示信息，而网页之间的联系是通过超级链接来实现。 超链接即为手形鼠标所指向的部分，往往表现是带下划线的文字或是图形、动画等。 超链接可提供参考的方法： 1.转至相关页面的链接 2.与其它站点的链接 3.提供E-mail链接 1.2 网页的分类 1. 2.1 静态网页：就是该网页文件里没有程序代码，只有HTML标记，这种网页文件的扩展名为.htm或html。 1.2.2 动态网页：就是该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的扩展名一般根据不同的程序设计语言来定，如ASP文件的扩展名为.asp,JSP文件为.jsp。 1.3 HTML概述 1.3.1 HTML即超文本标记语言或超文本链接标识语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。 1.3 HTML概述 1.3.2 HTML文件的基本结构 1.标记符及其属性 （1） 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果。 （2）属性 1.3 HTML概述 1.3.2 HTML文件的基本结构 2.HTML文件的基本结构 （1）HTML标记符 （2）HEAD标记符 （3）TITLE标记符 （4）BODY标记符 1.4 网页制作工具 1.4.1 Dreamweaver MX 1.4.2 Fireworks MX 1.4.3 Flash MX * * HEAD TITLE 网页的标题 /TITLE / HEAD BODY 网页的内容，很多标记都作用于此。 / BODY /HTML HTML