网页设计与制作案例教程（第2版）（胡秀娥） 项目四（网页文本、图像与多媒体）_第1页
网页设计与制作案例教程（第2版）（胡秀娥） 项目四（网页文本、图像与多媒体）_第2页
网页设计与制作案例教程（第2版）（胡秀娥） 项目四（网页文本、图像与多媒体）_第3页
网页设计与制作案例教程（第2版）（胡秀娥） 项目四（网页文本、图像与多媒体）_第4页
网页设计与制作案例教程（第2版）（胡秀娥） 项目四（网页文本、图像与多媒体）_第5页
已阅读5页，还剩46页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页文本、图像与项目导读思政目标任务一在网页中添加文本任务描述文本是网页中最常见的元素，优秀的网页文本设计不仅可以传本任务首先介绍使用DreamweaverCC添加文本并设置样式①文件D:素材与案例/项目四/ex1.ht..①文件D:素材与案例/项目四/ex1.ht..HTML5中提供了一些文本格式化标签，如<strong>(粗体)、<em>(倾斜)标签，使Dreamweaver代明折分实对提团压难#E-msil.功输份浓文件病3Y<head>metacharset="utf-8"/><title>各等级的标题标签</title>6</head>7▼<body)①这型1标莲：/h1i5</body>16</html>将鼠标指针置于任一文本标签中，单击“窗口”→“属性”菜单，打开“属性”窗格，如图所示。无①单击其中的“粗体”按钮，即可在代码中插入<strong>标签，在标签内输入“粗体”;单击“斜体”按钮，即可在代码中插入<em>标签，在标签内输入“斜体”。将网页保存后，按“F12”键进行预览。×上下标上标与下标是很重要的排版格式，在HTML5中，分别使用<sup>与<sub>标签来标记上标文本与下标文本。上标文本比主体文字稍高，常见的上标有指数、商标符号等；下标文本比主体文字稍低，常见的下标有脚注、化学符号脚标等。插入与删除文本在HTML5中，分别使用<ins>与<del>标签标记插入与删除的文本。默认情况下，<ins>标签中的文本会添加下划线效果，<del>标签中的文本会添加删除线效果。突出显示文本在HTML5中，使用<mark>标签标记页面中需要突出显示的文本内容。默认情况下，标签中的文本会添加黄色背景。注音在HTML5中，使用<ruby>标签为字符添加注音(也称旁注)。注音是东亚语言(如中文或与<rt>标签连用，<rt>标签标记字符需要标注的注音内容。在网页中编辑文本时，有时可能会遇到一些无法直接输入的字符，如版权符号“◎”、注册商标符号“⑧”等。这时可以使用DreamweaverCC的插入功能添加对应字符，具体的方法为，将插入点置于想要插入字符的标签中，打开“插入”面板，单击“字符”按钮，在展开的列表中选择对应符号即可。如果还需要其他更多的字符可以选择“其他字符”选项，打开“插入其他字符”对话框，选择对应字符，单击“确定”按钮，如图所示。限标经过图水平线日期井节横行符”右引考文本等答等音平字号大小相乘设置行高)或百分比(基于当前字号大小的百分比设置行高),此外还有一个默认值normal。任务实施——制作“传承经典网"主页的“诗词佳作”模块今口。今口。 ,茫茫电掣的{4卷其4号将进酒(节选)君不见黄河之水天上来，奔流到海不复回。君不见高堂5明镜悲白发，朝如青丝慕成雪?。人生得意须尽欢，英使金博空对月。天生我材必有用，千金散尽还复来。【注释】“传承经典网”主页的“诗词佳作”模块页面效果任务二在网页中添加图像任务描述理<p>清明上河图，中国十大传世名画之一。为就丰风俗西，北宋画家张择鳞仅见的存世防品.属国宝级文物，现取于北京故官博物院。/p电电日其他与背景图像相关的属性说明如下：(1)background-position属性用于设置背景图像的显示位置。默认情况下，背景图像显示在元素左上角。该属性需设置两个值，它们之间用空格隔开，如“background-position:lefttop;"。在使用DreamweaverCC设置时，只需分别设置这两个值即可，如图所示。第一个值表示背景图像在水平方向的位置，有left、center及right,默认为left;第二个值表示竖直方向的位置，有top、center及bottom,默认为top。这两个值也都可以使用数值加单位或百分比表示，当使用数值或百分比时，均以左上角为原点确定背景图像的显示位置。此外，如果在代码中只设置一个值，那么浏览器将默认第二个值为center,即50%。 (2)background-size属性用于设置背景图像的宽度与高度。(3)background-repeat属性用于设置背景图像的显示方式，如图4-25所示。属性值repeat()表示在水平与竖直方向上平铺;repeat-x()表示在水平方向上平铺;repeat-y()表示在竖直方向上平铺；no-表示不平铺，只显示一次。2.设置背景颜色：元素背景颜色的设置方式与文本颜色的设置方式类似。在为元素设置选择器之后格中的“背景”设置区中设置background背景3.设置元素阴影元素的阴影将显示在元素的四周，其设置方法与文本阴影的设置方式类似。在为元素设置选择器之后，打开“CSS设计器”面板，在“属性”窗格中的“背景”设置区中设置品box-shədowh-shadowv-shadow显示集x大家风范屈原《前340年一山278年),战国阳(今湖北省宜昌市境内),是楚武王熊我为人耶曼天还不点今日一升为1大化，百千万任务三在网页中添加多媒体任务描述本任务主要介绍使用DreamweaverCC插入多媒开“选择音频”对话框，选择音频文件后单击“确定”用DreamweaverCC插入音频文件时可在“插入”面板中单击“HTML5Audio”按钮,网页文档中在网页文档中插入一个音频文件(2)源：用于设置HTML5音频源文件。在HTML5中使用<video>标签标记视频文件，使用DreamweaverCC插入视频文件的方法与插入音频文件的方法类似，在“插入”面板中单击“HTML5Video”按钮并进行设置即可。不同的是，<video>标签的“属性”面板具有“W”与“H”两个属性，它们分别用于设置视频文件的宽度与高度，如图所示。回退文本①本活字本活字像子经典网-中国作统文化学会×:项目实训——制作“图书交易网”主页“图书推荐”模块□×□【图书交易网】——最便建

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论