【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《应用Dreamweaver创建网站和维护网站》,欢迎阅读!
课题 课型 课时 教学内容 应用Dreamweaver创建网站和维护网站 理论 2 Dreamweaver的特点; DW的环境; 应用DW建立和维护站点。 熟悉DW的软件环境; 能应用DW熟练的创建和维护站点。 应用DW熟练的创建和维护站点 多媒体 教材和网络资源 教学目标 教学重点难点 教学方法 教具资料 教学过程 一、认识Dreamweaver 网页源代码型编辑工具:记事本、HotDog、 HomeSite 、editplus 网页所见即所得编辑工具:FrontPage,Dreamweaver等 1.Dreamweaver是什么,及DW特点 Dreamweaver 是一种集可视化编辑方式和代码编辑方式于一体的专业级网页制作工具,与Firework,Flash软件合称网页三剑客。 Dreamweaver 对网页的布局和美化能达到专业级水平 二、DW的软件标记和启动后的工作界面 (1) DW的软件快捷图标 (2) DW的工作界面熟悉 菜单栏 Insert窗口(可选择不同类的对象) 文档窗口(文档名, 编辑模式选择器,标题,工具,文档状态) 属性面板(选择文档或文档中不同对象,属性面板内容动态变化,可查看或修改选择对象的相关属性) 浮动面板(如设计面板-CSS样式信息管理和层管理,文件面板-站点文件管理和资源管理) (3) 应用DW制作一个网页,初步体会如何在DW中制作网页和预览效果 新建一个基本网页(html) 保存新建网页到指定位置 在网页中插入Flash动画或图片做标题 在网页中插入菜单 在网页下部插入一段文字 预览网页效果在Dreamweaver中建立和维护站点 三、建立站点和维护站点的基本步骤 确定网站的主题 确定网站的功能结构 创建站点 拟定站点目录 创建站点文件 与站点建立相关的概念: (1)本地站点 用户在本机磁盘上的存储文件的目录,包括子目录,资源文件,页面文件等 (2)远程站点 用户在网络中存储文件的目录 1. 建立站点过程: (1) 【站点】→【管理站点】 (2) 调出“管理站点”面板后,选择“新建”按钮,开始新建站点 (3) 新建站点过程中“基本”选项卡中需要填写或选择的主要内容包括: 站点名称:要建立的站点的名称,该名字只起着识别的作用,与本地站点或远程站点保存文件的文件夹名字无关,与网站发布后真实的名字无关,但最好用英文并具有一定的意义。 是否使用服务器技术:静态网站不需要使用服务器技术,动态网站选择使用,并选择服务器技术 编辑和测试方式:本地编辑和测试 / 本地编辑,上传到服务器测试 本地站点储存文件位置:选择站点文件在本地硬盘上的保存位置 浏览站点根目录的URL:如本地测试的URL为http://localhost/虚拟目录名/ 是否选用远程服务器:是 / 否 如何连接到服务器:可选无、FTP、本地/网络等 (4) 新建站点过程中“高级”选项卡需要填写或选择的主要内容包括: 本地站点下: 缓存:选用该项可以使文件的移动、改名、查找等站点管理的操作速度大大提升 HTTP 地址:启用本地站点的Http链接 默认图像文件夹:设置后在做网页的过程中,使用非站点内的图片时,它会提示是否把该文件复制到这个文件夹内 远程站点下: 保存时自动将文件上传到服务器:本地站点编辑的文件在保存时自动上传到服务器,更新服务器下该文件 启用存回和取出:同事与你无法同时编辑同一文件 2.站点的管理与维护 为了有条理的管理站点中的各种文件,如网页文件、资源文件等,需要为站点创建子目录,文件放在相应的子目录(子文件夹)中。建 议: 在站点根目录下建立几个文件夹,将文件分栏目或分类或两者结合保存 站点名、文件名用“见名知意的”英文或中文拼音,不要用中文。 站点管理和维护的主要内容: 在文件面板的下拉菜单中选择相应的站点 选择本地视图或其他 在本地站点新建、删除、移动文件或文件夹 上传本地站点文件到远程站点 下载远程站点文件到本地站点 如果是动态网页则后缀名为.asp,如果是静态网页后缀名可为: .html,.htm 四、网页文档的基本操作 1. 网页的编辑 本文来源:https://www.dywdw.cn/9892e2989a89680203d8ce2f0066f5335a8167db.html