中南大学《大学计算机基础》课件-第7章.pdf

第七章网页制作技术

一、预备知识

二、XHTML语言基本知识

三、网页制作软件

Dreamweaver

一、预备知识

l网站、网页、主页

l网页设计的基本原则

网页设计的基本原则

l明确内容

l规划网站内容

l导航条

l点击规则

l慎用图像、声音和动画

l慎用特殊字体

二、XHTML语言基本知识

leXtensibleHyperTextMarkup

Language（可扩展超文本标记

语言）是一种WWW所使用的语

言，是网页制作的基础

XHTML的基本结构

html

head

title网页标题/title

/head

body

网页内容

/body

/html

XHTML代码规范

l标记与结束标记

l标记可以嵌套

l标记及属性名称必须使用小写

l属性值必须用引号“”括起来

例

区段格式命令

区段格式命令的作用是以特定的格式显

示HTML文件的区段文字，包括：

●标题标签：H1、H2、H3、H4、H5、

H6

●文件段落标签：P和/P

●格式化文本标签：用于控制文本的显示方式，

主要包括B、I、U、TT等。

●行中断标签：BR

例

超链接命令

●超链接命令用于标记超文本链接

●格式：

●AHREF”被链接处名”链接文本/A

●其中HREF为A标签的属性，其值标明要

链接文件的路径、名称或网络地址。

超链接命令

●链接分为内部链接和外部链接两大类

●建立内部链接的方法为：

●设置书签：ANAME”书签名”显示的文字

/A

●建立链接：AHREF”[HTML文檔名]#书签

名”链接文本/A

●在“被链接处名“使用被链接文件的网络

地址URL，则链接就成为外部链接。

例1例2

列表命令

●列表命令用于制作明细清单，

可分为编号列表和符号列表两

类。

例

表格命令

●表格命令用于以表格的方式显示

资料和资料，使所显示的内容清

晰、直观、简明扼要。

表格命令

●HTML使用标签TABLE和/TABEL

定义表格的开始和结束，该标签

可含有的属性为：

●BORDER：定义该表格的表格线宽度，

默认值为0

●WIDTH：定义该表格在窗口中所占

的宽度

表格命令

在TABLE中常用的标签有：

●CAPTION和/CAPTION：定义表格的标题