网页设计.docx
- 文档编号：9045331
- 上传时间：2023-02-02
- 格式：DOCX
- 页数：22
- 大小：644.52KB
网页设计.docx
《网页设计.docx》由会员分享，可在线阅读，更多相关《网页设计.docx（22页珍藏版）》请在冰豆网上搜索。
网页设计
第10章网站设计
10.1网站设计的基本步骤与原则
1．网站设计的基本步骤
2．网站设计的基本原则
3．制作网页的基本方式
4．几个容易混淆的概念辨析
10.2网页设计基础——HTML
10.2.1HTML简介
图10-1“清华大学主页”首页源代码
10.2.2Web页面的构成
这是一个简单的范例
1．基本标签
该类标签用于建立具有文本、标题和列表的HTML页面。
…：
括住整个HTML文档（文件的开头和结尾）
…：括住HTML文档的页头（描述文件的信息）
…：括住HTML文档的主体（文本、标签和正文内容）
用于设定文档的标题
2．题头标签、结构相关的标签
（1）六级标题标签
…
：1级标题
…
：2级标题
…
：3级标题
…
：4级标题
…
：5级标题
…
：6级标题
（2）标题对齐
ALIGN=LEFT|CENTER|RIGHT>…
>（“?
”对应标题的六级1～6）
（3）区段
（4）区段对齐
（5）引文区段
…（显示时通常内缩）
（6）强调
…（通常以斜体显示）
（7）强烈强调
…（通常以黑体显示）
（8）引用语句
…（通常以斜体显示）
（9）大字
…
（10）小字
…
3．区段标签
（1）段落
…
：普通段落（结束标签
是可选的）（2）文字对齐方式
（3）强迫转行
：
换行
（4）指定段后起点
（5）水平线
（6）水平线位置
（7）水平线宽度（向下）
>（以pixel为单位） （8）水平线长度（向右） >（以pixel为单位） （9）水平线比例宽度 （10）实线 （11）不可断行 使中间的文本在页面中不换行 （12）可断行处 4．图形标签、链接标签 （1）显示图形 （2）图形位置 （3）图形尺寸 HEIGHT=? >（以pixel为单位） （4）链接标签 表示方法为： …，其中包含HREF属性是建立到另一个文档或站点的链接；包含NAME属性时可生成一个被链接的站点。 5．列表 有序（编号）列表 无序（圆点）列表…
：…
：
菜单式列表
目录列表，目录长度一般小于20个字符
6．其他元素
（1）下标字
…
（2）上标字
…
（3）指定字型
（4）文字居中
（5）作者地址
…（用于文档作者的签名和其他信息）（6）闪烁
（7）改变字号、颜色等
…
（8）说明
（必须放在头部区段内）
（9）注解
--***-->（浏览器不会显示出来）
10.2.3制作简单的网页
田力培训中心欢迎您!
我是田力培训中心的CEO
欢迎访问我的第一个主页!
图10-2我的第一个主页
1．背景和字体的设置
bgcolor=#ffff00>田力培训中心欢迎您!
我是田力培训中心的CEO
欢迎访问我的第一个主页!
田力培训中心欢迎您!
我是田力培训中心的CEO
欢迎访问我的第一个主页!