项目一 创建站点与浏览网页.ppt

,应该先在本地计算机磁盘上建立一个站点,使用站点对网页文档、样式表文件、网页素材进行统一管理。在制作网页之前,认识DreamweaverCS4的工作界面,通过浏览网页,认识浏览器窗口的基本组成和网页的基本组成元素,认识网页的布局结构,了解网页的基本概念。【教学导航】教学目标(1)学会创建本地站点和管理本地站点(2)熟悉DreamweaverCS4的工作界面(3)学会管理网站中的文件和文件夹(4)熟悉打开网页文档、浏览网页、保存网页文档和关闭网页文档等基本操作(5)学会设置首选参数(6)熟悉浏览器窗口的基本组成和网页的基本组成元素(7)学会使用“资源”面板管理网站中的资源(8)学会设置页面头部内容(9)熟悉HTML的基本结构(10)了解网页的相关概念和术语教学方法任务驱动法、分组讨论法、理论实践一体化、讲练结合课时建议6课时(包含考核评价)【 操作准备】,拷贝所需的资源在本地硬盘(例如D盘)中创建一个文件夹“网页设计与制作案例”,然后将光盘中的“单元1”(包括所有子文件夹以及文件)拷贝到该文件夹中。【开始】→【程序】→【AdobeDreamweaverCS4】菜单命令即可启动DreamweaverCS4。【 操作演练】【任务1-1】创建站点“易购网”【任务描述】创建一个名称为“易购网”的站点,保存在文件夹“操作演练”中。【任务实施】(1)启动站点定义向导(2)定义站点名称(3)选择是否使用服务器技术(4)确定使用文件的方式,设置文件存储位置(5)设置如何连接到远程服务器(6)查看站点信息至此,在DreamweaverCS4中创建了一个本地站点“易购网”,“文件”面板中也显示了刚才新建的站点及其文件夹。【任务1-2】管理本地站点【任务描述】利用【管理站点】对话框实现网站的新建、编辑、复制、删除、导出和导入等操作。【任务实施】【管理站点】对话框创建一个名称为“e游天下”的站点在【管理站点】对话框中单击【新建】按钮,在弹出的下拉菜单中单击【站点】菜单项,如图1-13所示。启动“建立站点”向导,打开如图1-4所示的【站点定义】对话框。参照“任务1-1”所述的步骤创建一个名称为“e游天下”的站点,该站点创建完成后的【管理站点】对话框如图1-14所示,单击该对话框中的【完成】按钮即可完成新站点的创建。【任务1-3】认识DreamweaverCS4的工作界面DreamweaverCS4的工作界面主要包括菜单栏、工具栏、文档窗口、属性面板、面板组等。【任务描述】(1)熟悉DreamweaverCS4工作界面的基本组成(2)熟悉“文件”面板的组成(3)了解DreamweaverCS4工作界面各个组成部分的主要功能