第4章网页管理PPT讲稿.ppt

《第4章网页管理PPT讲稿.ppt》由会员分享，可在线阅读，更多相关《第4章网页管理PPT讲稿.ppt（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第4章 网页管理第1页，共15页，编辑于2022年，星期一4.1 文件的创建使用Dreamweaver既可以创建空白页和空白模板，也可以创建基于模板的页面以及基于Dreamweaver示例的页面。读者可以根据自身需要创建文档，并将文档保存在站点下。第2页，共15页，编辑于2022年，星期一4.1.1 Dreamweaver的文件类型在Dreamweaver中，可以创建多种文件类型，最常用的文件类型是HTML文件，其扩展名为“.html”或“.htm”。此外，Dreamweaver还支持其他文件类型。HTML模板文件：Dreamweaver的模板文件可以编辑可编辑区域，文件扩展名为“.dwt”。

2、CSS文件：CSS是Cascading style Sheets（层叠样式表）的缩写，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。其文件扩展名为“.css”。JavaScript文件：JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。它是通过嵌入或调入到标准的HTML语言中实现的。文件扩展名为“.js”。XML文件：XML是The Extensible Markup Language（可扩展标识语言）的缩写。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。文件扩展名为“.xml”。动作脚

3、本文件：ActionScript是Macromedia为其Flash产品开发的，是一种完全的面向对象的编程语言，功能强大，类库丰富，语法类似Java，多用于Flash互动性、娱乐性、实用性开发，网页制作和RIA应用程序开发。文件扩展名为“.as”。ASP文件：ASP是Active Server Page的缩写，是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是“.asp”。JSP文件：JSP是JavaServer Pages的缩写，是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技

4、术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段和JSP标记，从而形成JSP文件(*.jsp)。PHP文件：PHP是一种服务器端、跨平台、HTML嵌入式的脚本语言。其实，它和大家所熟知的ASP一样，是一门常用于Web编程的语言。PHP的网页文件的格式是“.php”。第3页，共15页，编辑于2022年，星期一4.1.2 创建新文档这里主要介绍如何创建HTML文档，包括创建空白文档以及创建应用CSS布局的文档。具体操作步骤如下：第4页，共15页，编辑于2022年，星期一4.2 设置页面属性系统默认创建的新网页背景色为白色、无背景图像

5、、无标题等，可以通过修改页面属性的方法修改当前文档的属性，如背景、文字颜色、页面边距、标题编码属性等。第5页，共15页，编辑于2022年，星期一4.2.1 设置背景属性本小节来学习如何设置页面的背景颜色和背景图像。具体操作步骤如下：第6页，共15页，编辑于2022年，星期一4.2.2 设置文字属性网页中用不同的文字颜色来标示不同的内容，可以帮助浏览者更方便、快捷地浏览网站，如图4.8所示。为普通文本为黑色加粗显示，链接文本为蓝色下划线显示，活动链接为桔黄色下划线显示。第7页，共15页，编辑于2022年，星期一4.2.3 设置页面边距“左边距”、“上边距”两个属性是针对IE浏览器，用于设置整个页

6、面距离浏览器左侧边缘的宽度以及整个页面距离浏览器顶部边缘的宽度，以像素为单位。具体操作步骤如下：（1）在“页面属性”对话框中，“左边距”文本框中输入“100”；“上边距”文本框中输入“100”，如图4.12所示。（2）此时，页面内容距离浏览器左边缘和上边缘的宽度调整为100像素，在IE浏览器中的显示效果如图4.13所示。第8页，共15页，编辑于2022年，星期一4.2.4 设置标题和编码属性（1）在“页面属性”对话框的左侧“分类”列表中选择“标题/编码”选项；在右侧出现的“标题”文本框中输入网页的标题，其对应的HTML标签是“”；在“文档类型”下拉列表框中选择当前网页常用的类型“XHTML 1

7、.0 Transitional”；在“编码”下拉列表框中选择编码方式，中文网站通常选择“简体中文（GB2312）”；单击“确定”按钮。（2）以上操作生成的代码如下：第9页，共15页，编辑于2022年，星期一4.2.5 使用跟踪图像设计页面制作网页时，需要参照事先设计好的网页效果图。在Dreamweaver中，可以使用跟踪图像将网页效果图作为网页设计的指导。例如，已制作好的网页效果图，大小为779672，如图4.15所示。下面来学习如何将该图像设置为网页跟踪图像。具体操作步骤如下：第10页，共15页，编辑于2022年，星期一4.3 预览网页浏览器是一种把在互联网上的文本文档和其他类型的文件翻译成

8、网页的软件。通过浏览器，可以快捷地连接Interne。目前使用较广泛的浏览器主要有Microsoft公司的IE浏览器和腾讯公司的TT浏览器等等，如图4.18所示。第11页，共15页，编辑于2022年，星期一4.4 网页制作规范在网页制作过程中，要求为目录和文件命名时都应遵循相应的规范，名称应能代表文件的意义，以便进行查找、修改。下面从网站目录建立规范、文件命名规范、文件头代码规范三个方面，具体介绍网页制作的规范。第12页，共15页，编辑于2022年，星期一4.4.1 网站目录建立规范网站目录建立的原则是以最少的层次提供最清晰简便的访问结构。网站目录建立规范如图4.23所示。第13页，共15页，

9、编辑于2022年，星期一4.4.2 文件命名规范对于初学者来说，在做网页时，给文件、文件夹命名是一件挺麻烦的事情。对文件命名时遵循的基本原则是以最少的字母达到最容易理解的意义。对于文件夹和文件的命名规范，主要遵循以下几点：所有文件名、文件夹使用小写英文字母、数字、下划线的组合，比如：news.html，unit1_1.html等。不要使用汉字、空格和特殊字符。有些服务器无法识别这些字符，会导致文件链接出错。尽量使用英文，最好有一定的意义，这样以后便于别人或自己修改。例如：名为“Login.html”的文件，一看名称，就知道是登录页面。对于图像文件，在命名时要遵循以下几点：名称分为头部和尾部两部

10、分，用下划线分开，尽量用英文。头部表示图片的大类性质，比如：广告（banner）、标志(logo)、菜单(menu)、按钮(button)、背景(bg)等。尾部表示图片的具体含义。比如：banner_sohu.gif，menu_aboutus.gif，title_news.gif，logo_maths.jpg等。这种命名方式一目了然，便于管理与查找。第14页，共15页，编辑于2022年，星期一4.4.3 文件头代码规范文件头（head）里都是一些与网页整体有关、相对独立一些的属性，比如网站标题属性，标识字符编码、作者、版权信息或关键字的标签等。文件头的规范化代码如下：公司版权注释TITLE 网页标题网页显示字符集（简体中文为Gb2312，繁体中文为big5，英文为iso-8859-1）网页制作者信息 网站简介 搜索关键字 网页的css规范第15页，共15页，编辑于2022年，星期一