第2篇 网页制作基础.ppt

第二章 网页制作基础 目录 2.1 Dreamweaver 8基础知识 2.1.1 Dreamweaver 8简介 2.1.2 Dreamweaver 8工作界面 2.1.3 Dreamweaver 8 常用工具栏 2、文档工具栏 “文档”工具栏包含一些对文档进行操作的常用按钮。 2.1.4 Dreamweaver 8常用面板 2.2　Dreamweaver 8 本地站点的建立与管理 2.2.1定义和管理本地站点 2.2.2 站点目录结构的建立和管理 1、文件命名规则 最好用英文或者汉语拼音命名。文件多的时候可以和数字、符号组合使用。不能使用中文命名。 最好使用小写字母，因为有些操作系统（如UNIX）对大小写敏感。 文件和文件夹的名称可以使用下划线“_”，但是不能使用空格、特殊符号以及“~”、“！”、“@”、“#”、“$”、“%”、“^”、“”、“*”等符号。名字不要过长。 2、目录结构 根据站点规划的内容确定所需要的的文件夹。可以给每个板块建立一个文件夹，这样可以让制作者保持清晰的设计思路。建立站点目录结构层次越少越容易管理和访问。 2.3 HTML设计基础 2.3.1 什么是HTML 2.3.2 HTML中的常用标记 （10）TABLE是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在它范围内才适用。 （11）IMG图形标记 （12）marquee滚动代码 （13）embedFLASH代码 （14）bgsound背景音乐 * 目 录 上一页 下一页 退 出 * 制作：杜丽君 2.1 Dreamweaver 8基础知识 2.2　Dreamweaver 8 本地站点的建立与管理 2.3 HTML设计基础 2.1.1 Dreamweaver 8简介 2.1.2 Dreamweaver 8工作界面 2.1.3 Dreamweaver 8 常用工具栏 2.1.4 Dreamweaver 8常用面板 Dreamweaver 8是美国Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。 Dreamweaver8的标准工作界面包括：标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。如下图所示 文档工具栏 工具栏 标尺 面板组 属性面板 文档窗口 状态栏 标题栏 菜单栏 文件面板 标签选择 1、插入工具栏 “插入”工具栏位于菜单栏下方，集成了所有可以在网页应用的对象，包括了“插入”菜单中的选项。如下图所示： 显示或隐藏插入工具栏的方式： 选择菜单【查看】|【工具栏】|【插入】 选项 选择菜单【窗口】|【插入】 选项 3、标准工具栏 “标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的按钮 ，可以通过【查看】|【工具栏】|【标准】命令来显示或隐藏。 面板集合了网页设计过程需要用到的各类功能，并根据功能被分为了若干组。在工作区窗口底部有个“属性”面板，而窗口右边为“应用程序”、“CSS”、“标签检查器”和“文件”等面板。 1、面板的基本操作 打开和关闭面板：面板可以通过“窗口”菜单对应的选项来打开。如果需要关闭面板则可右键点击面板选择弹出菜单的“关闭面板组”选项。 显示和隐藏面板： 【查看】|【隐藏面板】命令来隐藏所有已打开的面板。 说明：显示面板操作和隐藏面板方式相同。 2、属性面板 默认情况下，“属性”面板位于工作区的底部，属性”面板显示的内容是随当前在文档中选择的对象来确定的。 显示或隐藏“属性”面板，可以通过选择【窗口】|【属性】命令来实现 。 2.2.1定义和管理本地站点 2.2.2 站点目录结构的建立和管理 1、创建站点 步骤： （1）选择菜单栏中的【站点】|【管理站点】命令。 （2）在“站点定义”对话框中选择默认的“基本”选项卡。 （3）设置是否要使用服务器技术。选择“否，我不想使用服务器技术”表示建立一个静态站点。 （4）设置文件存储位置。 （5）设置如何使用远程服务器对话框。目前暂不使用，所以选择“无”。 （6）站点定义总结，单击“完成”按钮就定义好一个站点了。定义好后文件面板中会显示刚才定义的站点。 2、管理站点 （1）编辑站点 编辑站点即修改已建好站点的属性和参数，可菜单栏中选择【站点】|【管理站点】命令， （2）删除站点 在“管理站点”对话框中选择要删除的站点，然后单击“删除”按钮即可。 （3）复制站点 在“管理