河南大学网页设计精讲01.ppt
《河南大学网页设计精讲01.ppt》由会员分享，可在线阅读，更多相关《河南大学网页设计精讲01.ppt（31页珍藏版）》请在冰豆网上搜索。
网网页页制制作作教教程程网网页页制制作作教教程程白晨希河南大学计算中心网网页页制制作作教教程程课程简介网页是网络中一个重要的信息载体，在网页是网络中一个重要的信息载体，在Internet中的大部分信息都是以网页的形式表中的大部分信息都是以网页的形式表现出来。
通过网页可以实现网络资源共享和数现出来。
通过网页可以实现网络资源共享和数据传输的功能。
据传输的功能。
“工欲善其事，必先利其器工欲善其事，必先利其器”，想要自己制作，想要自己制作出优秀的网页，就要掌握一种合适的工具。
出优秀的网页，就要掌握一种合适的工具。
常用的网页制作工具有常用的网页制作工具有Dreamweaver、FrontPage等，图像处理工具有等，图像处理工具有Photoshop、Fireworks、CorelDRAW、FreeHand等。
等。
2022/11/42网网页页制制作作教教程程课程简介其中，网页三剑客属于主流的制作工具。
其中，网页三剑客属于主流的制作工具。
使用这三个软件可以完成制作网页的所有使用这三个软件可以完成制作网页的所有任务。
它包括三个软件：
任务。
它包括三个软件：
Dreamweaver、Fireworks、Flash。
Dreamweaver是制作网页和网站的工具，是制作网页和网站的工具，Fireworks是设计和制作专业化网页图像的是设计和制作专业化网页图像的工具，工具，Flash是当前最出色的网页动画制作是当前最出色的网页动画制作软件。
软件。
目前比较流行的版本是目前比较流行的版本是MacromediaStudio8.0。
2022/11/43网网页页制制作作教教程程2022/11/44如何学好这门课端正学习态度端正学习态度掌握理论知识掌握理论知识重视上机操作重视上机操作有效利用网络有效利用网络多动手勤思考多动手勤思考网网页页制制作作教教程程2022/11/45课程要求1.1.考试方法：
考试方法：
理论考试理论考试40+综合性作业综合性作业40+考勤考勤202.2.上机要求：
上机要求：
时间：
时间：
14:
3016:
30；地点：
二楼机房地点：
二楼机房上机要对号入座，注意带鞋套，保持卫生上机要对号入座，注意带鞋套，保持卫生上机要先注册个人信息上机要先注册个人信息遵守考勤纪律，请假必须写假条遵守考勤纪律，请假必须写假条由于等级考试原因，本周不上机由于等级考试原因，本周不上机网网页页制制作作教教程程2022/11/46课程要求3.3.指定教材：
指定教材：
网页制作三剑客（网页制作三剑客（Studio8）标准培训教程）标准培训教程上海科学普及出版社上海科学普及出版社4.4.课程内容安排：
课程内容安排：
网页制作基础知识网页制作基础知识Dreamweaver8.0Fireworks8.0Flash8.0介绍网页制作的相关术语介绍网页制作的相关术语网页构成的基本要素网页构成的基本要素网站建设的基本流程网站建设的基本流程中文版中文版Dreamweaver8操作基础操作基础2022/11/47第1讲网页制作基础知识网网页页制制作作教教程程一、网页基本概念什么是什么是网页（网页（WebPage）？
网页就是一种以超文本和超媒体形式显示网页就是一种以超文本和超媒体形式显示信息的载体文件。
其中的重要概念就是超信息的载体文件。
其中的重要概念就是超级链接，它使网页的信息量更大，阅读起级链接，它使网页的信息量更大，阅读起来更加方便。
来更加方便。
什么是什么是网站（网站（WebSite）？
网站就是由多个信息相关的网页构成，网网站就是由多个信息相关的网页构成，网页之间通过超级链接互相连接在一起的网页之间通过超级链接互相连接在一起的网络组织，又称为站点。
络组织，又称为站点。
2022/11/48网网页页制制作作教教程程网页制作的相关术语国际互联网因特网（国际互联网因特网（Internet）统一资源定位器（统一资源定位器（URL）万维网（万维网（WWW）超文本传输协议（超文本传输协议（HTTP）浏览器浏览器超文本标记语言（超文本标记语言（HTML）主页主页2022/11/49网网页页制制作作教教程程2022/11/410Internet简介Internet是遍布全球的各种网络系统（如：
局域是遍布全球的各种网络系统（如：
局域网、数据通信网、公用电话交换网等）组织在网、数据通信网、公用电话交换网等）组织在一起的世界性计算机网络系统，它是通过统一一起的世界性计算机网络系统，它是通过统一的网络协议的网络协议TCP/IP协议连接在一起所组成的。
协议连接在一起所组成的。
Internet的功能：
的功能：
电子邮件、文件传输（电子邮件、文件传输（FTP）、远程）、远程登录（登录（Telnet）、网上查询（）、网上查询（IE、Netscape、Gopher等浏览器）和网上交流（等浏览器）和网上交流（BBS、网络新、网络新闻组闻组USENET、QQ等）。
等）。
网网页页制制作作教教程程2022/11/411URL地址URL（UniformResourceLocater）即即统一资源定位器统一资源定位器，俗，俗称称“网址网址”。
Internet中的各种资源实际上分散在各地的计算机主机中，中的各种资源实际上分散在各地的计算机主机中，定位器（定位器（Locater）的作用就是要指出这些资源的所在位置。
）的作用就是要指出这些资源的所在位置。
URL就是一个可以带领用户到所要资源的所在位置，并通就是一个可以带领用户到所要资源的所在位置，并通过适当的方式取得该资源的工具。
过适当的方式取得该资源的工具。
例如下面的例如下面的URL地址：
地址：
http:
/WideWeb，又称，又称WWW（3W），它是），它是Internet世界最为重要的世界最为重要的成员之一。
成员之一。
WWW是一个基于超文本（是一个基于超文本（Hypertext）和超媒）和超媒体（体（Hypermedia）方式的信息检索服务工具。
）方式的信息检索服务工具。
超文本超文本：
由文本组成，可以与其它文件相关联。
由文本组成，可以与其它文件相关联。
超媒体：
超媒体：
可以与多种形式的数据文件相关联。
可以与多种形式的数据文件相关联。
网网页页制制作作教教程程2022/11/413HTTP协议为了能够实现网络资源的网上传输和共享，就必须为了能够实现网络资源的网上传输和共享，就必须制定一个客户端与服务器端双方在交流信息时都能制定一个客户端与服务器端双方在交流信息时都能够理解的统一的够理解的统一的“共同语言共同语言”，这就是，这就是网络传输协网络传输协议议。
它要求每个使用者必须遵循相同的标准，以保。
它要求每个使用者必须遵循相同的标准，以保证信息和数据的传输畅通无阻。
证信息和数据的传输畅通无阻。
HTTP协议（协议（HypertextTransferProtocol，超文本，超文本传输协议）传输协议）就是实现这一功能的就是实现这一功能的WWW中的主要协中的主要协议，允许数据以任意的类型（包括多媒体文件）在议，允许数据以任意的类型（包括多媒体文件）在网络中通信，并支持超文本和超媒体的形式。
网络中通信，并支持超文本和超媒体的形式。
网网页页制制作作教教程程2022/11/414浏览器（浏览器（Browser）：
）：
阅读浏览网页信息的应用阅读浏览网页信息的应用程序。
它是一个翻译器，它将各种控制字符翻程序。
它是一个翻译器，它将各种控制字符翻译成合适的屏幕显示方式，从而得到人们最后译成合适的屏幕显示方式，从而得到人们最后看到的网页。
看到的网页。
浏览器有很多种，如：
浏览器有很多种，如：
MicrosoftInternetExplorer（IE）、）、NetscapeNavigator（网景）、（网景）、TencentTraveler（腾讯（腾讯TT）等。
）等。
由于各个浏览器对同一控制字符的解释方式不由于各个浏览器对同一控制字符的解释方式不完全相同，所以即使是同一个网页，在不同浏完全相同，所以即使是同一个网页，在不同浏览器下的显示也可能有所不同。
览器下的显示也可能有所不同。
网页浏览器网网页页制制作作教教程程2022/11/415HTML简介HTML语言（语言（HyperTextMarkupLanguage，超文，超文本标记语言）本标记语言）是一种用于网页制作的排版语言，是是一种用于网页制作的排版语言，是用来表示网上信息的符号标记语言。
用来表示网上信息的符号标记语言。
HTML并非是一种编程语言，我们只需要用并非是一种编程语言，我们只需要用HTML给文档添加标记，并保存成扩展名为给文档添加标记，并保存成扩展名为.Html或或.Htm的文件（即网页的源文件），发布到网上即可。
的文件（即网页的源文件），发布到网上即可。
浏览器可以识别用浏览器可以识别用HTML编写的文件，并将这些编写的文件，并将这些HTML符号标记翻译成人们可以识别的信息，就是符号标记翻译成人们可以识别的信息，就是网页。
网页。
网网页页制制作作教教程程2022/11/416HTML的编辑环境HTML是一种纯文本文件，我们可以用任何文是一种纯文本文件，我们可以用任何文本编辑器（包括记事本、写字板、本编辑器（包括记事本、写字板、Word、WPS）来编辑和创建它，保存时文件扩展名要）来编辑和创建它，保存时文件扩展名要改成改成.htm或或.html。
在网页上点击鼠标右键，选择菜单中的在网页上点击鼠标右键，选择菜单中的“查查看源文件看源文件”，就可以通过记事本看到网页的就可以通过记事本看到网页的HTML内容。
内容。
网网页页制制作作教教程程2022/11/417网网页页标标题题概概括括了了网网页页内内容容，能能迅迅速速了了解解网网页页的的大大意意，加加入入收收藏藏夹夹时时和和使使用用搜搜索索引引擎擎时时显显示示的的结结果果都都是是网网页的标题。
页的标题。
HTML的常用标记HTML文件开始和结束的标记文件开始和结束的标记HTML文件头标记，可以省略文件头标记，可以省略网页的标题，显示在浏览器网页的标题，显示在浏览器窗口的标题栏，可以单独出现窗口的标题栏，可以单独出现HTML文件主体标记，定义文件主体标记，定义了网页上显示的主要内容与显示了网页上显示的主要内容与显示格式格式我的个人主页我的个人主页*你好！
欢迎光临本站你好！
欢迎光临本站*网网页页制制作作教教程程2022/11/418一一个个HTML文文件件是是由由标标记记组组成成的的，不不同同的的标标记记代表不同的元素和效果。
代表不同的元素和效果。
大多数标记是成对出现的，名称多数是其英文大多数标记是成对出现的，名称多数是其英文缩写。
缩写。
如：
如：
表示一条水平的分割线，表示一条水平的分割线，表示一表示一个个段落（段落（Paragraph），），表示一个表示一个图片图片（Image），），表示设置字体表示设置字体。
HTML的构成网网页页制制作作教教程程2022/11/419标记的基本格式为：
标记的基本格式为：
受标记影响的内容受标记影响的内容其中：
其中：
（1）标记必须用）标记必须用“”围住，否则认为是普通文本，围住，否则认为是普通文本，表表示结束标记。
标记字母不区分大小写。
示结束标记。
标记字母不区分大小写。
（2）对一段内容可以用多个标记来共同作用，产生一定的）对一段内容可以用多个标记来共同作用，产生一定的效果。
此时，各个标记间的顺序也是任意的，但是不能效果。
此时，各个标记间的顺序也是任意的，但是不能交叉使用。
交叉使用。
（3）根据需要可以只用该标记的几个属性，也可以不用属）根据需要可以只用该标记的几个属性，也可以不用属性，在使用时属性之间没有顺序。
不是所有的标记都有性，在使用时属性之间没有顺序。
不是所有的标记都有属性和结束标记，如单标记属性和结束标记，如单标记表示换行。
表示换行。
标记的格式网网页页制制作作教教程程2022/11/420标记的使用例如：
例如：
这是这是6号字，隶书，红色号字，隶书，红色：
这个标记是用来插入图片的，：
这个标记是用来插入图片的，其中的其中的“”代表的是图片的代表的是图片的URL地址。
地址。
例如：
例如：
该标记的意思是在
升级会员 