第1章 网页设计与制作基础04630.ppt

网 页 设 计 第1章 网页设计与制作基础 知识技能要点 互联网、Web浏览器、URL 网页的类型 网站设计的基本流程 网页的规划 建站流程 1.1 互联网技术 互联网又称Internet，什么是Internet呢？ Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP／IP连接在一起所组成的世界性计算机网络系统。 Internet的前身—ARPANET Internet是世界上最大的互联网络。 1.1 互联网技术 数据来源：《第23次中国互联网络发展状况统计报告》 中国互联网信息中心 / 1.1 互联网技术 第一阶段：互联网热潮阶段 1996—2000年 第二阶段：互联网低潮阶段 2001—2003年 第三阶段：互联网2.0阶段 2004—未来3、5年 1.1 互联网技术 Internet的应用技术基本上可以归为两类： 提供通信服务的工具，如E-mail、Telnet等。 提供网络检索服务的工具，如FTP、WWW等。 互联网的主要功能： 电子邮件、文件传输、远程登录、网上查询和交流。 1.1 互联网技术 1、Web浏览器 是指一个运行在用户计算机上的程序，主要作用在于在客户端与服务器端之间进行交互、通信，负责下载、显示网页，因此也称为WWW客户程序。 2、Web服务器 Web服务器是一个软件，用于管理Web页面，并使这些页面通过本地网络或Internet供客户浏览器使用。 注意：在Internet中，Web服务器和浏览器通常位于两台 不同的机器上。 1.1 互联网技术 3、IP地址 IP地址也称网际地址，用于识别Internet的电脑主机，是一组32位的数字号码，如4。 4、域名、域名系统 IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。 如：对应4 DNS（Domain　Name　System）域名服务器系统将形象的文字型域名翻译成对应的数字型IP地址。 一个IP地址可以有多个域名。 1.1 互联网技术 5、统一资源定位器（ Universal Resource Locator，简称URL ） 是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 UML由四部分组成： 访问类型 访问的主机 端口号 访问的文件的路径 :80/new/index.asp 1.1 互联网技术 网页是全球广域网上的基本组成，用html语言书写。 网页是网站的一部分，也可以独立存在。 1.1 互联网技术 1.2 网页相关的技术 1、浏览器 目前常用的浏览器有： 2、传输速度 图形文件是网页中最常见的易造成传输速度缓慢的因素。 1.2 网页相关的技术 1.2.1网页技术性元素 3. 屏幕分辨率 1.2 网页相关的技术 静态网页 是指不应用程序而直接或间接制作成html的网页，这种网页的内容是固定的，修改和更新都必须要通过专用的网页制作工具，而且只要修改了网页中的一个字符或一个图片都要重新上传一次覆盖原来的页面。 1.2 网页相关的技术 动态网页 是指使用网页脚本语言，比如asp、、jsp等，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。 静态网页和动态网页最大的区别在于网页是固定内容还是可在线更新内容。 1.2 网页相关的技术 1、编辑工具 记事本 editplus Dreamweaver FrontPage 例：用记事本生成简单的HTML文件 html head title网页设计/title /head body 我的第一个网页！ /body /html 1.2 网页相关的技术 2、网页编辑器（也称网页布局工具） FrontPage Dreamweaver 3、网页美化工具 1）图像处理软件：Photoshop、Fireworks等。 2）动画制作软件：FLASH（Flash 是交互式矢量图和 Web 动画的标准）、Ulead GIF Animator等。 1.2 网页相关的技术 与网页相关的其它工具： 1、后台程序 后台程序可以用任何语言写，ASP.net、PHP、JSP等都可以。 后台程序的功能是：实现数据库的修改、删除、移动，修改网页，或者由它来产生新的网页或新的程序。 2、网络上传工具 CuteFTP 、 LeadFTP等 1.2 网页相关的技术 文字和图片最基本的网页元素 在网页制作中，