网站开发与设计(--基于dreamweaver-cs5).pdf

网站开发与设计 ——基于 Dreamweaver CS5 主要内容： ※ 创建站点 ※ 创建简单图文界面 ※ 利用表格布局页面 ※ CSS 样式表及框架结构的应用 ※ 嵌入表单元素 ※ 使用模板和库 ※ 使用层和时间轴 ※ 使用扩展插件并上传站点 一．使用 Dreamweaver 创建站点 1.1 搭建与设置站点 1.1.1 搭建站点 01. 启动 dreamweaver，执行菜单栏中的“站点管理站点”命令， 单击弹出对话框中的“新建站点”，打开站点定义对话框。 02. 在打开的对话框中设置站点名称（用来在 Dreamweaver 中标 识该站点），Http 地址可以暂无。 03. 单击可以下一步，进入下一个界面。 中“否，我不想使用服 务器技术”单 按钮表示目前该站点是一个静态站点，没有动态页。 如果选择“是，我想使用服务器技术”选项，表明要使用服务器技术搭 建站点，这时可以选择动态页面采用的脚本语言。 1.1.2 设置站点 04. 单击可以下一步，进入下一个界面。 中“编辑我计算机上的 本地副本，完成后再上传到服务器（推荐）”单 按钮。并指定本地磁 01. 在“管理站点”对话框中，双击列表框中的站点名称，或单击 盘上的一个空文件夹，Dreamweaver 将在其中储存站点文件的本地 “编辑”按钮，可以对站点管理器中的站点进行再编辑。 版本。 02. 在弹出的对话框中，选择“高级”选项卡。即可在其中修改相 1.2 创建站点内容 05. 单击可以下一步，进入下一个界面。在下拉列表中选择“无” 应设置。 在站点中创建如图目录： 选项。 文件夹 内容 06. 单击 可 以 下 一 步 ， 进 入 下 一 个 界 面 。 单击 “ 完 成 ” 。 behavior 层与行为 Dreamweaver 将自动创建站点缓存。站点缓存是 Dreamweaver 存储 css 样式表 有关站点信息的一种方式，在存在多个站点的情况下可以使操作速 用 度更快。此时，单击“完成”关闭站点管理对话框。在“文件”面板中将 form 插入表单 显示站点中的所有文件夹和文件。 frame 框架页面 1.3 制作网页的工作准备 双击“文件”面板中的 index.htm 文件，进入页面编辑窗口。查看形式有 三种：代码、拆分、设计。 在源代码视图中显示的代码结构如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content