第1章 网页制作基础.ppt

《第1章 网页制作基础.ppt》由会员分享，可在线阅读，更多相关《第1章 网页制作基础.ppt（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第1章章 网页制作基础网页制作基础第第1 1章网页设计基础知识章网页设计基础知识本章学习目标：本章学习目标：InternetInternet基础知识基础知识网站开发技术网站开发技术网页基础知识网页基础知识网页制作网页制作1.1 Internet 基础知识基础知识 InternetInternet：“国际互连网”“因特网”“网际网”“信息高速公路”它是将不同地区而且规模大小不一的网络互相它是将不同地区而且规模大小不一的网络互相它是将不同地区而且规模大小不一的网络互相它是将不同地区而且规模大小不一的网络互相连接而成。连接而成。连接而成。连接而成。功能功能功能功能信息的获取与发布电子邮件（E-ma

2、il）网上交际电子商务网络电话网上事务处理其他应用1.1 Internet 基础知识基础知识 网络分类网络分类缩缩 写写分布距离数分布距离数机位范机位范围围传输速率范围传输速率范围局域网LAN10m房间4Mb/s2Gb/s100m建筑物1 km 校园广域网（WAN）城域网MAN1 km 10km城市50Kb/s100Mb/s国际互联Internet100km以上国家9.6Kb/s45M/s1.1.1.1.网络类型网络类型网络类型网络类型1.1 Internet 基础知识基础知识 1.1.1.1.网络类型网络类型网络类型网络类型 局域网局域网 广域网广域网1.1 Internet 基础知识基础知

3、识 2.WWW WWW(World Wide Web)万维网（亦作“网络”、“WWW”、“3W”，英文“Web”或“World Wide Web”），是一个资料空间。在这个空间中：一样有用的事物，称为一样“资源”；并且由一个全域“统一资源标识符”（URL）标识。这些资源通过超文本传输协议(Hypertext Transfer Protocol)传送给使用者，而后者通过点击链接来获得资源。1.1 Internet 基础知识基础知识 WWW之父之父Tim Berners-Lee 蒂姆蒂姆伯纳斯伯纳斯李李（1955-）1.1 Internet 基础知识基础知识 www之父之父 蒂蒂姆姆约约翰翰伯伯纳

4、纳斯斯李李（Tim Tim Berners-LeeBerners-Lee）爵爵士士（19551955年年6 6月月8 8日日出出生生于于英英国国伦伦敦敦），是是万万维维网网的的发发明明者者，大不列颠帝国勋章佩戴者，英国皇家学会会员。大不列颠帝国勋章佩戴者，英国皇家学会会员。19901990年年，他他在在日日内内瓦瓦的的欧欧洲洲粒粒子子物物理理实实验验室室里里开开发发出出了世界上第一个网页浏览器。了世界上第一个网页浏览器。伯伯纳纳斯斯李李的的父父母母都都是是数数学学家家，两两人人都都在在建建造造世世界界上上最早的电脑之一（最早的电脑之一（Manchester Mark IManchester M

5、ark I）的小组里工作。）的小组里工作。伯伯纳纳斯斯李李在在汪汪兹兹沃沃斯斯上上学学，在在牛牛津津大大学学王王后后学学院院毕毕业业。他他用用焊焊烙烙铁铁、晶晶体体管管-晶晶体体管管逻逻辑辑门门、一一块块Motorola Motorola 68006800微处理器和一台旧电视机制作了一台电脑。微处理器和一台旧电视机制作了一台电脑。从从19761976年年开开始始他他在在私私人人公公司司里里做做编编程程员员，19781978年年他他在在另一个公司里研究排编程序和操作系统。另一个公司里研究排编程序和操作系统。1.1 Internet 基础知识基础知识 世界上最早的网页世界上最早的网页世界上最早的网

6、页世界上最早的网页1.1 Internet 基础知识基础知识使用浏览器软件显示网页使用浏览器软件显示网页服务器与浏览器的关系服务器与浏览器的关系1.1 Internet 基础知识基础知识 3.3.静态网站和动态网站静态网站和动态网站1.1 Internet 基础知识基础知识 4.技术名词技术名词 IP地址地址 211.68.96.1 255.255.255.1 域名系统域名系统 HTTP协议协议 (Hyper Text Transfer Protocol)超文本传输协议超文本传输协议 http：/1.2 1.2 网站开发技术网站开发技术 1.1.网页设计与开发过程网页设计与开发过程 策划与定义

7、设 计开 发测 试发 布客户设计师设计师设计师程序开发员 客户设计 师程序 开发员设计师程序开发员网站开发的工作流程网站开发的工作流程1.1.网页设计与开发过程网页设计与开发过程1.2 网站开发技术网站开发技术 2.2.网页设计网页设计网站定位网站规划内容的采集主页设计图片网页排版背景其他 1.2 网站开发技术网站开发技术1.2 网站开发技术网站开发技术 2.2.上传发布上传发布（免费主页）天极网（天极网（http:/网易（网易（http:/）搜狐（搜狐（http:/ 网页基础知识网页基础知识HTMLHTML（Hypertext Markup Language，超文本标记语言）文字不是一种编程

8、语言，而是一种描述性的标记语言，用于描述超文本中内容的显示方式。1.1.网页设计语言网页设计语言1.3 网页基础知识网页基础知识CSSCSS(Cascading Style Sheets)，中文翻译为“层叠样式表”，简称样式表，样式定义如何显示HTML元素，样式通常存储在样式表中，把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。1.1.网页设计语言网页设计语言1.3 网页基础知识网页基础知识ASPASP ASP (Active Server Pages)的简称，为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种

9、简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。1.1.网页设计语言网页设计语言1.3 网页基础知识网页基础知识 网站由多个网页组成，也是通过网页传递网站信息，所以说，网页是浏览器与网站开发人员沟通交流的窗口。合理的网页布局，悦人耳目的网合理的网页布局，悦人耳目的网页配色和背景音乐，都可以使网友过页配色和背景音乐，都可以使网友过目不忘，记忆忧新，甚至流连忘返。目不忘，记忆忧新，甚至流连忘返。1.1.网页制作基础知识网页制作基础知识1.3 网页基础知识网页基础知识网页组成元素网页组成元素1.1.网页组成元素网页组成元素1.3 网页基础知识网页基础知识 国字型 拐

10、角型 标题正文型 左右框架型 上下框架型 综合框架型 封面型 Flash型 变化型 2.2.网页布局网页布局1.3 网页基础知识网页基础知识 2.2.网页布局网页布局网页布局网页布局1.3 网页基础知识网页基础知识 3.3.网页配色网页配色网页配色网页配色1.4 网页制作网页制作 1.Dreamweaver 1.Dreamweaver 操作界面操作界面1.4 网页制作网页制作 2.2.插入插入”面面1.4 网页制作网页制作 3.Dreamweaver 3.Dreamweaver 属性和文本栏属性和文本栏“文档文档”工具栏工具栏1.4 网页制作网页制作 4.4.创建新的空白文档创建新的空白文档1.4 网页制作网页制作 5.HTML 5.HTML语言语言1.4 网页制作网页制作 5.5.制作制作“中国名胜中国名胜”1.5 作业作业 自己在网站上查找自己喜欢和不喜欢的网站设计，并说明理由。（1500字以上）在学校局域网下载软件：10.0.0.10用户名：user密码：空在/tools/adobe/CS3/Adobe CS3中文精简版学生登陆地址：10.0.0.11用户名：11wenmi密码：11wenmi