华工《网页设计》总复习2011I.pptxVIP

期末复习;一、网页制作基本概念和HTML语言;2.网页的分类与区别 网页都是由一些文本文件组成的，用一种叫“ HTML ”（超文本标记语言）的语言编写的。这些文本文件的扩展名为“ htm” 或“ html” 网页一般分两类：静态网页和动态网页。 二者的区别不是指网页是否有动感效果；而是在于网页是否有应用程序解释和后台数据库支持。 使用了应用程序服务器和后台数据库的网页称为动态网页；反之称为静态网页;3.网站 网站是由许多相关网页有机结合而构成的一个信息服务中心。 网站通过超链接与其他各页面相连的页面，称为主页，主页是整个网站的目录、索引。 网页具体地说是单个文件，而网站则是由许多的网页文件集合而成，即使只有一个网页也能被称为网站。 通常一个网站都有一个被称做主页(HomePage)的特殊页面，也称首页。 ;网站的目录结构： 　(1)图像文件要建立单独的保存目录。这样便于修改和更新图像文件，避免和其他文件发生冲突。一般在根目录下建立一个images目录来保存首页中的图像。 　(2)不要将所有的文件都放在根目录下。要尽量减少根目录下的文件，便于管理和不影响传输速度。 　??????? ;　(3)建立适当子目录。便于文件分类管理，同栏目的内容要放在同一个子目录下，必要是在子目录下再建子目录，注意一般不超过三层。 不使用中文目录。 不要使用过长的目录名。 尽量使用意义明确的目录。;?(4)目录和文件命名。具体命名规范，可以根据网站的内容来定，一般情况下要求看到文件名就知道其内容，比如首页文件名为index.*或者default.*,同类的文件名可用相同字母前缀的文件来命名，图片、多媒体文件分别放到相应的目录，图片目录用image,多媒体目录用media,声音用sound,插图目录用pic等。???;4.超链接 链接通常可以分为以下几种： (1)外部链接（绝对链接）： 不同网站页面之间的链接； (2)本地链接（相对链接）： 本地网站内部页面之间的链接； (3)锚点链接（也称书签）： 同一页面或不同页面指定位置的链接； (4)电子邮件链接： 指向一个电子邮件地址的链接。??? ;根据链接对象的不同还有： 下载链接，该链接指向某一特定的文件，单击它可下载该文件。例如：a href=“ttpsetup.rar我的视频/a 热区链接，通过设置热区来实现在一幅图像中创建多个链接区域。 文本超链接和图像超链接是使用最多的两种超链接。????;5.绝对路径和相对路径: (1)绝对路径为文件提供完全的路径，包括适用的协议，比如http、ftp等。创建对当前站点以外的链接时必须使用绝对路径。例如： /pc/index.htm 　 ;(2)相对路径适合网站内部的链接，即使在同一网站不同的目录下。使用方法： 如果链接到同一目录下，则只需要输入要链接文档的名称，如back.gif。 要链接到下一级目录中的文件，只需先输入目录名，然后加“/”，再输入文件名，如：images/back.gif。 如链接到上一级目录中的文件，则先输入“../”，再输入目录名、文件名，如：../images/back.gif。;6.HTML标记语言 (1)HTML的基本结构 htmlhead title/title 　文件头部分meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body 　文件体部分 /body /html ;(2)HTML的基本语法，标记符号的表示方式 双边标记：也叫成对标记，需要两个标记组合才能完成所需功能。 如title及/title、html及/html等。 单边标记：只要一个标记就能完成所需表示的功能。 如hr、br、img。 HTML 标记不区分大小写，混合写也是可以的。 ;(3) 常用的HTML标记的意义与用法 页面标签：是对网页的整体参数进行设置的标签，必须掌握的是 文档标签html/html ：标示网页文档开头和结尾。 文件头标签head/head：标题名等网页信息。 文件体标签body/body：定义网页显示的内容和格式。 标题标签title/title：定义在网页标题栏显示的标题。 ;body的常见参数设置实例: body bgcolor=blue,设置背景颜色为蓝色。 body background=image/bg.jpg，设置image目录下的bg.jpg图片为背景 （注意：当上面两个属性同时设置时，背景图起作用） ;格式标签：用来设置网页上文本和段落的排版格式，这些标签必须放在body/body之间。常用的有： 换行标签br：放在一行的末尾，可使后面的文字换到下一行而不会留