网页设计3-设置文本、段落和图像范例.ppt

内部培训资料,不作任何宣传用途 P o w e r B a r 中国专业PPT设计交流论坛 授课人：何蕴婷 EMAIL：jmhyt@126.com 内部培训资料,不作任何宣传用途 内部培训资料,不作任何宣传用途 网页设计（三） ——用HTML设置文本、段落和图像 知识技能目标 （1）通过实训项目了解HTML中文本与图像标记的特点与语法结构。 （2）通过实训项目熟练掌握用HTML在网页中设置文本与图像的各种效果。 （3）通过实训项目熟练掌握用HTML在网页中设置文本与图像的排版。 实训内容 （1）在网页中用HTML设置文本与图像的各种效果 （2）在网页中用HTML设置文本与图像的排版。 实训项目 设置页面效果如图 课堂实训 1.创建带文本的网页 （1）在学生盘文件夹09IT下的文件夹“website”中新建文件夹“shixun3” （2）在文件夹“shixun3”中新建网页，文件名为ex1.htm。 （3）在网页中添加下列文本。 课堂实训 九 寨 沟 ——西部的世外桃源 九寨沟位于岷江上游阿坝州南坪县境内，面积600平方公里，因沟内有九个藏族村寨而得名。九寨沟以三沟一百一十八海为代表，包括五滩十二瀑、十流数十泉等，以水为主境，与九寨十二峰组成高山河谷自然景观。1982年被国务院批准为国家级风景名胜区，1991年被联合国教科文组织列入《世界自然遗产名录》。 九寨的山水形成于第四纪古冰川时期，现保存着大量第四纪古冰川遗迹。九寨沟地下水富含大量的碳酸钙质，湖底、湖堤、湖畔水边均可见乳白色碳酸钙形成的白色晶体；而来自雪山、森林的活水泉又异常洁净，加之梯形状的湖泊过滤，其水色愈加透明，能见度高达20米。翠海、叠瀑、彩林、雪峰、藏情，被誉为九寨“五绝”。水乳交融，美不胜收。 “黄山归来不看云，九寨归来不看水”，九寨的精灵是水。湖（海子）、泉、溪、瀑、河、滩连缀一体，飞动与静谧结合，刚烈与温柔相济，千言万色、多彩多姿。高低错落的群瀑自丛林峭壁跌落，高唱低吟，热情洋溢。大大小小的群海置身于高山深谷之中，碧蓝澄激、恬静秀美；水中倒映着红叶、绿树、雪峰、蓝天。一步一色，变换无穷，水在树间流，树在水中长，花树开在水中央，有“中华水景之王”的美誉。 人们说，如果世界上真有仙境，那肯定就是九寨沟。它是一个以高原湖泊众多，瀑布宏伟壮观，植物景观奇妙著称的美丽的名胜；是一个佳景荟萃、神奇莫测的旷世胜地；是一个不见纤尘、自然纯净的“童话世界”，那里还生活着大熊猫等多种珍禽异兽。 九寨沟风景区地处四川北部九寨的万山丛中，总面积为6000公顷。因周围有9个藏族村寨而得名，总面积约620平方公里，大约有52％的面积被茂密的原始森林所覆盖。自然景色兼有湖泊、瀑布、雪山、森林之美。沟中地僻人稀，景物特异，富于原始自然风貌。有长海、剑岩、诺日朗、树正、扎如、黑海六大景区，以翠海、叠瀑、彩林、雪峰、藏情这五绝而驰名中外。其主沟呈“Y”字形，即由三条沟组成，总长50余千米。其间有114个湖泊、17个瀑布群、5处钙华滩流、47眼泉水、11段激流，以1000余米的高差，穿行于雪峰、林、谷之间，逶迤50千米。它是中国唯一、世界罕见的巨大的以高山湖泊群和瀑布群为特色，集群海、溪流、瀑布、雪峰、林莽、钙华滩流等自然景观和藏族风情为一体的风景名胜区。沟内最美的景致“海子”，是个有108个阶梯的彩色湖泊，这里飞泉流瀑，奔腾倾泻，山谷轰鸣，蔚为壮观。 树正群海景区包括： 盆景海 芦苇海 火花海 双龙海 卧龙海 火花海 树正群瀑 树正群海 老虎海 诺日朗瀑布 则查洼沟景区包括：季节海 五彩池 长海 日则沟景区包括：珍珠滩 金铃海 孔雀海 五花海 熊猫海 箭竹海 天鹅海 芳草海 剑岩 如果说，树正群海清秀妩媚， 诺日朗景区奇丽妖娆，那么远离尘嚣、鲜有人迹的剑岩风景则更古朴、更野性、更原始沉寂，使你仿佛穿过时空隧道，一步跨进了远古宁静的史前社会。 课堂实训 2.给文本设置显示效果 （1）给第3段文本设置色彩 font color=red （2）给第6段文本定义多级列表 无序列表 ulli.../ul 有序列表 olli.../ol （3）给第1、2段文本设置预定义格式 课堂实训 3.给网页插入图片并排版 （1）给第3、4、5段文本后插入图片 img src=img/九寨风景1.gif“ / （2）定义多级列表图片的样式（大小等） img src=img/九寨风景1.gif width=155 height=116“ / （3）给图文混排 思考：Align属性的多个取值的页面效