计算机实用技术刘毅 第2章 网页制作基础

《计算机实用技术刘毅 第2章 网页制作基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章网页制作基础制作：杜丽君目录2.1Dreamweaver8基础知识2.2Dreamweaver8本地站点的建立与管理2.3HTML设计基础2.1Dreamweaver8基础知识2.1.1Dreamweaver8简介2.1.2Dreamweaver8工作界面2.1.3Dreamweaver8常用工具栏2.1.4Dreamweaver8常用面板2.1.1Dreamweaver8简介Dreamweaver8是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工

2、具。2.1.2Dreamweaver8工作界面Dreamweaver8的标准工作界面包括：标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。如下图所示文档工具栏工具栏标尺面板组属性面板文档窗口状态栏标题栏菜单栏文件面板标签选择2.1.3Dreamweaver8常用工具栏1、插入工具栏“插入”工具栏位于菜单栏下方，集成了所有可以在网页应用的对象，包括了“插入”菜单中的选项。如下图所示：显示或隐藏插入工具栏的方式：选择菜单【查看】

3、【工具栏】

4、【插入】选项选择菜单【窗口】

5、【插入】选项2、文档工具栏“文档”工具栏包含一些对文档

6、进行操作的常用按钮。3、标准工具栏“标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的按钮，可以通过【查看】

7、【工具栏】

8、【标准】命令来显示或隐藏。面板集合了网页设计过程需要用到的各类功能，并根据功能被分为了若干组。在工作区窗口底部有个“属性”面板，而窗口右边为“应用程序”、“CSS”、“标签检查器”和“文件”等面板。1、面板的基本操作打开和关闭面板：面板可以通过“窗口”菜单对应的选项来打开。如果需要关闭面板则可右键点击面板选择弹出菜单的“关闭面板组”选项。显示和隐藏面板：【查看】

9、【隐藏面板】命令来隐藏所有已打开的面板。2.1.4Dreamweaver8常

10、用面板说明：显示面板操作和隐藏面板方式相同。2、属性面板默认情况下，“属性”面板位于工作区的底部，属性”面板显示的内容是随当前在文档中选择的对象来确定的。显示或隐藏“属性”面板，可以通过选择【窗口】

11、【属性】命令来实现。2.2.1定义和管理本地站点2.2.2站点目录结构的建立和管理2.2Dreamweaver8本地站点的建立与管理2.2.1定义和管理本地站点1、创建站点步骤：（1）选择菜单栏中的【站点】

12、【管理站点】命令。（2）在“站点定义”对话框中选择默认的“基本”选项卡。（3）设置是否要使用服务器技术。选择“否，我不想使用服务器技术”表示建立一个静态站点。（4

13、）设置文件存储位置，文件的使用方式和网页文件存储的文件夹。（5）设置浏览站点的根目录对话框。在文本框中输入站点的URL。（6）设置是否使用远程服务器。（7）站点定义总结，单击“完成”按钮就定义好一个站点了。定义好后文件面板中会显示刚才定义的站点。2、管理站点（1）编辑站点编辑站点即修改已建好站点的属性和参数，可菜单栏中选择【站点】

14、【管理站点】命令，（2）删除站点在“管理站点”对话框中选择要删除的站点，然后单击“删除”按钮即可。（3）复制站点在“管理站点”对话框中选择要复制的源站点，再单击“复制”按钮，就可生成一个和源站点相同的新站点。（4）导入和导出站点①导出站

15、点：“管理站点”对话框中选择要导出的一个或多个站点，然后单击“导出”按钮。②导入站点：若要导入站点在“管理站点”对话框中单击“导入”按钮，出现“导入站点”对话框。找到要导入的站点文件单击“打开”按钮即可。2.2.2站点目录结构的建立和管理1、文件命名规则最好用英文或者汉语拼音命名。文件多的时候可以和数字、符号组合使用。不能使用中文命名。最好使用小写字母，因为有些操作系统（如UNIX）对大小写敏感。文件和文件夹的名称可以使用下划线“_”，但是不能使用空格、特殊符号以及“~”、“！”、“@”、“#”、“$”、“%”、“^”、“&”、“*”等符号。名字不要过长。2、目录

16、结构根据站点规划的内容确定所需要的的文件夹。可以给每个板块建立一个文件夹，这样可以让制作者保持清晰的设计思路。建立站点目录结构层次越少越容易管理和访问。3、创建文件夹“文件”面板中右键单击根文件夹，在弹出的快捷菜单中选择“新建文件夹”命令。4、创建文件“文件”面板中右键单击根文件夹，在弹出的快捷菜单中选择“新建文件”命令。5、文件与文件夹的管理对建立好的文件和文件夹，可以进行移动、复制、重命名和删除等基本的管理操作。在“文件”面板中右键单击需要操作的文件或文件夹，从弹出的快捷菜单中选“编辑”选项，即可进行相关操作。2.3.1什么是HTML2.3.2HTML中的常用

17、标记2.3