html站点的建立与编辑.pptVIP

网页设计与制作《Dreamweaver 网页设计与制作》 认识Dreamweaver 工作界面 自定义工作环境 管理文档 上节回顾 新建站点 本节案列 第一部分：创建和管理站点 2.1两个为什么？ 2.2 站点的简介和规划 2.3 创建本地站点 2.3 网页文档的基本操作 本章主要内容 两个为什么？ 为什么要建站点？ 计算机上的站点 是什么样？ 建站点是第一步很重要，创建之后，DW就可以帮忙来管理站点，比如说插入图片的时候将图片都放在定义站点的文件夹内，代码自动写入相对地址，保证网站发布的时候完整，如果不定义站点，则代码就会写成绝对地址，指向本地电脑，发布的时候图片链接会失效。 总而言之将所用的文件都放在定义站点的文件夹内就没有问题的，如果你定义好了站点，一旦出现站点外的文件，DW会提醒你的。 远程站点和本地站点 网页的开发和制作一般在客户端进行，之后向服务器上传。 本地站点：在开发阶段，临时存放在客户开发端的站点。 远程站点：开发结束后，发布在服务器端存放的站点。 计算机上的站点 网页 主页 图像 子文件夹 网站位置 文件夹名称 建立站点原则 不要使用中文目录；网络无国界，使用中文目录可能对网址的正确显示造成困难。 不要使用过长的目录；尽管服务器支持长文件名，但是太长的目录名不便于记忆。 尽量使用意义明确的目录；便于记忆和管理呢。 创建站点——规划站点 index.htm(或default.htm) picture.htm clothes.htm music.htm DW建立网站初步 建立本地站点 1. 目的：在本地建立一个文件夹，此文件夹放 置网站用到的所有文件。 2. 步骤： (1):站点/新建站点/高级 (2):进行如下设置： 站点名称------------为本地站点命名 本地根文件夹----- 设置此文件夹的路径 默认图象文件夹--- 设置此站点图象文件的默认存储路径。 （可不设置） HTTP地址---------- 输入网站的网址。（可不设置） 注意：当本地站点建立好后，自动显示“站点”面板。 站点名称，仅仅给设计者起到标识说明作用。 选择是否每次拷贝文件到本地站点时都自动刷新本地文件夹列表，否则需要手动刷新。 输入上传站点的URL,也可 不输入内容。 实例设计练习 　 在硬盘根目录下新建一个文件夹，给文件夹命名，如:xinhua。[我的电脑(选择硬盘)/文件/新建/文件夹] 在Dw中，选择“站点新建站点”命令。 输入站点名称 （新华）（站点名称可以是中文） 找到本地根文件夹(D:\ xinhua)西文 页面属性的设置 打开： 属性面板－－页面属性 修改－－页面属性 注意：链接颜色 跟踪图象：相当于特殊的辅助线，是网页排版 的一种辅助手段，只在网页编辑时 可见，对最终结果没有影响。. 注意与背景图象的区别 总结 用DW制作网站的初步，包括站点的建立和编辑，网页文件的建立。（重点） 网页文件的编辑。