网页设计3-设置文本、段落和图像

1、授课人：何蕴婷EMAIL：用用HTMLHTML设置文本、段落和图像设置文本、段落和图像内部培训资料,不作任何宣传用途 （1 1）通过实训项目了解）通过实训项目了解HTMLHTML中文本与中文本与图像标记的特点与语法结构。图像标记的特点与语法结构。 （2 2）通过实训项目熟练掌握用）通过实训项目熟练掌握用HTMLHTML在在网页中设置文本与图像的各种效果。网页中设置文本与图像的各种效果。 （3 3）通过实训项目熟练掌握用）通过实训项目熟练掌握用HTMLHTML在在网页中设置文本与图像的排版。网页中设置文本与图像的排版。内部培训资料,不作任何宣传用途 （1 1）在网页中用）在网页中用HTMLHTM

2、L设置文本与图像的设置文本与图像的各种效果各种效果 （2 2）在网页中用）在网页中用HTMLHTML设置文本与图像设置文本与图像的排版。的排版。 内部培训资料,不作任何宣传用途 设置页面效果如图内部培训资料,不作任何宣传用途 1. 1.创建带文本的网页创建带文本的网页（1 1）在学生盘文件夹）在学生盘文件夹09IT09IT下的文件夹下的文件夹“website”website”中新建文件夹中新建文件夹“shixun3”shixun3” （2 2）在文件夹）在文件夹“shixun3”shixun3”中新建网页，中新建网页，文件名为文件名为ex1.htmex1.htm。 （3 3）在网页中添加下列文

3、本。）在网页中添加下列文本。内部培训资料,不作任何宣传用途 九九 寨寨 沟沟 西部的世外桃源西部的世外桃源九寨沟位于岷江上游阿坝州南坪县境内，面积九寨沟位于岷江上游阿坝州南坪县境内，面积600600平方公里，因沟内有九个藏族村寨而得名。九寨沟以三沟一百一十八海为代表，平方公里，因沟内有九个藏族村寨而得名。九寨沟以三沟一百一十八海为代表，包括五滩十二瀑、十流数十泉等，以水为主境，与九寨十二峰组成高山河谷自然景观。包括五滩十二瀑、十流数十泉等，以水为主境，与九寨十二峰组成高山河谷自然景观。19821982年被国务院批准为国家级风景名胜区，年被国务院批准为国家级风景名胜区，19911991年被联合国

4、教科文组织列入年被联合国教科文组织列入世界自然遗产名录世界自然遗产名录。 九寨的山水形成于第四纪古冰川时期，现保存着大量第四纪古冰川遗迹。九寨沟地下水富含大量的碳酸钙质，湖底、湖堤、湖九寨的山水形成于第四纪古冰川时期，现保存着大量第四纪古冰川遗迹。九寨沟地下水富含大量的碳酸钙质，湖底、湖堤、湖畔水边均可见乳白色碳酸钙形成的白色晶体；而来自雪山、森林的活水泉又异常洁净，加之梯形状的湖泊过滤，其水色愈加透明，畔水边均可见乳白色碳酸钙形成的白色晶体；而来自雪山、森林的活水泉又异常洁净，加之梯形状的湖泊过滤，其水色愈加透明，能见度高达能见度高达2020米。翠海、叠瀑、彩林、雪峰、藏情，被誉为九寨米。翠

5、海、叠瀑、彩林、雪峰、藏情，被誉为九寨“五绝五绝”。水乳交融，美不胜收。水乳交融，美不胜收。“黄山归来不看云，九寨归来不看水黄山归来不看云，九寨归来不看水”，九寨的精灵是水。湖（海子）、泉、溪、瀑、河、滩连缀一体，飞动与静谧结合，刚烈与，九寨的精灵是水。湖（海子）、泉、溪、瀑、河、滩连缀一体，飞动与静谧结合，刚烈与温柔相济，千言万色、多彩多姿。高低错落的群瀑自丛林峭壁跌落，高唱低吟，热情洋溢。大大小小的群海置身于高山深谷之中，温柔相济，千言万色、多彩多姿。高低错落的群瀑自丛林峭壁跌落，高唱低吟，热情洋溢。大大小小的群海置身于高山深谷之中，碧蓝澄激、恬静秀美；水中倒映着红叶、绿树、雪峰、蓝天。一

6、步一色，变换无穷，水在树间流，树在水中长，花树开在水中央，碧蓝澄激、恬静秀美；水中倒映着红叶、绿树、雪峰、蓝天。一步一色，变换无穷，水在树间流，树在水中长，花树开在水中央，有有“中华水景之王中华水景之王”的美誉。的美誉。 人们说，如果世界上真有仙境，那肯定就是九寨沟。它是一个以高原湖泊众多，瀑布宏伟壮观，植物景观奇妙著称的美丽的名人们说，如果世界上真有仙境，那肯定就是九寨沟。它是一个以高原湖泊众多，瀑布宏伟壮观，植物景观奇妙著称的美丽的名胜；是一个佳景荟萃、神奇莫测的旷世胜地；是一个不见纤尘、自然纯净的胜；是一个佳景荟萃、神奇莫测的旷世胜地；是一个不见纤尘、自然纯净的“童话世界童话世界”，那里

7、还生活着大熊猫等多种珍禽异兽。，那里还生活着大熊猫等多种珍禽异兽。九寨沟风景区地处四川北部九寨的万山丛中，总面积为九寨沟风景区地处四川北部九寨的万山丛中，总面积为60006000公顷。因周围有公顷。因周围有9 9个藏族村寨而得名，总面积约个藏族村寨而得名，总面积约620620平方公里，大约有平方公里，大约有5252的面积被茂密的原始森林所覆盖。自然景色兼有湖泊、瀑布、雪山、森林之美。沟中地僻人稀，景物特异，富于原始自然风貌。的面积被茂密的原始森林所覆盖。自然景色兼有湖泊、瀑布、雪山、森林之美。沟中地僻人稀，景物特异，富于原始自然风貌。有长海、剑岩、诺日朗、树正、扎如、黑海六大景区，以翠海、叠瀑

8、、彩林、雪峰、藏情这五绝而驰名中外。其主沟呈有长海、剑岩、诺日朗、树正、扎如、黑海六大景区，以翠海、叠瀑、彩林、雪峰、藏情这五绝而驰名中外。其主沟呈“Y”Y”字形，字形，即由三条沟组成，总长即由三条沟组成，总长5050余千米。其间有余千米。其间有114114个湖泊、个湖泊、1717个瀑布群、个瀑布群、5 5处钙华滩流、处钙华滩流、4747眼泉水、眼泉水、1111段激流，以段激流，以10001000余米的高差，穿行余米的高差，穿行于雪峰、林、谷之间，逶迤于雪峰、林、谷之间，逶迤5050千米。它是中国唯一、世界罕见的巨大的以高山湖泊群和瀑布群为特色，集群海、溪流、瀑布、雪峰、千米。它是中国唯一、世

9、界罕见的巨大的以高山湖泊群和瀑布群为特色，集群海、溪流、瀑布、雪峰、林莽、钙华滩流等自然景观和藏族风情为一体的风景名胜区。沟内最美的景致林莽、钙华滩流等自然景观和藏族风情为一体的风景名胜区。沟内最美的景致“海子海子”，是个有，是个有108108个阶梯的彩色湖泊，这里飞泉个阶梯的彩色湖泊，这里飞泉流瀑，奔腾倾泻，山谷轰鸣，蔚为壮观。流瀑，奔腾倾泻，山谷轰鸣，蔚为壮观。树正群海景区包括：树正群海景区包括： 盆景海盆景海芦苇海芦苇海 火花海火花海 双龙海双龙海 卧龙海卧龙海 火花海火花海 树正群瀑树正群瀑 树正群海树正群海 老虎海老虎海 诺日朗瀑布诺日朗瀑布则查洼沟景区包括：季节海则查洼沟景区包括：

10、季节海 五彩池五彩池 长海长海日则沟景区包括：珍珠滩日则沟景区包括：珍珠滩 金铃海金铃海 孔雀海孔雀海 五花海五花海 熊猫海熊猫海 箭竹海箭竹海 天鹅海天鹅海 芳草海芳草海 剑岩剑岩 如果说，树正群海清秀妩媚，如果说，树正群海清秀妩媚， 诺日朗景区奇丽妖娆，那么远离尘嚣、鲜有人迹的剑岩风景则更古朴、更野性、更原始沉寂，诺日朗景区奇丽妖娆，那么远离尘嚣、鲜有人迹的剑岩风景则更古朴、更野性、更原始沉寂，使你仿佛穿过时空隧道，一步跨进了远古宁静的史前社会。使你仿佛穿过时空隧道，一步跨进了远古宁静的史前社会。 内部培训资料,不作任何宣传用途 2. 2.给文本设置显示效果给文本设置显示效果（1 1）给第

11、）给第3 3段文本设置色彩段文本设置色彩（2 2）给第）给第6 6段文本定义多级列表段文本定义多级列表无序列表无序列表 .有序列表有序列表 .（3 3）给第）给第1 1、2 2段文本设置预定义格式段文本设置预定义格式内部培训资料,不作任何宣传用途 3. 3.给网页插入图片并排版给网页插入图片并排版（1 1）给第）给第3 3、4 4、5 5段文本后插入图片段文本后插入图片img src=img/1.gif“ /（2 2）定义多级列表图片的样式（大小等）定义多级列表图片的样式（大小等）img src=img/height=116“ /（3 3）给图文混排）给图文混排思考：思考：AlignAlign

12、属性的多个取值的页面效果属性的多个取值的页面效果内部培训资料,不作任何宣传用途HTMLHTML 文本 图象内部培训资料,不作任何宣传用途1 1 文本文本 字体 标题 字号 物理字体 逻辑字体 颜色 客户端字体 字符实体 w文字布局 行的控制 文字的对齐 文字的分区 列表 定制列表元素 预格式化文本 空白 多列文本 内部培训资料,不作任何宣传用途2 2图象控制标签图象控制标签 一个网站如果没有图片，那将是没有生气的，也一个网站如果没有图片，那将是没有生气的，也吸引不了读者的目光。一个好的设计师会用合适的图吸引不了读者的目光。一个好的设计师会用合适的图片美化自己的设计，如果使用恰当会有点睛之笔的效片美化自己的设计，如果使用恰当会有点睛之笔的效果。果。 1.插入图片：插入图片： 插入图象的语句是插入图象的语句是,它没有它没有结束标签。结束标签。内部培训资料,不作任何宣