第1章网页设计基础CC选读.ppt

1.8 Dreamweaver 工作流程 1.8.2 组织和管理站点文件 在“文件”面板中，可以方便地添加、删除和重命名文件及文件夹，以便根据需要更改组织结构。在“文件”面板中还有许多工具，可使用它们管理站点，向/从远程服务器传输文件，设置“存回/取出”过程来防止文件被覆盖，以及同步本地和远程站点上的文件。使用“资源”面板可方便地组织站点中的资源；然后可以将大多数资源直接从“资源”面板拖到 Dreamweaver 文档中。 * 1.8 Dreamweaver 工作流程 1.8.3 设计网页布局 选择要使用的布局技术，或将 Dreamweaver 布局选项与布局技术结合使用来创建站点外观。可以使用 Dreamweaver 流体网格布局或默认模板开始。可以创建基于 Dreamweaver 模板的新页，这样更新模板时就会自动更新这些页面的布局。如果希望同时在浏览器中显示多个元素，可以使用框架来设计文档的布局。 * 1.8 Dreamweaver 工作流程 1.8.4 向页面添加内容 添加资源和设计元素，如文本、图像、鼠标经过图像、图像地图、颜色、影片、声音、HTML 链接、跳转菜单等。可以对标题和背景等元素使用内置的页面创建功能，在页面中直接键入，或者从其它文档中导入内容。Dreamweaver 还可提供多种工具，用于最大限度提高网站性能以及对网页进行检测以确保与其他 Web 浏览器兼容。 * 1.8 Dreamweaver 工作流程 1.8.5 通过手动编码创建页面 手动编写网页面的代码是创建页面的另一种方法。Dreamweaver 提供了易于使用的可视化编辑工具，但同时也提供了高级的编码环境；可以采用任一种方法（或同时采用这两种方法）来创建和编辑页面。 * 1.8 Dreamweaver 工作流程 1.8.6 针对动态内容设置 Web 应用程序 许多 Web 站点都包含了动态页，动态页使访问者能够查看存储在数据库中的信息，并且一般会允许某些访问者在数据库中添加新信息或编辑信息。若要创建此类页面，则必须先设置 Web 服务器和应用程序服务器，创建或修改 Dreamweaver 站点，然后连接到数据库。 * 1.8 Dreamweaver 工作流程 1.8.7 创建动态页 在 Dreamweaver 中，可以定义动态内容的多种来源，其中包括从数据库提取的记录集、表单参数和 JavaBeans 组件。要将动态内容添加到网页，仅将该动态内容拖放到网页即可。 * 1.8 Dreamweaver 工作流程 1.8.8 测试和发布 测试页面是在整个开发周期中进行的一个持续的过程。在这一工作流程的最后，在服务器上发布该站点。许多开发人员还会安排定期的维护，以确保站点保持必威体育精装版并且工作正常。 * HTML是一种结构化描述语言，格式非常简单，由文字及标签组合而成，其书写规则如下 任何标签皆由“”和“”和文字组成，如p为段落标签； 某些起始标签可以加参数，如 font size=“12”Hello,/font表示字体大小为12； 大部分标签即有起始标签，又有终结标签，终结标签是在起始标签之前加上符号“/”构成的。如/font 标签字母大小写均可 1.9 HTML语言 * 1.9.1 文件结构标签 文件结构标签包括：html、head、title、body 网页文档都位于html和/html之间。 head至/head称为文档头部分，头部分用以存放网页的重要信息。 title只出现在头部分，标示网页标题。 body至/body称为文档体部分，大部分标签均在本部分使用，而且body中可设定具体参数。 1.9 HTML语言 * 1.9.1 文件结构标签 文件结构标签包括：html、head、title、body 如 html head title网页标题/title /head body h1My First Heading/h1 pMy first paragraph./p /body /html 1.9 HTML语言 * 1.9.2 文本段落标签 HTML 标题（Heading）是通过 h1 - h6 等标签进行定义的。 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 1.9 HTML语言 * 1.9.2 文本段落标签 HTML 段落是通过 p 标签进行定义的。 可以与align（对齐）属性配合使用，其属性值为：left、center、right、justify pThis is a paragraph./p pThis is another paragraph./p 1.9 HTML语言 * 1.9.