《网页设计》——创建和编辑网页文档

《网页设计》——创建和编辑网页文档

ID:45364661

大小:645.50 KB

页数:31页

时间:2019-11-12

《网页设计》——创建和编辑网页文档_第1页
《网页设计》——创建和编辑网页文档_第2页
《网页设计》——创建和编辑网页文档_第3页
《网页设计》——创建和编辑网页文档_第4页
《网页设计》——创建和编辑网页文档_第5页
资源描述:

《《网页设计》——创建和编辑网页文档》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、网页设计3.1创建一个新文档3.2文字处理3.3图像处理3.4超级链接3.5使用多媒体对象第3章创建和编辑网页文档3.1.1创建新的空白文档在Dreamweaver8.0中可以创建新的空白文档、创建以模板为基础的文档以及打开并编辑已经存在的文档。三种方法:1、从启动界面中的“创建新项目”组合框中选择合适的文件类型,即可直接进入文档窗口进行编辑。2、也可选择主菜单中的“文件”→“新建”命令,系统弹出新建文档对话框。3、按下Ctrl+N快捷键,系统弹出新建文档对话框。3.1创建一个新文档3.1.2打开现有文档在Dreamweaver8.0中可以打开现有的We

2、b页或基于文本的文档,即使这些文档不是用Dreamweaver8.0创建的也可以将其打开,然后利用Dreamweaver8.0在“设计”视图或“代码”视图中编辑该文档。打开现有的文档有以下几种方法:1.在“文档”窗口中打开选择的文档2.导入Word文档3.在资源管理器中打开文档3.1创建一个新文档3.1.3设置页面属性页面属性是指网页的一般属性信息,例如,网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。1.设置网页标题及编码2.设置网页其他属性(1)外观(2)链接(3)跟踪图像3.1创建一个新文档文字处理主要包括:输入文字、设置文字大小、设置字

3、体、设置文本颜色、设置文本对齐方式等。3.2.1输入文字1.输入文字:打开Dreamweaver8.0之后,然后在需要插入文本的位置单击鼠标左键定位插入点,然后输入文字。如果需要开始新的一段,按键即可,对应的HTML标签是

;如果想换行显示一段内容,可以按组合键,对应的HTML标签是
;如果输入的文字超出一行的范围,输入的文本将自动换行。3.2文字处理2.输入连续空格在Dreamweaver8.0中一般只能输入一个空格,若要输入连续的空格时,可以采用下面几种方法中的一种:①执行菜单命令“编辑/首选参数”,

4、打开“首选参数”对话框后,选定“分类”栏中的“常规”选项,然后在右边编辑选项中勾选“允许多个连续的空格”复选框即可。②将光标定位到需要输入多个空格的位置,切换到代码视图即HTML源文档中连续输入多个“ ”,或者单击插入工具栏文本分类中的“字符”对象,弹出下拉菜单,选择“不换行空格”选项即可。③切换到中文输入法,设置为全角输入状态,然后在欲连续输入空格的位置按空格键。3.输入特殊字符3.2文字处理---输入文字3.2.2编辑文字1.设置文字标题与段落设置文字段落与标题的方法基本相同,方法如下:(1)将光标定位到应用段落样式或文本样式的文本中,或直

5、接选取文本。(2)单击属性面板中的格式选择框,在弹出的下拉列表中选择“段落”或“标题”。切换到代码视图,我们就会发现,字符属性面板的“格式”列表框中的“段落”、“标题1”、“标题2”、“标题3”、“标题4”、“标题5”、“标题6”和“预先格式化的”等选项,分别对应HTML语言中的

标记。3.2文字处理2.设置文字字体及大小(1)设置字体(2)设置字号3.设置文本颜色4.设置方本对齐方式3.2文字处理---编辑文字3.2.3插入水平线水平线对于组织信息很有用。在页面上,可以使用一条

6、或多条水平线以可视方式分隔文本和对象。1、插入水平线将光标移到要插入水平线的位置,执行菜单“插入”→“HTML”→“水平线”命令或者在“插入”栏中,选择“HTML”,然后单击“水平线”按钮,插入一条默认宽度和粗细的水平线。2、修改水平线选定插入的水平线,打开属性面板,设置水平线的高度、宽度、对齐方式以及是否有阴影等属性3、设置水平线的颜色选中水平线,然后单击属性面板中的快速标签编辑器按钮,打开编辑标签窗口,键入代码,如将水平线设为红色,键入代码:color=“red”。3.2文字处理3.2.4插入更新日期Dreamweaver提供了一个方便的日期对象,该

7、对象使用户可以以喜欢的格式插入当前日期,还可以选择在每次保存文件时都自动更新该日期。1.插入日期、星期和时间2.插入更新日期3.修改日期要修改网页中已插入的日期,有两种方法:(1)若没有勾选“储存时自动更新”,则直接手动修改日期。(2)若勾选了“储存时自动更新”,则选中日期后在属性面板中单击按钮,同样弹出“插入日期”对话框,在其中编辑修改日期格式。3.2文字处理3.3.1插入图像在Dreamweaver中插入图像的基本方法是:1.将光标置于要插入图像的位置,在插入工具栏的“常用”类中单击“图像”按钮或选择“插入”菜单中的“图像”命令,打开“选择图像源文件

8、”对话框。2.在对话框中显示有图像文件名、文件类型和图像源的路径URL(每个网页

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

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

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