大学本科网页设计01.pptVIP

* * 三、建站的基本流程 第一步——对站点进行规划。包括：网站主题、网站名称、网站标志、网站色彩、页面尺寸。 第二步——规划和创建站点的基本结构。建立站点的各类文件夹，并在各个文件夹中合理的安置文档。 第三步——具体的网页制作过程。包括：制作Logo、创建导航栏、制作超级链接、设计网页的框架和版式、添加网页内容。 第四步——上传站点到远程服务器。发布与推广网站，包括：申请空间、上传网页、推广网站。 四、Dreamweaver 8简介 Dreamweaver是一种较好的所见即所得的网页编辑工具，它对网页有很强的控制能力，可以直观方便的设计网页。 主要优点： 使用方便，易学易用，既可以使用可视化的编辑器又可以使用HTML编辑器设计网页。 提供了强大的设计工具和模板，不用编写代码就可以快速的创建各种极具动态HTML特性的网页，如动画和分层等。 兼容性好，适用于各种平台和浏览器。 产生的HTML代码精简高效。 * * Dreamweaver 8功能简介 Dreamweaver 8 的工作界面 站点的创建和管理 文档的基本操作 基本网页制作（插入对象、设置格式等） 网页的布局技术（表格、层、框架） 表单、模板和库项目的使用 行为和时间轴（动态网页技术） * * 初识Dreamweaver 8 启动： “开始”菜单－所有程序－Macromedia－选择Macromedia Dreamweaver 8 工作区布局设置： 工作区布局选择：第一次启动Dreamweaver 8会显示“工作区设置”对话框，请选择“设计器”方式 以后再更改布局：“窗口－工作区布局” 使用起始页 打开最近使用过的网页 创建新的网页 显示与隐藏起始页：“编辑－首选参数” * * Dreamweaver 8的工作界面 基本组成： 由标题栏、菜单栏、工具栏、编辑区、状态栏、插入栏、属性面板和面板组等组成。 插入栏 标准工具栏 文档工具栏 状态栏 面板的展开与折叠、打开与关闭 * * 站点的相关概念 站点：一个网站所有文档的集合。 一个设计良好的网站通常具有科学的结构，用不同的文件夹分门别类的保存不同类型的文件，便于管理和更新。 Internet服务器：它只是一个逻辑名称，就是用于提供Internet服务（包括WWW、FTP、E-MAIL等）的计算机。主要用于存储我们所浏览的Web站点的文件。 远程站点：指存储于Internet服务器上的站点文件。 本地站点：在本地计算机的磁盘上构建的站点文件。 * * 站点的相关概念 静态站点：网页的内容在建立网页时确定，以后不能根据浏览者的意愿改变。 动态站点：网页的内容是由程序自动生成的，随着浏览者的意愿改变，例如用户注册页面，留言板等。 * * 创建本地站点的必要性及方法 在某个驱动器的根目录下新建一个文件夹, 用英文命名，作为站点文件夹，用来存放本地站点的相关文件。 执行“站点—新建站点”，在“站点定义”对话框中进行选择。 执行“窗口—站点”或“文件—站点”，或按F8快捷键，打开“文件”面板，在面板中管理站点文件。 * * * * 管理站点 在站点面板中，单击下拉列表中的“编辑站点”，或“站点—编辑站点”，可以进行以下操作： 编辑站点 删除站点 复制站点 创建文件和文件夹 删除文件和文件夹：从磁盘上真正删除 移动和复制文件和文件夹 * * 创建站点内容 创建站点目录结构：站点中的文件需要分类分层管理，例如图片存放在images文件夹中，声音文件存放在music文件夹中等。 创建首页文件（主页）：首页文件的名称通常为index.htm、index.html、default.htm或default.html，这个名称不能随便起，由你所申请空间的远程服务器决定。 网页文档的基本操作 新建网页 保存网页 关闭、打开网页 重命名文件与文件夹 移动或复制文件与文件夹 删除文件与文件夹 * * 网页制作时需要注意的要点 在网页中若插入中文名的网页元素文件，浏览时出错的话，可在【代码视图】中作相应的修改，用合适的中文替换乱码。一般最好不要使用中文命名的文件，包括站点文件夹名字，文件名以及图片、视频和音频的文件名，都不要使用中文命名。 初次在本地计算机上制作网页时，就先规划好存放文件的文件夹，建立好本地站点，以后每次制作网页时应检查本地站点是否正确。 * * 3、把网页中用到的全部素材复制到规划好的文件夹内。制作好的网页也要放在本地站点中。 4、每次新建一个网页时，应该先设置好网页的页面属性，然后将该网页保存在本地站点中，以后在该网页中插入的网页元素都能以相对路径插入。网页中的图像文件、声音文件、动画文件以及超级链接都要以相对路径的方式来处理。 5、每个网站至少要有一个默认主页，一般主页可以使用index.html为文件名。 *