《制作简单的图文混排页面.ppt》由会员分享,可在线阅读,更多相关《制作简单的图文混排页面.ppt(15页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第3章章 制作简单的图文混排页面制作简单的图文混排页面n本章内容本章内容n练习思考练习思考n实验操作实验操作本章内容本章内容n设置页面的头信息设置页面的头信息n设置整体页面属性设置整体页面属性n制作普通文字页面制作普通文字页面n在页面中放入图像,制作图文混在页面中放入图像,制作图文混排页面排页面n制作鼠标经过图像的交互效果制作鼠标经过图像的交互效果n制作导航条的交互效果制作导航条的交互效果设置页面的头信息设置页面的头信息点击:插入点击:插入html类类文件头文件头n头内容的作用。头内容的作用。n网页标题的作用。网页标题的作用。n关键字的作用。关键字的作用。n说明的作用。说明的作用。n刷新的作
2、用。刷新的作用。n有关的有关的META信息。信息。设置页面属性设置页面属性 外观设置包括:外观设置包括:n页面字体。页面字体。n页面文字的字号。页面文字的字号。n背景颜色。背景颜色。n背景图像。背景图像。n页面边距。页面边距。设置页面属性设置页面属性 链接设置包括:链接设置包括:n链接字体。链接字体。n链接文字的字号。链接文字的字号。n链接颜色。链接颜色。n下划线样式。下划线样式。制作简单的文本页面制作简单的文本页面n如何实现换行。如何实现换行。(1、直接回车、直接回车 2、shift+entern如何填加空格。(如何填加空格。(1、直接按空格,只能、直接按空格,只能插入一个空格插入一个空格2
3、、切换到全角中文输入法、切换到全角中文输入法下,按空格,可以插入多个空格。下,按空格,可以插入多个空格。n文本属性的设置。(字体,字型,字号,文本属性的设置。(字体,字型,字号,颜色,对齐方式。)颜色,对齐方式。)制作简单的文本页面制作简单的文本页面n插入特殊字符插入特殊字符n插入水平线,给水平线插入水平线,给水平线设置颜色设置颜色n插入时间插入时间制作图文混排页面制作图文混排页面n插入图片的方法插入图片的方法n设置有关的属性设置有关的属性制作交互图像页面制作交互图像页面典型的交互图像页面典型的交互图像页面n鼠标经过图像鼠标经过图像n导航条导航条练习思考练习思考n当网页被加入收藏夹时,(网当网
4、页被加入收藏夹时,(网页标题)作为网页的名字出现页标题)作为网页的名字出现在收藏夹中。在收藏夹中。练习思考练习思考n关键字之间通过(关键字之间通过(B)分隔。)分隔。A 冒号冒号 B 逗号逗号 C 顿号顿号 D 分号分号练习思考练习思考n说明文字的作用包括(说明文字的作用包括(ABCD)。)。A 可供搜索引擎寻找网页可供搜索引擎寻找网页 B 可存储在搜索引擎的服务器中可存储在搜索引擎的服务器中 C 在浏览者搜索时随时调用在浏览者搜索时随时调用 D 在检索到网页时作为检索结果反在检索到网页时作为检索结果反馈给浏览者馈给浏览者练习思考练习思考 说明选中说明选中“预载鼠标经过图像预载鼠标经过图像”复
5、选框的作用。复选框的作用。n浏览器下载轮替图片浏览器下载轮替图片n加快网页浏览速度加快网页浏览速度 练习思考练习思考 什么是导航条。什么是导航条。n“导航条导航条”通常是由一系列的栏目通常是由一系列的栏目按钮组成,并且一个网页中一般只按钮组成,并且一个网页中一般只有一个有一个“导航条导航条”。n“导航条导航条”则可以存在四个状态,则可以存在四个状态,分别为分别为“状态图像状态图像”、“鼠标经过鼠标经过图像图像”、“按下图像按下图像”和和“按下时按下时鼠标经过图像鼠标经过图像”。实训操作一实训操作一n在网页中插入导航条在网页中插入导航条n制作导航条的翻转按钮图片制作导航条的翻转按钮图片n生成可翻转的导航按钮生成可翻转的导航按钮