dreamweaver静态网页设计实验一

《dreamweaver静态网页设计实验一》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验一Dreamweaver基本操作一、实验目的文本是网页的基本组成部分，Dreamweaver提供了多种向网页中添加文本和设置文本格式的方法。通过本实验学习如何建立与制作出编排有序、整齐美观的网页格式文本。二、实验步骤　1.文本输入操作步骤：新建或打开网页，将插入点定位到要插入文本的位置；直接输入文本。注意：如果要在文本中输入空格，采用以下方法之一：按Ctrl+Shift+Space键；将中文输入法切换到全角模式，按空格键。注意观察文本插入时，代码栏的变化。网页的主题放在标签的哪个部分。2.建立段落或换行在

2、输入文字时，若一行长度超过屏幕的显示范围，自动换行,不须另外使用其他按键换行。若要将文本做段落排列，方法如下：·建立段落：按下［Enter］键，插入一个段落标记

，两行之间有段间矩。·强制换行：按"Shift"+"Enter"键，插入一个换行符
，两行之间无段间矩。　3.从其他应用程序中复制文本从其他应用程序或窗口复制文本后粘贴到网页中，执行以下操作步骤：l在其他应用程序中选择并复制文本l切换到Dreamweaver的“设计”视图中，将插入点定位在网页中要插入文本的位置l选择“编辑”→“选择性粘贴”

3、，出现“选择性粘贴”对话框4.选择所需要的粘贴设置选项l仅文本；原文本中的所有格式、表格、段落等将被删除，仅粘贴纯文本。l带结构的文本（段落、列表和表格等）：粘贴文本并保留基本格式设置（例如段落、列表和表格）l带结构的文本以及基本格式（粗体、斜体）：粘贴带段落和表格结构以及带简单格式（例如加粗、倾斜、下划线等）的文本）l带结构的文本以及全部格式：粘贴文本并保留所有结构、HTML格式设置和CSS样式。可以通过设置“粘贴首选参数”，将需要的粘贴选项设置为默认选项。此后再从其它应用程序中复制文本时，可以直接选择菜单

4、“编辑”→“粘贴”5.将word或Excel文档导入网页l打开要插入Word或Excel文档的网页l确保您处于“设计”视图中。如果不是，单击“设计”视图按钮。在Dreamweaver的“设计”视图中，将插入点定位在网页中要插入文本的位置l选择菜单“文件”→“导入”→“Word文档”或“文件”→“导入”→“Excel文档”，出现“导入文档”对话框l在“导入文档”对话框中，浏览并选择要导入的文件l在对话框底部的“格式化”框中选择要导入的格式l点击“打开”按钮，导入的Word或Excel文档插入到页面中。6.格式化

5、文本格式化文本的基本方法：选择要设置格式的文本，通过属性面板上进行设置。（注：如果“属性”面板未打开，选择菜单“窗口”→“属性”，打开属性面板）。1）设置字体　选取要设置字体的文本，如果没有文本被选取，这种改变会应用到以后输入的文本上；点击“字体框”打开字体下拉菜单，点击选取所需的字体。如果字体菜单中没有所需的字体可以添加字体。操作步骤如下：点击“字体框”打开字体下拉菜单，点击“编辑字体列表”按钮，显示“编辑字体列表框”。从“可用字体”列表中选择一种字体，然后单击<<按钮将该字体移动到“选择的字体”列表中；在

6、使用系统基本字体以外的字体时再从“可用字体”列表中选择一种后备字体，单击<<按钮将该字体移动到“选择的字体”列表中；点击“确定”按钮。代码类型：font-family2)设置文字大小设置文字大小，执行以下操作步骤：选取文本；点击“大小”框右边的下拉箭头，打开下拉菜单；选取所需的字体大小，也可以“大小”框中输入一个数值；从“大小”框右边的单位子菜单中选择一种字体单位。代码类型：font-size3）设置文本颜色设置文本颜色，执行以下步骤：选取文本；点击属性面板上的“文本颜色”框，从浏览器安全色色板上选择一种颜色

7、。若要将文本恢复为默认色，执行以下步骤：　在属性面板中点击“文本颜色”框，打开浏览器安全色色板；点击“默认色”按钮。代码类型：color4）设置文本加粗或倾斜　设置文本加粗或倾斜，执行以下操作步骤：选取文本，点击属性面板上的“粗体”按钮或“倾斜”按钮。取消已设置的文本加粗或倾斜，执行以下操作步骤：选取文本，点击属性面板上的“粗体”按钮或“倾斜”按钮，使按钮弹起。代码类型content5）对齐文本设置文本对齐方式，执行以下操作步骤：选择想要进行对齐的文本或是把

8、光标置于文本的开始处。点击属性面板上的一个对齐选项（左对齐、居中对齐、右对齐或两端对齐）。代码类型align=center/left/right/justify6）缩进文本和取消缩进设置段落两侧缩进或减少缩进，执行以下操作步骤：将插入点放在要缩进的段落中；单击属性检查器中的“缩进”按钮，段落两侧缩进；单击属性检查器中的“凸出”按钮。段落两侧减少缩进。代码类型：

conte