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

网页设计（三）——用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段文本设置色彩<fontcolor="red">（2）给第6段文本定义多级列表无序列表<ul><li>...</ul>有序列表<ol><li>...</ol>（3）给第1、2段文本设置预定义格式

课堂实训3.给网页插入图片并排版（1）给第3、4、5段文本后插入图片<imgsrc="img/九寨风景1.gif“/>（2）定义多级列表图片的样式（大小等）<imgsrc="img/九寨风景1.gif"width="155"height="116“/>（3）给图文混排思考：Align属性的多个取值的页面效果HTML文本图象1

文本字体标题

字号

物理字体

逻辑字体

颜色

客户端字体

字符实体

文字布局

行的控制

文字的对齐

文字的分区

列表

定制列表元素

预格式化文本

空白

多列文本

2图象控制标签

一个网站如果没有图片，那将是没有生气的，也吸引不了读者的目光。一个好的设计师会用合适的图片美化自己的设计，如果使用恰当会有点睛之笔的效果。

1.插入图片：插入图象的语句是<imgsrc=“图片的URL”>,它没有结束标签。2图象控制标签基本语法