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

《第1章 网页设计与制作基础》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计教材网页制作教程，尤克编著课时64学时教师龙丹E-mail:ls_ld@yahoo.com.cn答疑安排时间：每周五上午9:00-10:30地点：11109办公室第1章网页设计与制作基础知识技能要点互联网、Web浏览器、URL网页的类型网站设计的基本流程网页的规划建站流程1.1互联网技术互联网又称Internet，什么是Internet呢？Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP／IP连接在一起所组成的世界性计算机网络系统。Internet的前身—ARPANETInternet是世界上最大的互联网络。1.1互联网技术数据来源：《第23次中国互联网络发展

2、状况统计报告》中国互联网信息中心http://www.cnnic.net.cn/1.1互联网技术第一阶段：互联网热潮阶段1996—2000年第二阶段：互联网低潮阶段2001—2003年第三阶段：互联网2.0阶段2004—未来3、5年1.1.1互联网的发展1.1互联网技术Internet的应用技术基本上可以归为两类：提供通信服务的工具，如E-mail、Telnet等。提供网络检索服务的工具，如FTP、WWW等。互联网的主要功能：电子邮件、文件传输、远程登录、网上查询和交流。1.1.2互联网的应用技术1.1互联网技术1、Web浏览器是指一个运行在用户计算机上的程序，主要作用在于在客户端与服务器端之

3、间进行交互、通信，负责下载、显示网页，因此也称为WWW客户程序。2、Web服务器Web服务器是一个软件，用于管理Web页面，并使这些页面通过本地网络或Internet供客户浏览器使用。注意：在Internet中，Web服务器和浏览器通常位于两台不同的机器上。1.1.3互联网相关基本概念1.1互联网技术3、IP地址IP地址也称网际地址，用于识别Internet的电脑主机，是一组32位的数字号码，如202.193.64.34。4、域名、域名系统IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。如：www.guet.edu.cn对应202.193.64.3

4、4DNS（DomainNameSystem）域名服务器系统将形象的文字型域名翻译成对应的数字型IP地址。一个IP地址可以有多个域名。1.1互联网技术5、统一资源定位器（UniversalResourceLocator，简称URL）是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。UML由四部分组成：访问类型访问的主机端口号访问的文件的路径http://lib.gliet.edu.cn:80/new/index.asp1.1互联网技术网页是全球广域网上的基本组成，用html语言书写。网页是网站的一部分，也可以独立存在。1.1.4网页和网站网站是指存放在网络服务器上的完整信息的

5、集合体，它包含一个或多个网页，这些页以超链接方式连接在一起，形成一个整体，描述一组完整的信息。1.1互联网技术1.2网页相关的技术1、浏览器目前常用的浏览器有：2、传输速度图形文件是网页中最常见的易造成传输速度缓慢的因素。1.2.1网页技术性元素火狐傲游IEFirefoxMaxthon等。1.2网页相关的技术1.2.1网页技术性元素3.屏幕分辨率作为浏览者，有使用1440×900、1024×768、800×600像素的分辨率。因此，做网页时要考虑适应不同的分辨率。1280X1024分辨率1280X800分辨率1.2网页相关的技术静态网页是指不应用程序而直接或间接制作成html的网页，这种网页的

6、内容是固定的，修改和更新都必须要通过专用的网页制作工具，而且只要修改了网页中的一个字符或一个图片都要重新上传一次覆盖原来的页面。1.2.2静态网页和动态网页的区别1.2网页相关的技术动态网页是指使用网页脚本语言，比如asp、asp.net、jsp等，通过脚本将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的方法。静态网页和动态网页最大的区别在于网页是固定内容还是可在线更新内容。1.2网页相关的技术1、编辑工具记事本editplusDreamweaverFrontPage例：用记事本生成简单的HTML文件

7、ad>我的第一个网页！1.2.3网页制作工具1.2网页相关的技术2、网页编辑器（也称网页布局工具）FrontPageDreamweaver3、网页美化工具1）图像处理软件：Photoshop、Fireworks等。2）动画制作软件：FLASH（Flash是交互式矢量图和Web动画的标准）、UleadGIFAnimator等。1.2网页相关的技术与网页相关的其