应用DreamWeaver制作网站.pptVIP

应用DreamWeaver制作网站 认识Dreamweaver 源代码型编辑工具 记事本，HotDog, HomeSite , editplus 可视化编辑工具（所见即所得） 如：FrontPage，Dreamweaver等 认识Dreamweaver 认识Dreamweaver 认识Dreamweaver 菜单 文档窗口（文档名, 编辑模式选择器，标题，工具，文档状态） Insert窗口（可选择不同类的对象） 属性面板（选择文档或文档中不同对象，属性面板内容动态变化，可查看或修改选择对象的相关属性） 浮动面板（如设计面板－CSS样式信息管理和层管理，文件面板－站点文件管理和资源管理） 认识Dreamweaver 认识Dreamweaver 认识Dreamweaver 认识Dreamweaver 网页实例制作 新建一个基本网页（html） 保存新建网页到指定位置 在网页中插入Flash动画或图片做标题 在网页中插入菜单 在网页下部插入一段文字 预览网页效果 WEB站点的创建 确定网站的主题 确定网站的功能结构 创建站点 拟定站点目录 创建站点文件 WEB站点的创建 本地站点 用户在本机磁盘上的存储文件的目录，包括子目录，资源文件，页面文件等 远程站点 用户在网络中存储文件的目录 WEB站点的创建 【站点】?【管理站点】 调出“管理站点”面板后，选择“新建”按钮，开始新建站点 新建站点过程中“基本”选项卡中需要填写或选择的主要内容包括: 站点名称：要建立的站点的名称，该名字只起着识别的作用，与本地站点或远程站点保存文件的文件夹名字无关，但最好用英文并具有一定的意义。 是否使用服务器技术：静态网站不需要使用服务器技术，动态网站选择使用 本地站点储存文件位置：选择站点文件在本地硬盘上的保存位置 如何连接到服务器：可选无、FTP、本地/网络等 WEB站点的创建 新建站点过程中“高级”选项卡需要填写或选择的主要内容包括: 本地站点下： 缓存：选用该项可以使文件的移动、改名、查找等站点管理的操作速度大大提升 HTTP 地址：启用本地站点的Http链接 默认图像文件夹：设置后在做网页的过程中，使用非站点内的图片时，它会提示是否把该文件复制到这个文件夹内 远程站点下： 保存时自动降文件上传到服务器：本地站点编辑的文件在保存时自动上传到服务器，更新服务器下该文件 启用存回和取出：同事与你无法同时编辑同一文件 WEB站点的维护 为了有条理的管理站点中的各种文件，如网页文件、资源文件等，需要为站点创建子目录，文件放在相应的子目录（子文件夹）中 WEB站点的维护 建 议： 在站点根目录下建立几个文件夹，将文件分栏目或分类或两者结合保存 站点名、文件名用“见名知意的”英文或中文拼音，不要用中文。 WEB站点的维护 使用Dreamweaver管理站点 网页的编辑和预览 网页的编辑 （1）页面属性（通过页面属性面板修改） 页面标题，页面外观，链接，标题字体样式…… （2）页面内容编辑 在文档的可视化编辑状态下，在选择的位置插入文本、图像、表格等 网页的编辑和预览 网页的编辑 （3）页面设计辅助元素设计 标尺，网格，临摹图像 （4）不可见元素的显示 编辑|首选参数|不可见元素 网页的编辑和预览 网页预览 （1）文档窗口上的预览工具 （2）文件|在浏览器中预览|iexplore 页面的HTML文档结构 页面的HTML文档结构 页面的HTML文档结构 页面的HTML文档结构 页面的HTML文档结构 * * Dreamweaver 是一种集可视化编辑方式和代码编辑方式于一体的专业级网页制作工具，与Firework,Flash软件合称网页三剑客。 Dreamweaver 对网页的布局和美化能达到专业级水平。 DW软件的启动 窗口、面板的显示与隐藏方法： 选择或取消选择菜单栏中【窗口】下的相应窗口名或面板名 面板折叠和展开的方法： 点击面板左上角的三角 可视化编辑模式 代码编辑模式 综合编辑模式 在文件面板的下拉菜单中选择相应的站点 选择本地视图或其他 在本地站点新建、删除、移动文件或文件夹 上传本地站点文件到远程站点 下载远程站点文件到本地站点 html head … /head body … /body /html 页面的HTML文档结构 html head title /title base / base meta / meta link /link style / style /head