第1章网页基础知识.pptVIP

网页设计与制作案例教程 第1章 网页基础知识 知识点： 网页基本概念 静态网页和动态网页之间的区别 制作网页、图像、动画、视频工具 网页的设计流程 Dreamweaver 8.0的功能和界面 第1章 网页基础知识 《网页设计与制作案例教程》 重点和难点： 静态网页和动态网页之间的区别 网页的设计流程 要求学生掌握网页的相关概念和术语，了解一些制作网页、处理图像、制作动画的专业工具，了解网页的设计流程，掌握Dreamweaver 8的启动、退出、界面布局和工作环境。 教学要求： 1.1 网页的基本知识 1.1.1 网页的相关概念 1.1.2 静态网页与动态网页 1.2 网页制作工具 1.2.1 网页编辑工具 1.2.2 网页素材的处理和制作 1.3 网页制作流程 1.3.1 网站规划 1.3.2 网站设计 1.3.3网站制作 1.4 初识Dreamweaver8.0中文版 1.4.1 Dreamweaver8.0简介 1.4.2 Dreamweaver8.0功能 1.4.3 Dreamweaver8.0界面 1.5 小结 1.6 习题 第1章 网页基础知识 《网页设计与制作案例教程》 第1章 网页基础知识 《网页设计与制作案例教程》 1.1 网页的基本知识 1.1.1 网页的相关概念 1.网页: 网页是WWW中的基本文档，是用HTML或者其他语言（如JavaScript、VBScript、ASP、JSP、PHP等）编写的，可以通过浏览器打开并查看的文件类型。一般网页的扩展名为HTML、ASP、ASPX、PHP和JSP。 2.主页（首页）: 进入一个网站时，首先看到的网页，就是该网站的首页或主页，在网站文件中默认的命名为index.html或default.html等。 网站是一组相关的网页以及有关的文件、脚本和数据库等，各个网页之间主要通过超级链接联系。 3.网站: HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。 4. HTML : 第1章 网页基础知识 《网页设计与制作案例教程》 HTML文档至少包含下列标签。 html head …… /head body …… /body /html 解释如下： （1）html……/html：网页的开始、结束标签，用来说明本文件是一个HTML文件。 （2）head……/head：网页的文件头部分，文件头中包含有关文件属性的描述，如利用TITLE和/TITLE标记给出文件的总标题。文件头中的文本不出现在浏览器的主显示窗口中，它通常显示在一个单独的小窗口中，以便与正文相区别。 （3）body……/body：是网页的文件体部分，在设计视图中看到的各个元素都包含在这一对标签内。 第1章 网页基础知识 《网页设计与制作案例教程》 Internet域名是Internet网络上的一个服务器或一个网络系统的名字，域名的形式是以若干个英文字母和数字组成， 由“.”分隔成几部分，如WWW.IBM.COM就是一个域名。 5.域名： Server是服务器，Browser是浏览器。 6. Server与Browser： Hypertext超文本链接是一种可以指向其他文件的文字或图片，这种功能称为超级链接，浏览器可以使用户利用超级链接方便地取得超级链接所指向的另一个文件。 7. Hypertext ： 第1章 网页基础知识 《网页设计与制作案例教程》 1.1 网页的基本知识 1.1.2静态网页与动态网页 1.静态网页: 静态网页是指直接或间接制作成HTML的网页，这种网页的内容是固定的，修改和更新都必须要通过专用的网页制作工具，比如Dreamweaver、Frontpage等，而且只要修改了网页中的一个字符或一个图片都要重新上传一次覆盖原来的页面。 2.动态网页: 动态网页是指使用网页脚本语言，比如php、asp、aspx、、jsp等，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。 提示：静态网页和动态网页之间最大的区别，网页是固定内容还是可在线更新内容。 第1章 网页基础知识 《网页设计与制作案例教程》 1.2 网页制作工具 1.2.1 网页编辑工具 FrontPage 是 Microsoft 出品的，继承了Office系列软件界面通用、操作简单的特点。　　但FrontPage的也有其不足之处：生成的代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不佳。 1. FrontPage : Dreamweaver是Adobe公司推