米乐·M6（中国）官方网站

商务网站设计_米乐 M6米乐

发布时间：2023-10-26 09:51:07 丨 浏览次数：708

　　米乐M6 米乐米乐M6 米乐米乐 M6米乐Dreamweaver CS3的基本操作 的基本操作 创建站点 使用表格布局页面 图像插入及超链接、 图像插入及超链接、特效制作 表格、 表格、表单和框架的应用 设计并制作完整的网页

　　Dreamweaver CS3的工作界面主 的工作界面主 要由5部分组成 分别是“插入”面板、 部分组成， 要由 部分组成，分别是“插入”面板、 文档”工具栏、 文档”窗口、 “文档”工具栏、“文档”窗口、“属 性”面板和控制面板组 ,如下图所示。

　　4.1 框架网页的设计 1．新建、编辑框架 ．新建、 2．制作框架网页 ．

　　5 实训 网页设计综合实例 本节介绍网页设计的综合性实例， 本节介绍网页设计的综合性实例，本实例的最终网 页效果如图所示。 页效果如图所示

　　制作导航条 制作搜索框 制作用户登录界面 应用CSS样式 应用 样式 制作网上调查界面

　　通过本章的学习， 通过本章的学习，熟Dreamweaver CS3软件的界面结构，掌握创建站 软件的界面结构， 软件的界面结构 点的方法，能够使用表格、框架进 点的方法，能够使用表格、 行页面布局，掌握插入图像及超链 行页面布局， 接、表格、表单的应用等基本技术， 表格、表单的应用等基本技术， 能够独立设计并制作网页。 能够独立设计并制作网页。

　　4．电子邮件超链接 ． 网站创建者总是希望与浏览者多进行互动， 网站创建者总是希望与浏览者多进行互动，一 种有效的方法就是让浏览者发送E-mail给自己， 给自己， 种有效的方法就是让浏览者发送 给自己 这时使用电子邮件超链接就可以轻松实现。 这时使用电子邮件超链接就可以轻松实现。 5．锚记链接 ． 命名锚记就是用户在文档中设置的标记， 命名锚记就是用户在文档中设置的标记，这些 标记通常放在文档的特定主题处或顶部， 标记通常放在文档的特定主题处或顶部，然后 创建这些命名锚记的链接， 创建这些命名锚记的链接，这些链接可以快速 将浏览者带到指定的位置。 将浏览者带到指定的位置。下面学习设置锚记 以便于快速返回到主页的顶端。 以便于快速返回到主页的顶端。

　　6）面板组：面板组可以设置为浮动的面板，其中包含 ）面板组：面板组可以设置为浮动的面板， 标签检查器” 文件” “CSS”、“应用程序”、“标签检查器”、“文件”、 、 应用程序” 框架” 历史记录”等面板， “框架”、“历史记录”等面板，用户也可以根据自己 的习惯重新指定其他面板。 的习惯重新指定其他面板。 7）面板组开关：用来显示和隐藏面板组。隐藏面板组 ）面板组开关：用来显示和隐藏面板组。 状态下，可以使文档窗口最大化地显示所有内容。 状态下，可以使文档窗口最大化地显示所有内容。 8）状态栏：位于文档窗口的下方， 8）状态栏：位于文档窗口的下方，其左侧是显示代码 标签的主要位置，在此可以选择文档中的代码标记； 标签的主要位置，在此可以选择文档中的代码标记；右 侧包含“选取工具” 手形工具” 缩放工具” 侧包含“选取工具”、“手形工具”、“缩放工具”、 设置缩放比例” 窗口大小” 下载时间” “设置缩放比例”、“窗口大小”和“下载时间”等功 能。 9）属性面板：用于查看和更改所选对象（或文本）的 ）属性面板：用于查看和更改所选对象（或文本） 各种属性。 属性” 各种属性。“属性”面板中的内容根据选定的元素不同 会有所不同。 会有所不同。

　　1）标题栏：显示当前编辑文档的路径和文件名。 ）标题栏：显示当前编辑文档的路径和文件名。 2）菜单栏：该栏包含了设计和开发网站的所有命令。 ）菜单栏：该栏包含了设计和开发网站的所有命令。 3）插入面板：该面板用于创建和插入对象（如表格、层、 ）插入面板：该面板用于创建和插入对象（如表格、 表单、文本和图像）。插入面板中又包含“常用” ）。插入面板中又包含 表单、文本和图像）。插入面板中又包含“常用”、“布 表单” 数据” 局”、“表单”、“数据”、“Spry”、“文本”及“收藏 、 文本” 等面板。 夹”等面板。 4）文档工具栏：该栏包含一些比较常用的文档按钮，可以 ）文档工具栏：该栏包含一些比较常用的文档按钮， 在不同视图， 代码”视图、 设计”视图和“拆分” 在不同视图，如“代码”视图、“设计”视图和“拆分”视 同时显示“代码” 设计”视图）间快速切换； 图（同时显示“代码”和“设计”视图）间快速切换；还包 含一些与查看文档、 含一些与查看文档、在本地和远程站点间传输文档有关的常 用命令及选项。 用命令及选项。 5）文档窗口：显示当前创建和编辑的文档。设计网页的工 ）文档窗口：显示当前创建和编辑的文档。 作就是在这里进行的。 作就是在这里进行的。

　　2 实训 网站的创建与布局 2.1 创建站点 2.2 网页表格布局 3 实训 图像的插入与超链接、特效的制作 图像的插入与超链接、 3.1 插入图像及图像对象 网页中通常使用的图像格式有jpeg、gif、 网页中通常使用的图像格式有 、 、 png这3种，但大多数浏览器只支持 这 种 但大多数浏览器只支持jpeg和gif 和 两种图像格式。为了保证浏览网页的速度， 两种图像格式。为了保证浏览网页的速度， 网站设计者常使用jpeg和gif这两种压缩格式 网站设计者常使用 和 这两种压缩格式 的图像。 的图像。

　　2．插入图像对象 ． （1）插入图像占位符 ） 设计网页时， 设计网页时，设计者如果暂时找不到合适的 图像， 图像，可先找一个临时的图像放在最终的位 置上作为临时替代。 置上作为临时替代。Dreamweaver软件中提 软件中提 供的图像占位符功能，就能满足这个需求； 供的图像占位符功能，就能满足这个需求； 此外，还可以设置占位符的大小和颜色， 此外，还可以设置占位符的大小和颜色，并 为占位符提供文本说明。 为占位符提供文本说明。

　　1．文本超链接 ． 创建文本链接的方法非常简单，只要在【 创建文本链接的方法非常简单，只要在【属 面板中指定链接文件即可。 性】面板中指定链接文件即可。 2．图像超链接 ． 创建图像链接的方法与创建文本链接的方法 类似 。 3．热点链接 ． 有时需要在一张图上创建多个链接以便打开 不同的网页，这就用到了热点链接。 不同的网页，这就用到了热点链接。