网页设计与制作-第1章--网页制作初识ppt课件.ppt
《网页设计与制作-第1章--网页制作初识ppt课件.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作-第1章--网页制作初识ppt课件.ppt(44页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。通过本章学习,应该掌握以下内容:通过本章学习,应该掌握以下内容:1.Web基础知识基础知识 2.构成网页的基本要素构成网页的基本要素3.制作网页的基本工具制作网页的基本工具4.美化网页的基本工具美化网页的基本工具5.网页制作的基本步骤网页制作的基本步骤第第1章章 网页制作初识网页制作初识严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.1 Web概述概述 1.1.1 Web的起源和发展的起源和发展 Web是是WWW(W
2、orld Wide Web)的的简简称称,中中文文译译名名为为“万万维维网网”。它它是是建建立立在在客客户户机机/服服务务器器模模式式之之上上,以以HTML语语言言和和HTTP协协议议为为基基础础,能能够够提提供供面面向向各各种种Internet服服务务的的用用户户界界面面的的信信息息浏览系统。浏览系统。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.1.2 Web的特点的特点 Web是是建建立立在在Internet上上的的交交互互的的、动动态态的的、多多平平台台的的信信息息服服务务系系统统。它它具具有有以以下下几几个个主主要
3、要特特点:点:1Web是一种超文本信息系统是一种超文本信息系统 2Web能提供图形界面,且易于操作能提供图形界面,且易于操作 3Web不受操作平台的限制不受操作平台的限制 4Web是分布式的是分布式的 5Web是交互式的是交互式的 6Web是动态的是动态的严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.1.3 URL 统统一一资资源源定定位位器器(URL,Uniform Resource Locator)是是用用来来确确定定各各种种信信息息资资源源为为置置的的,它它是是Internet上信息所在位置的地址,俗称上信息所在位置的
4、地址,俗称“网址网址”。一个完整的一个完整的URL包括网络信息资源类型包括网络信息资源类型/协议、协议、服服 务器地址、端口号、路径及文件名。其格式为:务器地址、端口号、路径及文件名。其格式为:协议协议:/主机主机.域名域名:/如:如:ttp:/:80/index.htm;URL被被“:/”分隔成两部分。左边表示检索信分隔成两部分。左边表示检索信息的方法,即协议,如超文本传输协议息的方法,即协议,如超文本传输协议http、文件、文件传输协议传输协议ftp等。右边的等。右边的“主机主机.域名域名”为服务器网为服务器网址,址,严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、
5、制止、汇报并处理各类违纪行为或突发事件。1.1.4 IE 6简介简介 通常可以通过以下几种方式:通常可以通过以下几种方式:(1)双击)双击Windows桌面上的桌面上的Internet Explorer图标。图标。(2)单击操作系统任务栏中的)单击操作系统任务栏中的“开始开始”按钮,将鼠按钮,将鼠标移至开始标移至开始“菜单菜单”中的中的“程序程序”选项,然后单击选项,然后单击出现在下一级菜单中的出现在下一级菜单中的“Internet Explorer”项。项。(3)单击)单击Windows操作系统任务栏中操作系统任务栏中“启动启动Internet Explorer浏览器浏览器”的快捷按钮。的快
6、捷按钮。(4)打开)打开“Windows资源管理器资源管理器”,然后在,然后在“Windows资源管理器资源管理器”中双击中双击“Internet Explorer”图标。图标。1IE浏览器的启动浏览器的启动严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。标题栏标题栏菜单栏菜单栏工具栏工具栏地址栏地址栏链接栏链接栏页面页面显示区显示区状态栏状态栏图图1-2 IE 6浏览器窗口浏览器窗口严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(1)标题栏)标题栏 最上面一栏是标
7、题栏,显示软件包名和当前访问最上面一栏是标题栏,显示软件包名和当前访问的地址的相关信息的地址的相关信息 (2)菜单栏)菜单栏 显示第一级菜单命令,包括文件、编辑、查看、显示第一级菜单命令,包括文件、编辑、查看、收藏、工具和帮助,利用这些命令,可以完成收藏、工具和帮助,利用这些命令,可以完成Internet Explorer中几乎所有的操作。中几乎所有的操作。(3)Internet Explorer图标图标 位于菜单行的右侧,显示当前的连接状态,若浏位于菜单行的右侧,显示当前的连接状态,若浏览器正在连接某个站点,则图标处于活动状态,旋览器正在连接某个站点,则图标处于活动状态,旋转显示;若连接完毕
8、或连接失败,则图标处于停止转显示;若连接完毕或连接失败,则图标处于停止状态,静止显示。状态,静止显示。2IE 6浏览器窗口简介浏览器窗口简介严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(4)工具栏)工具栏 工具栏位于菜单栏下方,是为了加快操作而设置工具栏位于菜单栏下方,是为了加快操作而设置的。工具栏包含一系列命令按钮,每个命令按钮代的。工具栏包含一系列命令按钮,每个命令按钮代表一个命令。表一个命令。(5)URL地址栏地址栏 显示当前访问显示当前访问Web页的页的URL地址,可以在此输入地址,可以在此输入要访问的要访问的Web页
9、的页的URL地址,单击回车确定。也可地址,单击回车确定。也可单击单击URL栏右侧的小箭头,在弹出的列表中选择需栏右侧的小箭头,在弹出的列表中选择需要的要的URL地址。地址。(6)链接栏)链接栏 位于地址栏右侧,用来快速访问位于地址栏右侧,用来快速访问Microsoft推荐的推荐的站点。站点。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(7)页面显示区)页面显示区 “URL”栏下面的显示区,它显示所访问的栏下面的显示区,它显示所访问的Web页页的内容。的内容。(8)状态栏)状态栏 位于窗口的底部,显示了位于窗口的底部,显示了In
10、ternet出出Explorer当前当前的活动状态。左面的部分显示软件的工作状态,如的活动状态。左面的部分显示软件的工作状态,如命令提示、连机下载、主页中带有连接特性对象的命令提示、连机下载、主页中带有连接特性对象的链接地址等工作状态。与之相邻的部分显示传输进链接地址等工作状态。与之相邻的部分显示传输进程。程。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(1)输入网址)输入网址 直接在地址栏中输入欲浏览网页(网站)的地址,直接在地址栏中输入欲浏览网页(网站)的地址,然后按回车键,即可开始然后按回车键,即可开始Internet之
11、旅。此外,也之旅。此外,也可以通过执行可以通过执行“文件文件”菜单中的菜单中的“打开打开”命令来输命令来输入网址。入网址。单击地址栏右侧的三角形按钮,浏览以前曾经访单击地址栏右侧的三角形按钮,浏览以前曾经访问过的网址列表,可以从中选择欲浏览的网站。具问过的网址列表,可以从中选择欲浏览的网站。具体方法是,单击三角形按钮,将鼠标移动到欲访问体方法是,单击三角形按钮,将鼠标移动到欲访问网址,单击之。网址,单击之。3Internet Explorer基本操作基本操作严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(2)前进和后退)前进和后
12、退 单击工具栏中的单击工具栏中的“后退后退”按钮,可以退到上一个按钮,可以退到上一个网页;单击网页;单击“后退后退”右侧的三角形按钮,将出现一右侧的三角形按钮,将出现一个下拉列表,其中罗列了曾经访问过的网页,可以个下拉列表,其中罗列了曾经访问过的网页,可以从列表中直接选择一个,将网页调入浏览器。从列表中直接选择一个,将网页调入浏览器。单击工具栏的单击工具栏的“前进前进”按钮可以前进一个网页;按钮可以前进一个网页;单击单击“前进前进”右侧的三角形按钮,将出现一个下拉右侧的三角形按钮,将出现一个下拉列表,其中列出了浏览历史中位于当前网页之后的列表,其中列出了浏览历史中位于当前网页之后的网页,可以从
13、列表中直接选择一个,将网页调入浏网页,可以从列表中直接选择一个,将网页调入浏览器。览器。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(3)停止和刷新网页)停止和刷新网页 单击工具栏中的单击工具栏中的“停止停止”按钮,可以停止当前正按钮,可以停止当前正在进行的操作,切断本地计算机与网站服务器之间在进行的操作,切断本地计算机与网站服务器之间的连接。的连接。由于某些原因,使得网页不能正常显示,此时可由于某些原因,使得网页不能正常显示,此时可以单击工具栏中的以单击工具栏中的“刷新刷新”按钮,使浏览器重新载按钮,使浏览器重新载入并显示当
14、前网页。入并显示当前网页。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(4)全屏浏览网页)全屏浏览网页 IE提供了全屏幕显示方式。选择提供了全屏幕显示方式。选择“查看查看”|“全全屏显示屏显示”命令,或按功能键命令,或按功能键F11,即可切换到全屏,即可切换到全屏幕页面显示状态。再次按幕页面显示状态。再次按F11键,关闭全屏幕显示,键,关闭全屏幕显示,恢复原来的浏览器窗口。恢复原来的浏览器窗口。(5)开启多个浏览窗口)开启多个浏览窗口 在已经启动了浏览器并正在下载一个网页时,选在已经启动了浏览器并正在下载一个网页时,选择择“文
15、件文件”|“新建新建”|“窗口窗口”命令,即可打开一命令,即可打开一个新的浏览器窗口,该窗口的地址栏将被自动填入个新的浏览器窗口,该窗口的地址栏将被自动填入先前存在于浏览器地址栏中的网页地址。先前存在于浏览器地址栏中的网页地址。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(6)使用历史纪录)使用历史纪录 IE将用户最近访问过的网页地址保存在将用户最近访问过的网页地址保存在“历史纪历史纪录录”中,当用户想再次访问这些网页时,只需从历中,当用户想再次访问这些网页时,只需从历史纪录中选取该网页即可。史纪录中选取该网页即可。单击工具栏
16、中的单击工具栏中的“历史历史”按钮,网页显示区将显按钮,网页显示区将显示两个窗口,左窗口列出按日期组织的指定天数内示两个窗口,左窗口列出按日期组织的指定天数内访问过的网页地址,右窗口显示当前网页。访问过的网页地址,右窗口显示当前网页。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(7)使用收藏夹)使用收藏夹 当看到一个喜欢的网页时,可以把它的地址保存当看到一个喜欢的网页时,可以把它的地址保存在在IE的收藏夹中,以后只需在收藏夹列表中选择该的收藏夹中,以后只需在收藏夹列表中选择该网页地址就可以再次访问它。网页地址就可以再次访问它。
17、(8)保存网页或网页内容)保存网页或网页内容 如果浏览到有价值的网页,或是包含漂亮的插图、如果浏览到有价值的网页,或是包含漂亮的插图、背景、动画的网页,可以及时将这些内容保存到自背景、动画的网页,可以及时将这些内容保存到自己计算机的硬盘上,以便以后能脱机浏览,或是将己计算机的硬盘上,以便以后能脱机浏览,或是将图像用于自己的网页。图像用于自己的网页。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.2 网页的基本要素网页的基本要素1.2.1 文字文字 文文字字是是网网页页发发布布信信息息所所用用的的主主要要形形式式,由由文文字字制
18、制作作出出的的网网页页占占用用空空间间小小,当当用用户户浏浏览览时时,可可以以很很快快的的展展现现在在用用户户面面前前。另另外外,文文字字性性网网页页还还可可以以利利用用浏浏览览器器中中“文文件件”菜菜单单下下的的“另另存存为为”功功能能将将其其下下载载。但但是是没没有有编编排排点点缀缀的的纯纯文文字字网网页页,又又会会给给人人带带来来死死板板不不活活泼泼的的感感觉觉,使使得得人人们们不不愿愿意意再再往往下下浏览。浏览。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。文文字字性性网网页页一一定定要要注注意意编编排排,包包括括标标题
19、题得得字字型型字字号,内容的层次样式,是否需要变换颜色进行点缀等。号,内容的层次样式,是否需要变换颜色进行点缀等。1标题标题 一一个个网网页页通通常常都都有有一一个个标标题题,表表明明本本网网页页的的主主要要内内容容。标标题题是是否否醒醒目目,是是吸吸引引浏浏览览者者能能否否注注意意的的一一个个关关键,因此对标题的设计是很重要的。键,因此对标题的设计是很重要的。网网页页中中的的文文字字不不能能太太大大或或太太小小。太太大大会会使使得得一一个个网网页页信信息息量量变变小小,太太小小又又使使人人们们浏浏览览时时感感到到费费劲劲。一一个个优优秀秀网网页页中中的的文文字字,应应统统筹筹规规划划,大大小
20、小搭搭配配适适当当,给给人以生动活泼之感觉。人以生动活泼之感觉。2字号字号 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。在在网网页页适适当当的的位位置置采采用用不不同同的的字字体体字字型型,也也能能使使网网页页产产生生吸吸引引人人的的效效果果。应应该该注注意意的的是是在在报报刊刊上上变变换换字字体体字字型型非非常常普普遍遍,它它可可以以在在不不同同的的地地方方使使用用不不同同的的字字型型。但但在在网网页页制制作作上上却却要要慎慎重重。因因为为有有些些美美丽丽的的字字型型在在制制作作网网页页的的计计算算机机上上有有,但但将将来来
21、别别人人浏浏览览你你的的网网页页时时,浏浏览览者者的的计计算算机机上上未未必必装装有有这这种种字字体体。这这样样浏浏览者就无法得到你预想的浏览效果,甚至适得相反。览者就无法得到你预想的浏览效果,甚至适得相反。如如果果只只是是标标题题或或少少量量的的文文字字,可可以以将将采采用用的的特特殊殊字字体体制制作作成成图图形形方方式式,就就可可避避免免其其他他浏浏览览者者看看不不到到的的尴尬局面了。尴尬局面了。3字型字型 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.2.2 图形图形 这这里里的的图图形形概概念念是是广广义义的的,它它
22、可可以以是是普普通通的的绘绘制制图图形形,可可以以是是各各种种图图像像,还还可可以以是是动动画画。一一幅幅优优秀秀的的网网页页除除了了有有能能吸吸引引浏浏览览者者的的文文字字形形式式和和内内容容外外,图图形形的的表表现现功功能能是是不不能能低低估估的的。网网页页上上的的图图形形格格式式一一般般使使用用JPEGJPEG和和GIFGIF,这这两两种种格格式式具具有有跨跨平平台台的的特特性性,可可以以在在不不同同操操作作系系统统支支持持的的浏浏览览器器上上显显示示。图图形形在在网网页页中中通通常有如下应用:常有如下应用:严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇
23、报并处理各类违纪行为或突发事件。1菜单按钮菜单按钮 网网页页上上的的菜菜单单按按钮钮有有一一些些是是由由图图形形制制作作,通通常常有有横排和竖排两种形式,由此可以转入不同的页面。横排和竖排两种形式,由此可以转入不同的页面。2背景图形背景图形 为为了了加加强强视视觉觉效效果果,有有些些网网页页在在整整个个网网页页的的底底层层放放置置了了图图形形,称称作作背背景景图图。背背景景图图可可以以使使网网页页更更加加华华丽丽,使使人人感感到到界界面面友友好好。但但由由于于这这是是一一个个比比较较大大的的图图形形,需需要要占占据据较较大大的的空空间间,致致使使网网页页的的显显示示速速度度明明显显变变慢慢,所
24、所以以,近近期期的的网网页页以以及及比比较较著著名名的的访问量比较大网站一般都不设置背景图形。访问量比较大网站一般都不设置背景图形。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.2.3 链接标志链接标志 网网页页上上的的菜菜单单按按钮钮有有一一些些是是由由图图形形制制作作,通通常常有有横横排排和和竖竖排排两两种种形形式式,由由此此可可以以转转入入不不同同的的页页面面。链链接接是是网网页页中中一一种种非非常常重重要要的的功功能能,是是网网页页中中最最重重要要、最最根根本本的的元元素素之之一一。通通过过链链接接可可以以从从一一个
25、个网网页页转转到到另另一一个个网网页页,也也可可以以从从一一个个网网站站转转到到另另一一个个网网站站。链链接接的的标标志志有有文文字字和和图图形形两两种种。制制作作一一些些精精美美的的图图形形作作为为链接按钮,使它和整个网页融为一体。链接按钮,使它和整个网页融为一体。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.2.4 交互功能交互功能 InternetInternet区区别别其其他他媒媒体体的的一一个个重重要要标标志志就就是是它它的的交交互互功功能能。网网页页的的交交互互功功能能其其他他媒媒体体是是无无法法比拟的。比拟的。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 初识 ppt 课件
限制150内