网页设计与制作第一章概述
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
之日还不到12个月； 2006年，Diigo成为全球网络研究工具明星之一。
站在信息技术平台上，每一个人都在创造历史！
把学到的理论知识和实践结合起来转变成自己的财富，并真正体会到何为“电子商务”？电子 是手段、商务是中心、盈利才是根本。只有适合市场需要，拥有价格最低品种齐全的供货渠道， 长期合作的生意伙伴才是企业成功经营的法宝。
同而明确的标题 是需要的。
下一页
上一页
1.4 网页制作工具
❖Dreamweaver
Dreamweaver 是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视 化网站开发工具。可用于可视化设计与管理网页和网站的专业级HTML编辑器。Dreamweaver是 唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 可编写ASP、JSP及PHP 程序，从而创建动态网站系统。包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、 JavaScript、Java、Flash、ShockWave等特性。
下一页
上一页
• HTML文档的基本架构
1.3 HTML概述
<HTML> <HEAD>
<TITLE> 网页的标题 </TITLE> < / HEAD> <BODY>
网页的内容，很多标记都作用于此。
< / BODY> </HTML>
下一页
上一页
1.3 HTML概述
• HTML文档的基本架构
特点解说： 1. 整份文件处于标记<HTML>与</HTML>之间。
• WWW信息发布模式： – WWW信息发布：采用客户端/服务器（Client / Server）模式。WWW服务器程序运行在 WWW服务器上，用于发布存放在WWW服务器中的网页；WWW客户端程序运行在用户计 算机上的网页浏览器，通过Internet与WWW服务器进行通信，将网页传送到用户计算机 上并显示出来。
与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。
下一页
上一页
谢谢大家！
பைடு நூலகம்
下一页
上一页
❖Flash
MacroMedia推出的Flash是业界内最优秀的矢量动画制作软件，是一个网页交互动画制作工具。 用于矢量图形编辑和动画制作。
1.4 网页制作工具
❖Dreamweaver
Dreamweaver 是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视 化网站开发工具。可用于可视化设计与管理网页和网站的专业级HTML编辑器。Dreamweaver是 唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 可编写ASP、JSP及PHP 程序，从而创建动态网站系统。包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、 JavaScript、Java、Flash、ShockWave等特性。
本章内容
1.1 Internet基础知识 Internet
Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP/IP联接在一起所组成 的世界性计算机网络系统。
• WWW（World Wide Web）服务： – World Wide Web（万维网），简称WWW，是Internet上最重要的信息服务之一，WWW是 以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞 大的多媒体信息网。
下一页
上一页
1.2 网页的分类
• 静态网页 概念 – 没有其他程序代码，只有HTML标记的网页
工作原理
下一页
上一页
1.2 网页的分类
• 动态网页 概念 – 不仅含有HTML标记，而且含有其他程序代码的网页，采用ASP、PHP、CGI等程序动 态生成的页面，在网络空间中并不存在这个页面，只有在接到用户的访问要求后才生成 并传输到用户的浏览器中。 工作原理
下一页
1. 网页的概念
• 网页（Web Page） – 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，网页通常都符合 HTML的规范。 – 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 – 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。
下一页
上一页
1.3 HTML概述 • 什么是HTTP 超文本标记语言HTML（HyperText Markup Language）是WWW“世界”的通用“语言”。 WWW“世界”
诸服务器与浏览器之间通过它互相沟通。 WWW“世界”中的信息可以通过它来“表现”。没有 HTML就没有WWW“世界” 。
下一页
上一页
1.3 HTML概述
• HTTP协议 – 超文本传输协议HTTP（Hyper Text Transfer Protocol）是WWW服务所使用的信息传输协议，即访 问Internet上的Web页面所用协议。 – 打开Internet上某一网页：HTTP://<WWW服务器的域名或ip地址>/<目录路径>/<文件名> 如：http://www.gznu.edu.cn/wlzx/index.htm 或者：http://210.40.64.7/wlzx/index.htm
万富翁和400位百万富翁，创造了21世纪的财富神话，全世界为之震惊。
2007年11月6日 2007年11月1日
史玉柱是中国早期最出色的电脑程序员之一。上世纪90年代，史玉柱 自己开发的巨人汉卡系列曾占据国内市场份额第一。史玉柱2004年重 返IT业，自主研发运营的首款网络游戏《征途》获得巨大成功。今年 10月，史玉柱旗下公司“征途网络”更名为“巨人网络”。
1995年4月创办“中国黄页”网站。1997年年底，马云和他的团队在北京开 发了外经贸部官方站点、网上中国商品交易市场等一系列国家级站点。 1999年初，马云回到杭州以50万元人民币创业，开发阿里巴巴网站。
第一章 基础知识
1 网页的概念 2 网页的分类 3 HTML概述 4 网页制作工具 5 网页制作前的准备工作
与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。
下一页
上一页
❖Fireworks
1.4 网页制作工具
Fireworks是一个强大的网页图形设计工具，提供专业网络图形设计和制作方案。通过它，可以 编辑网络图形和动画，支持位图和矢量图。同时它能与dreamweaver、flash能实现网页的无缝连 接，与其它图形程序各HTML编辑也能密切配合。可以非常轻松的做出各种网页设计中常见的效 果，比如翻转图象，下拉菜单等，设计完成以后，可以将它输出为html文件，还能输出为可以在 photoshop、illustrator和flash等软件中编辑的格式。
在eBay易趣网及淘宝网上店铺中，在校大学生开的“个人店铺” 达到40%
李彦宏
北京时间2005年8月5日晚，百度无人入睡。从夜里23 时40分开始，3个小时里，百度人经历了人生里最激 动人心的时刻，在纳斯达克指数的显示屏上，他们持 有百度原始股，涨幅达到了疯狂的353.85%，魔术般 地成为每股122.54美元，一夜之间产生了9位亿万富翁、 30位千
下一页
上一页
1.3 HTML概述
• HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。 • HTML 也是文本文件，所以可以用纯文本编辑器来编辑（如Windows 的记事本、写字板) • 其后缀名必须是 .html 或 .htm • 只有通过浏览器才可以对HTML文档进行相应的解释。
<HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 2. 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。基本上两者各有适用
的标记，如<TITLE>只可出现于开头部分。 3. 开头部分用以存载重要信息，而只有本文部分会被显示。所以大部分标记会运用于本文部分。 4. <TITLE>所标示的是文件的标题。会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不
网页设计与制作第一章概述
网络时代创造奇迹：只需要1-2年！ 18-19世纪，煤炭大王创业：100-200年； 20世纪初，钢铁大王创业：50-100年； 20世纪中，石油大王创业，50年； 上个世纪80-90年代，微软用了30多年的时间创业； 21世纪初， Google用了5-7年创业 2005-2006年， (Google)斥资16.5亿美元收购了业余视频网站YouTube—距YouTube的诞生
站在信息技术平台上，每一个人都在创造历史！
把学到的理论知识和实践结合起来转变成自己的财富，并真正体会到何为“电子商务”？电子 是手段、商务是中心、盈利才是根本。只有适合市场需要，拥有价格最低品种齐全的供货渠道， 长期合作的生意伙伴才是企业成功经营的法宝。
同而明确的标题 是需要的。
下一页
上一页
1.4 网页制作工具
❖Dreamweaver
Dreamweaver 是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视 化网站开发工具。可用于可视化设计与管理网页和网站的专业级HTML编辑器。Dreamweaver是 唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 可编写ASP、JSP及PHP 程序，从而创建动态网站系统。包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、 JavaScript、Java、Flash、ShockWave等特性。
下一页
上一页
• HTML文档的基本架构
1.3 HTML概述
<HTML> <HEAD>
<TITLE> 网页的标题 </TITLE> < / HEAD> <BODY>
网页的内容，很多标记都作用于此。
< / BODY> </HTML>
下一页
上一页
1.3 HTML概述
• HTML文档的基本架构
特点解说： 1. 整份文件处于标记<HTML>与</HTML>之间。
• WWW信息发布模式： – WWW信息发布：采用客户端/服务器（Client / Server）模式。WWW服务器程序运行在 WWW服务器上，用于发布存放在WWW服务器中的网页；WWW客户端程序运行在用户计 算机上的网页浏览器，通过Internet与WWW服务器进行通信，将网页传送到用户计算机 上并显示出来。
与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。
下一页
上一页
谢谢大家！
பைடு நூலகம்
下一页
上一页
❖Flash
MacroMedia推出的Flash是业界内最优秀的矢量动画制作软件，是一个网页交互动画制作工具。 用于矢量图形编辑和动画制作。
1.4 网页制作工具
❖Dreamweaver
Dreamweaver 是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视 化网站开发工具。可用于可视化设计与管理网页和网站的专业级HTML编辑器。Dreamweaver是 唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 可编写ASP、JSP及PHP 程序，从而创建动态网站系统。包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、 JavaScript、Java、Flash、ShockWave等特性。
本章内容
1.1 Internet基础知识 Internet
Internet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP/IP联接在一起所组成 的世界性计算机网络系统。
• WWW（World Wide Web）服务： – World Wide Web（万维网），简称WWW，是Internet上最重要的信息服务之一，WWW是 以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞 大的多媒体信息网。
下一页
上一页
1.2 网页的分类
• 静态网页 概念 – 没有其他程序代码，只有HTML标记的网页
工作原理
下一页
上一页
1.2 网页的分类
• 动态网页 概念 – 不仅含有HTML标记，而且含有其他程序代码的网页，采用ASP、PHP、CGI等程序动 态生成的页面，在网络空间中并不存在这个页面，只有在接到用户的访问要求后才生成 并传输到用户的浏览器中。 工作原理
下一页
1. 网页的概念
• 网页（Web Page） – 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，网页通常都符合 HTML的规范。 – 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 – 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。
下一页
上一页
1.3 HTML概述 • 什么是HTTP 超文本标记语言HTML（HyperText Markup Language）是WWW“世界”的通用“语言”。 WWW“世界”
诸服务器与浏览器之间通过它互相沟通。 WWW“世界”中的信息可以通过它来“表现”。没有 HTML就没有WWW“世界” 。
下一页
上一页
1.3 HTML概述
• HTTP协议 – 超文本传输协议HTTP（Hyper Text Transfer Protocol）是WWW服务所使用的信息传输协议，即访 问Internet上的Web页面所用协议。 – 打开Internet上某一网页：HTTP://<WWW服务器的域名或ip地址>/<目录路径>/<文件名> 如：http://www.gznu.edu.cn/wlzx/index.htm 或者：http://210.40.64.7/wlzx/index.htm
万富翁和400位百万富翁，创造了21世纪的财富神话，全世界为之震惊。
2007年11月6日 2007年11月1日
史玉柱是中国早期最出色的电脑程序员之一。上世纪90年代，史玉柱 自己开发的巨人汉卡系列曾占据国内市场份额第一。史玉柱2004年重 返IT业，自主研发运营的首款网络游戏《征途》获得巨大成功。今年 10月，史玉柱旗下公司“征途网络”更名为“巨人网络”。
1995年4月创办“中国黄页”网站。1997年年底，马云和他的团队在北京开 发了外经贸部官方站点、网上中国商品交易市场等一系列国家级站点。 1999年初，马云回到杭州以50万元人民币创业，开发阿里巴巴网站。
第一章 基础知识
1 网页的概念 2 网页的分类 3 HTML概述 4 网页制作工具 5 网页制作前的准备工作
与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。
下一页
上一页
❖Fireworks
1.4 网页制作工具
Fireworks是一个强大的网页图形设计工具，提供专业网络图形设计和制作方案。通过它，可以 编辑网络图形和动画，支持位图和矢量图。同时它能与dreamweaver、flash能实现网页的无缝连 接，与其它图形程序各HTML编辑也能密切配合。可以非常轻松的做出各种网页设计中常见的效 果，比如翻转图象，下拉菜单等，设计完成以后，可以将它输出为html文件，还能输出为可以在 photoshop、illustrator和flash等软件中编辑的格式。
在eBay易趣网及淘宝网上店铺中，在校大学生开的“个人店铺” 达到40%
李彦宏
北京时间2005年8月5日晚，百度无人入睡。从夜里23 时40分开始，3个小时里，百度人经历了人生里最激 动人心的时刻，在纳斯达克指数的显示屏上，他们持 有百度原始股，涨幅达到了疯狂的353.85%，魔术般 地成为每股122.54美元，一夜之间产生了9位亿万富翁、 30位千
下一页
上一页
1.3 HTML概述
• HTML有许多元素，文档通过元素置标就形成了所谓的HTML文档。 • HTML 也是文本文件，所以可以用纯文本编辑器来编辑（如Windows 的记事本、写字板) • 其后缀名必须是 .html 或 .htm • 只有通过浏览器才可以对HTML文档进行相应的解释。
<HTML>用以声明这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 2. 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。基本上两者各有适用
的标记，如<TITLE>只可出现于开头部分。 3. 开头部分用以存载重要信息，而只有本文部分会被显示。所以大部分标记会运用于本文部分。 4. <TITLE>所标示的是文件的标题。会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不
网页设计与制作第一章概述
网络时代创造奇迹：只需要1-2年！ 18-19世纪，煤炭大王创业：100-200年； 20世纪初，钢铁大王创业：50-100年； 20世纪中，石油大王创业，50年； 上个世纪80-90年代，微软用了30多年的时间创业； 21世纪初， Google用了5-7年创业 2005-2006年， (Google)斥资16.5亿美元收购了业余视频网站YouTube—距YouTube的诞生