17、网页设计与功能实现：从样式定制到客户端功能添加

网页设计与功能实现：从样式定制到客户端功能添加

1. 网站基础设置与重置

在进行网站开发时，有时需要将工作区面板恢复到初始状态。可以从“Panels”菜单中，点击“Reset Workspace Layout”，让所有面板回到原始状态。之后，点击“View”，选择“Toolbars”，再点击“Dynamic Web Template”来关闭该工具栏。

完成一系列操作后，即便网站页面的内容创建和调整工作仍有很多，但此时已拥有一个多页面、自定义设计且具备完整导航功能的网站。所学到和运用的技术，可作为未来构建网站时文件夹架构和导航布局的基础。使用动态网页模板（Dynamic Web Template）和级联样式表（Cascading Style Sheets），能让网站更易于扩展、管理和维护。

若不继续进行下一个练习，可以从“Window”菜单中选择“Close All Pages”关闭所有打开的页面，然后退出开发工具。

2. 为替代媒体进行样式设计

级联样式表的一个显著优点是实现了内容与展示的分离。可以创建一个专门用于打印的样式表，并通过样式表链接中的媒体属性将其附加到主页面。具体操作步骤如下：
1. 打开之前创建的站点中的“Main.dwt”文件（若之前练习后该文件未关闭则无需再次打开）。
2. 在“Folder List”面板中，展开“Images”文件夹，右键点击“Main.css”，从上下文菜单中选择“Copy”，再次右键点击并选择“Paste”，此时“Images”文件夹中会粘贴一个名为“Main_copy(1).css”的文件副本。
3. 右键点击新创建的副本，从上下文菜单中选择“Rename”，将