第4章 网页管理.ppt

第4章 网页管理
现在学****的是第1页，共15页
文件的创建
使用Dreamweaver既可以创建空白页和空白模板，也可以创建基于模板的页面以及基于Dreamweaver示例的页面。读者可以根据自身需要创建文档，并将P是一种服务器端、跨平台、HTML嵌入式的脚本语言。其实，它和大家所熟知的ASP一样，是一门常用于Web编程的语言。PHP的网页文件的格式是“.php”。
现在学****的是第3页，共15页
创建新文档
这里主要介绍如何创建HTML文档，包括创建空白文档以及创建应用CSS布局的文档。具体操作步骤如下：
现在学****的是第4页，共15页
设置页面属性
系统默认创建的新网页背景色为白色、无背景图像、无标题等，可以通过修改页面属性的方法修改当前文档的属性，如背景、文字颜色、页面边距、标题编码属性等。
现在学****的是第5页，共15页
设置背景属性
本小节来学****如何设置页面的背景颜色和背景图像。具体操作步骤如下：
现在学****的是第6页，共15页
设置文字属性
网页中用不同的文字颜色来标示不同的内容，可以帮助浏览者更方便、快捷地浏览网站，。为普通文本为黑色加粗显示，链接文本为蓝色下划线显示，活动链接为桔黄色下划线显示。
现在学****的是第7页，共15页
设置页面边距
“左边距”、“上边距”两个属性是针对IE浏览器，用于设置整个页面距离浏览器左侧边缘的宽度以及整个页面距离浏览器顶部边缘的宽度，以像素为单位。具体操作步骤如下：
（1）在“页面属性”对话框中，“左边距”文本框中输入“100”；“上边距”文本框中输入“100”，。
（2）此时，页面内容距离浏览器左边缘和上边缘的宽度调整为100像素，。
现在学****的是第8页，共15页
设置标题和编码属性
（1）在“页面属性”对话框的左侧“分类”列表中选择“标题/编码”选项；在右侧出现的“标题”文本框中输入网页的标题，其对应的HTML标签是“<title>”；在“文档类型”下拉列表框中选择当前网页常用的类型“XHTML Transitional”；在“编码”下拉列表框中选择编码方式，中文网站通常选择“简体中文（GB2312）”；单击“确定”按钮。
（2）以上操作生成的代码如下：
现在学****的是第9页，共15页
使用跟踪图像设计页面
制作网页时，需要参照事先设计好的网页效果图。在Dreamweaver中，可以使用跟踪图像将网页效果图作为网页设计的指导。例如，已制作好的网页效果图，大小为779×672，。下面来学****如何将该图像设置为网页跟踪图像。具体操作步骤如下：
现在学****的是第10页，共15页
预览网页
浏览器是一种把在互联网上的文本文档和其他类型的文件翻译成网页的软件。通过浏览器，可以快捷地连接Interne。目前使用较广泛的浏览器主要有Microsoft公司的IE浏览器和腾讯公司的TT浏览器等等，。
现在学****的是第11页，共15页
网页制作规范
在网页制作过程中，要求为目录和文件命名时都应遵循相应的规范，名称应能代表文件的意义，以便进行查找、修改。下面从网站目录建立规范、文件命名规范、文件头代码规范三个方面，具体介绍网页制作的规范。
现在学****的是第12页，共15页
网站目录建立规范
网站目录建立的原则是以最少的层次提供最清晰简便的访问结构。。
现在学****的是第13页，共15页
文件命名规范
对于初学者来说，在做网页时，给文件、文件夹命名是一件挺麻烦的事情。对文件命名时遵循的基本原则是以最少的字母达到最容易理解的意义。对于文件夹和文件的命名规范，主要遵循以下几点：
所有文件名、文件夹使用小写英文字母、数字、下划线的组合，比如：，。
不要使用汉字、空格和特殊字符。有些服务器无法识别这些字符，会导致文件链接出错。
尽量使用英文，最好有一定的意义，这样以后便于别人或自己修改。例如：名为“”的文件，一看名称，就知道是登录页面。
对于图像文件，在命名时要遵循以下几点：
名称分为头部和尾部两部分，用下划线分开，尽量用英文。
头部表示图片的大类性质，比如：广告（banner）、标志(logo)、菜单(menu)、按钮(button)、背景(bg)等。
尾部表示图片的具体含义。比如：，，，logo_maths