Chapter3制作网页内容

Chapter3制作网页内容

ID:40839269

大小:533.01 KB

页数:33页

时间:2019-08-08

Chapter3制作网页内容_第1页
Chapter3制作网页内容_第2页
Chapter3制作网页内容_第3页
Chapter3制作网页内容_第4页
Chapter3制作网页内容_第5页
资源描述:

《Chapter3制作网页内容》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、网页设计与制作实用教程(Dreamweaver+Flash+Photoshop)2013.31第3章制作网页内容文字和段落在网页中的应用图像在网页中的应用多媒体对象在网页中的应用超级链接文字、图像、动画、声音和视频是网页中常见的对象,它们构成了网页的基本内容。Dreamweaver提供了功能强大的可视化设计工具,可以对这些网页对象进行编辑和处理。本章主要内容:23.1文字和段落在网页中的应用文字是网页的主体,传达各种各样的信息,浏览者主要通过文字了解网页的内容。本节介绍在网页中应用文字、设置文字和段落格式的方法。3.1.1插入文字3.1.2设置文本格式3.1.3

2、设置段落格式3.1.4设置文本样式3.1.5使用段落列表33.1.1插入文字在网页中插入文字有3种方法:直接输入、粘贴剪贴板中的文字、导入Word文档。1.直接通过键盘输入2.粘贴剪贴板中的文字3.导入Word文档43.1.2设置文本格式1.设置文本格式默认情况下,Dreamweaver使用CSS设置文本格式。可以更好地控制网页设计。Dreamweaver的格式设置命令会将规则嵌入到当前文档中。若使用HTML标签而不是CSS,则必须更改Dreamweaver的默认文本格式设置首选参数。方法如下。编辑-首选参数-打开“首选参数”对话框常规类别-编辑选项,取消选中“

3、使用CSS而不是HTML标签”复选框。53.1.2设置文本格式2.设置文本字体首次打开DreamweaverCS3的字体列表,里面只有很少几种汉字字体,需要用户自己添加。选择需要改变字体的文本-属性面板-字体下拉列表-编辑字体列表-在可用字体列表框中,选择需要的字体,将其添加到左侧的列表中-确定,在字体列表中即有所选的字体63.1.2设置文本格式3.设置文字大小选中所需文字-属性面板-大小-选择右边的单位选择框,可设置像素(px)、点数(pt)、厘米(cm)等9个单位选项。默认用像素为单位也可在“大小”列表框中直接输入数字73.1.2设置文本格式4.设置文本颜色

4、选中文本,属性-文本颜色-调色板-选择或者用“系统颜色拾取器”,自己调配颜色83.1.3设置段落格式段落分明,便于阅读,页面整洁、大方1.设置文本标题HTML的标题标签是

...等在设计视图中,通过“属性”面板设置光标定位在要设置标题的段落单击“属性”面板“格式”右侧的下三角按钮,在弹出的列表框中选择提示:取消设置好的标题格式,在“属性”面板的“格式”列表框中选择“无”93.1.3设置段落格式2.设置段落对齐居左、居右、居中和两端对齐3.段落间距和换行标签在设计视图中,在文本中光标定位,按下Enter键:硬回车;Shift+E

5、nter软回车在代码视图,可看到相应的
标签,这是一个换行标签,

标签是段落标签103.1.4设置文本样式用【属性】面板设置文本格式时,Dreamweaver会跟踪每个文本元素的属性,并使用如下命名约定为每个元素指定一个标识:Style1、Style2、Style3、Stylen。如果为两个以上文本元素指定相同的格式属性,Dreamweaver将使用相同的标识。之后再使用相同的文本属性设置,只需在属性的“样式”列表框中选择。可根据需要样式重命名。提示:Style1、Style2、Style3等标识就是CSS样式名113.1.5使用段落列表列表是HTM

6、L中组织多个段落文本的一种方式,列表分成编号列表和项目列表,前一种列表用数字顺序为列表中的项目进行编号,后一种列表则在每个列表项目之前使用一个项目符号。编号列表项目列表123.2图像在网页中的应用图像是网页中最常用的元素,制作漂亮的网页离不开图像元素。网页中的图像可用Fireworks或Photoshop这样的专业图像处理软件进行编辑,再插入到Dreamweaver中对网页进行修饰和美化。3.2.1插入图像3.2.2设置图像属性133.2.1插入图像下面结合实例介绍在网页中插入图像和插入图像占位符的方法。1.插入图像使用工具栏或者菜单2.插入图像占位符临时代替图

7、像,占位用143.2.2设置图像属性在网页中插入图像以后,用“属性”面板设置图像的属性图像:在图像ID文本框中输入一个名称,以便在有些情况下(如脚本语言)可以引用该图像。宽、高:以像素为单位精确指定图像尺寸。在页面中插入图像时,Dreamweaver会自动用图像原始尺寸更新这些文本框。源文件:指定图像的源文件。单击文件夹图标可以浏览找到图像的源文件,也可以直接键入图像源文件所在路径。153.2.2设置图像属性链接:指定图像的超链接。可手工输入URL、或“指向文件”图标拖到某个文件、或浏览文件。替换:在无法显示图像的浏览器中用文本代替该位置。对齐:用于对齐同一行上

8、的图像和文本。地图:标注

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。