网页设计与制作案例教程 教学配套课件 池同柱 第2章 创建与管理站点.pdfVIP

第2章 创建与管理站点 一、案例实现 1、规划站点 制作网站首先要考虑网站的主题。好的网站不仅有美 感、个性、创意，更要有质量。站点规划是一个复杂的系统工 程，包括一系列的组织、策划和设计，只有进行了正确的站点 规划，建立站点时才能事半功倍。 （1）用文件夹来保存文档，首先要为站点创建一个根文件夹， 然后在其中创建多个文件夹，将文档分门别类存储到相应的文 件夹下，但要注意为了维护方便，目录的层次最好不要超过三 层。 （2）要使用合理的文件名称，尽量不要使用中文文件名。因为 很多internet服务器使用的是英文操作系统，不能对中文文件 名提供很好的支持，为避免浏览器错误或访问失败，最好使用 英文或是拼音。 2、创建站点 （1）单击桌面上的图标或选择【开始】｜【所有程序】｜ 【Adobe Dreamweaver CS3】，运行Dreamweaver CS3，打开 Dreamweaver CS3窗口。 （2）选择菜单【站点】|【新建站点】命令，打开【定义站点】 对话框，单击其中的【高级】选项，即可进入站点定义【高 级】选项卡。 （3）在【分类】列表框中单击“本地信息”，开始定义站点的 本地信息，在“站点名称”文本框中输入站点名称，如“小 昭之家”，在“本地根文件夹”文本框，指定硬盘上的某一 文件夹作为该站点文件的存储位置，如ch2。这个文件夹可以 是已经存在的文件夹，也可以是不存在的，如果不存在，系 统会自动创建。 （4）其他选项采用默认即可，单击即完成本地站点的初步设 置。在文件面板中即出现已经定义的站点“小昭之家。 （5）建立子文件夹接下来，要在文件面板中按照站点规划建立 子文件夹images、music、flash和pages，方法是在“站点-小 昭之家”根文件夹上单击右键，弹出快捷菜单，选择“新建文 件夹”即新建了一个名为“untitled”的文件夹，把此文件夹 改名为“images”，同样的方法可以建立其他几个文件夹。 （6）建立首页在“站点-小昭之家”根文件夹上单击右键，弹 出快捷菜单，选择“新建文件”即新建了一个名为 “untitled.html”的网页文件，把此文件改名为 “index.html”,在文件 “index.html”单击右键，弹出快 捷菜单，选择“设成首页”。 二、 相关知识 1、DreamweaverCS3操作环境 （1）选择工作界面 首次启动Dreamweaver CS3时，会出现一个工作区设置对 话框。在设计过程中，如果需要切换工作界面，只须在 Dreamweaver CS3【窗口】菜单中选择【更改工作区】按钮， 打开【工作区布局】的对话框进行另一种工作界面的选择。 对话框用户可以选择“设计者”和“代码编写者”两种工 作界面中的任意一种。其中，“设计者”界面为用户提供了 “所见即所得”的可视化创作环境。他将所有文档窗口和面板 整合到主窗口中，默认将面板放在窗口的右侧。“代码编写 者”界面主要为喜欢手写代码的用户设计，他也是一个整合型 的工作界面，但其面板放在主窗口的左边。 （2）界面组成 Dreamweaver CS3界面主要由标题栏、菜单栏、工具栏、文 档窗口、状态栏、属性面板和控制面板组成。主要功能如下： 1）标题栏：显示应用程序的名称、最小化、最大化和正常之间的 切换按钮以及关闭按钮。 2）菜单栏：包含有文件、编辑、查看、插入、修改、文本、命 令、站点、窗口、帮助10个菜单项。 3）工具栏：Dreamweaver CS3提供了【插入】、【文档】和【标 准】三个工具栏，通过选择【查看】/【工具栏】命令显示/隐 藏。 【插入】工具栏，主要用于在文档中插入各种对象及进行一些简单 的编辑，默认状态下显示【常用】工具栏项。 【文档】工具栏，包含编辑文档的常用操作按钮，如切换视图模 式、设置网页标题以及在浏览器中预览网页效果（快捷键F12） 等。 【标准】工具栏，包含常用的文件操作按钮及基本的编辑按钮。默 认状态下为隐藏。单击右键，从弹出菜单中选择【标准】命 令。 4）文档窗口：Dreamweaver CS3中的文档窗口用于显示当前