电子教案第章.pptVIP

本章学习方法指引 本章将学习使用必威体育精装版的Dreamweaver CS4版本来建立站点以便对网站资源进行有效管理，以及如何创建简单的HTML网页，并在网页中放置文本、图像、视音频等多种媒体元素的方法。 在本章的实验课中，同学们可以对自己的网站进行资源管理，并完成相关网页的初步构建。 4.1 Dreamweaver CS4 操作环境 Dreamweaver CS4提供了将全部元素置于一个窗口中的集成工作区环境，即MDI(多文档界面)的集成工作区。该工作区主要由菜单栏、应用程序栏、“插入”面板、文档窗口、“属性”面板、状态栏等组成 4.1 Dreamweaver CS4 操作环境 菜单栏：包括10个菜单，单击每个菜单，都会弹出下拉菜单。利用菜单基本上能够实现Dreamweaver CS4的所有功能。 应用程序栏：应用程序栏包含其他应用程序。 文档工具栏：包含3种文档窗口视图按钮、各种查看选项和一些常用的操作。 文档窗口：显示当前创建和编辑的网页文档，是用户在Dreamweaver CS4设计网页的主要工作区。在该工作区中可以进行输入文字、插入图片等多媒体资源、设置超链接等工作，也可以对整个页面进行处理。 状态栏：位于文档窗口底部，包括3个功能区：标签面板（显示和控制文档当前插入点位置的HTML源代码标记）窗口大小弹出菜单（显示页面大小，允许将文档窗口的大小调整到预定义或自定义的尺寸）和下载指示器（估计下载时间，查看传输时间）。 4.1 Dreamweaver CS4 操作环境 “属性”面板：是网页设计中非常重要的面板，用于查看和更改文档窗口中的所选对象或文本的各种属性。该面板随着选择元素的不同而显示不同的属性。在“属性”面板右下角的三角形按钮，可将“属性”面板折叠起来，再次单击，则可展开“属性”面板。 工作区切换器：单击该按钮的下拉箭头，可以打开一些常用的面板。在下拉菜单中选择命令即可更改页面的布局。 “插入”面板：包含将各种网页元素（如图像、超链接、多媒体和表格等）插入到网页文档的快捷按钮。要显示“插入”面板，选择“窗口”→“插入”命令即可。 “文件”面板：用于管理文件和文件夹，无论它们是 Dreamweaver CS4 站点的一部分还是位于远程服务器上。“文件”面板还可以访问本地磁盘上的全部文件，类似于 Windows 资源管理器 4.1 Dreamweaver CS4 操作环境 当启动Dreamweaver CS4而没有打开文档时， Dreamweaver CS4 “开始”页会出现在工作环境中。“开始” 页使用户可以快速访问Dreamweaver 教程、最近的打开过的文件、创建新项目或定义新网站。若要禁用“开始”页，可在“开始”页打开时选中“不再显示”复选框。 4.2 规划和设置站点 有效地规划和组织站点，对建立网站是非常必要的。合理的站点结构能够加快对网站的设计，节省时间，提高工作效率。 以 “新疆之旅”网站为例，设计7个栏目模块，分别是：首页、内文主页、旅游地图、新疆美食、相关信息、驴友游记、西域采风。 （请观察教材所附光盘中的“范例网站初始版\index.html”文档） 4.2 规划和设置站点 规划站点就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。规划站点就是设置主题，定义风格，然后对自己手中的素材和资料进行管理和规划：包括对网站中栏目的设置，颜色的搭配，版面的设计，文字、图片的运用等进行规划。 网站模块规划好后，接下来需要对站点内文件夹结构进行规划。一般而言，站点中所用图片和按钮等图形元素放在“images”子文件夹中，HTML文件放在根目录下，而动画和视频等多媒体文件则放在“media”子文件夹中。对站点中的素材放在不同子文件夹中是为了便于日后管理。 （请观察教材所附光盘中的“范例网站完成版\xinjiangweb”文件夹 ） 4.2 设置站点的具体步骤 启动Dreamweaver CS4，选择“站点”→“新建站点”命令，弹出“站点定义为”对话框，在对话框中输入站点名称，然后单击“下一步”按钮 4.2 设置站点的具体步骤 出现向导的下一个页面，询问是否要使用服务器技术。选中“否，我不想使用服务器技术”单选按钮，然后单击“下一步”按钮 4.2 设置站点的具体步骤 出现向导的下一个页面，询问要如何使用文件。在提示工作方式的界面中有两个选项，分别为“编辑我的计算机上的本地副本，完成后再上传到服务器”和“使用本地网络直接在服务器上进行编辑”，这里选择前者。 如果是从头建设一个新站点，需要为站点设置好一个文件夹位置，就是网站的根目录，单击浏览文件图标，在弹出的对话框中选择设置网站本地根文件夹的位置。本例在D盘根目录创建一个“xinjiangweb”文件夹并将它作为网站根文件夹，单击