添加文本和图像.pptx

添加文本和图像.pptx

《添加文本和图像.pptx》由会员分享，可在线阅读，更多相关《添加文本和图像.pptx（39页珍藏版）》请在冰豆网上搜索。

网页制作Chapter03：

添加文本和图像计算机1目标预览页面添加文本理解样式创建超链接创建列表插入及编辑图像2效果31.添加文本选中文本，单击“属性”面板的“HTML”按钮或“CSS”按钮4设置文本为特定的页面元素标题5文本所处的HTML标签发生变化设置标题的样式在标题文本内单击，再单击“CSS”标签，从“字体”下拉列表中选择“华文新魏”6新建CSS规则光标位于标题内7新建CSS规则所自动添加的内容修改CSS规则光标位于标题内8修改CSS规则自动引发的代码变化2.样式简介HTML用标签定义页面元素标题1：

段落：

列表：

和每种元素有默认格式CSS为HTML页面元素创建规则或样式命令重设页面元素的格式9新建针对页面元素（段落）的CSS规则在段落内单击，再单击“属性”面板的“CSS”按钮，选择字体的“大小”10新建CSS规则引起的代码变化手工修改代码单击“属性”面板内的“刷新”按钮可在网页的设计视图看到效果11手工修改CSS规则的代码修改针对页面元素（段落）的CSS规则在设计视图的段落内单击12修改样式引起的CSS代码变化3.在浏览器中预览页面选择菜单文件在浏览器中预览13“实时视图”也能预览页面14非编辑工作区可以手工编辑，并且效果立即在设计视图中展示4.超链接超链接北京/西城/百万庄大街/24号/张三插入超级链接17创建超链接方法3在设计窗口选中文字，单击“插入”面板的“常用”区域内“超级链接”图标18若之前选中文本，则“文本”框自动填充，否则内容为空。

将在一个新的、空白的浏览器窗口内打开链接5.相对链接和绝对链接网页引用同一站点内的文件一般使用相对链接。

网页引用站点外部的文件使用绝对链接。

196.链接至一个电子邮箱选中文本，菜单插入电子邮件链接或者面板插入常用电子邮件链接207.创建项目列表选中文本，单击“属性”面板的“HTML”按钮。

21页面元素的含义ulul:

unorderedlistlili:

listitem创建编号列表22页面元素的含义olol:

orderedlistlili:

listitem设置列表的强调符号单击列表项，菜单格式列表属性23项目列表用和标签表示，而之前只设置了和标签的样式，故设计视图内项目列表与其他文字的格式不同。

新建项目列表的样式在列表内单击，再单击“属性”面板的“CSS”按钮，选择字体的“大小”24新建样式引起的CSS代码变化修改项目列表的样式光标位于设计视图的项目列表内25修改样式引起的CSS代码变化8.使用文本插入面板光标定位于某处，面板插入文本字符：

版权26使文本变成斜体方法1：

选中文本，面板插入文本斜体方法2：

选中文本，菜单插入HTML文本对象斜体方法3：

选中文本，面板属性HTML斜体图标279.添加图像的方法一定位光标，再菜单插入图像28禁用图像时显示的文本信息页面元素图像29对应的HTML代码添加图像的其他方法方法二：

定位光标，再把图像文件从“文件”面板拖至设计窗口内方法三：

定位光标，再面板插入常用图像：

图像30使用HTML方法修改图像边框选中图像，再面板属性“边框”文本框31border属性用于设置图像的边框10.链接图像方法一：

选中图像，面板属性“链接”文本框右侧的“浏览文件”图标方法二：

选中图像，面板属性“链接”文本框右侧的“指向文件”图标3211.使用图像占位符定位光标，再菜单插入图像对象图像占位符33填实图像占位符选中图像，面板属性“源文件”文本框右侧的“浏览文件”或“指向文件”图标3412.调整图像亮度与对比度选中图像，面板属性“亮度和对比度”图标3513.调整图像大小在“文件”面板内复制文件，便于以后恢复36编辑图像设置选中图像，再面板属性“编辑图像设置”图标3714.更换图像选中图像，面板属性“源文件”文本框右侧的“浏览文件”或“指向文件”图标38小结插入HTML页面元素文本标题超链接列表或图像选中页面元素，“属性”面板添加CSS样式设置HTML属性39