网页设计与制作-第1章--网页制作初识ppt课件.ppt

上传人:飞****2 文档编号:68506032 上传时间:2022-12-28 格式:PPT 页数:44 大小:281KB
返回 下载 相关 举报
网页设计与制作-第1章--网页制作初识ppt课件.ppt_第1页
第1页 / 共44页
网页设计与制作-第1章--网页制作初识ppt课件.ppt_第2页
第2页 / 共44页
点击查看更多>>
资源描述

《网页设计与制作-第1章--网页制作初识ppt课件.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作-第1章--网页制作初识ppt课件.ppt(44页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

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区区别别其其他他媒媒体体的的一一个个重重要要标标志志就就是是它它的的交交互互功功能能。网网页页的的交交互互功功能能其其他他媒媒体体是是无无法法比拟的。比拟的。

26、通通常常网网页页的的交交互互功功能能都都是是利利用用表表单单来来实实现现的的。表表单单是是网网页页中中站站点点服服务务器器处处理理的的一一组组数数据据输输入入域域,当当访访问问者者单单击击按按钮钮或或图图形形来来提提交交表表单单后后,数数据据就就会传送到服务器上。会传送到服务器上。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.2.5 声音和视频声音和视频 声声音音是是多多媒媒体体网网页页的的一一个个重重要要组组成成部部分分。目目前前存存在在一一些些不不同同类类型型的的声声音音文文件件,也也有有不不同同的的方方法法将将这这些些

27、声声音音添添加加到到网网页页中中。在在决决定定添添加加声声音音之之前前,需需要要考考虑虑声声音音的的用用途途、文文件件大大小小、声声音音品品质质和和浏浏览览器器差差别别等等因因素素。不不同同浏浏览览器器对对于于声声音音文文件件的的处处理理方方法法不不同,彼此之间很可能不兼容。同,彼此之间很可能不兼容。采用视频文件可以使网页变得精彩而又生动。采用视频文件可以使网页变得精彩而又生动。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.3 网页制作和美化工具网页制作和美化工具 HTMLHTML(Hypertext Hypertext M

28、arkup Markup LanguageLanguage)是是一一种种专专门门用用于于WebWeb页页制制作作的的编编程程语语言言,用用来来描描述述超超文文本本各各个个部部分分的的内内容容,告告诉诉浏浏览览器器如如何何显显示示文文本本,怎怎样样生成与别的文本或图像的链接点。生成与别的文本或图像的链接点。HTMLHTML文文档档由由文文本本、格格式式化化代代码码和和导导向向其其他他文文档的超链接组成。档的超链接组成。1.3.1 网页制作工具网页制作工具 1超文本标识语言(超文本标识语言(HTML)严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行

29、为或突发事件。FrontPageFrontPage是是由由MicrosoftMicrosoft公公司司推推出出的的新新一一代代WebWeb网网页页制制作作工工具具。FrontPageFrontPage使使网网页页制制作作者者能能够够更更加加方方便便、快快捷捷地地创创建建和和发发布布网网页页,具具有有直直观观的的网网页页制作和管理方法,简化了大量工作。制作和管理方法,简化了大量工作。FrontPageFrontPage界界面面与与WordWord、PowerPointPowerPoint等等软软件件的的界界面面极极为为相相似似,为为使使用用者者带带来来了了极极大大的的方方便便,Microsoft

30、Microsoft公公司司将将FrontPageFrontPage封封装装入入OfficeOffice之之中中,成成为为OfficeOffice家族的一员,使之功能更为强大。家族的一员,使之功能更为强大。2FrontPage 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。DreamweaverDreamweaver是是由由MacromediaMacromedia公公司司推推出出的的一一款款在在网网页页制制作作方方面面大大众众化化的的软软件件,它它具具有有可可视视化化编编辑辑界界面面,用用户户不不必必编编写写复复杂杂的的HTMLH

31、TML源源代代码码就就可可以以生生成成跨跨平平台台、跨跨浏浏览览器器的的网网页页,不不仅仅适适合合于于专专业业网网页页编编辑人员的需要,同时也容易被业余网友们所掌握。辑人员的需要,同时也容易被业余网友们所掌握。DreamweaverDreamweaver支支 持持 动动 态态 HTMLHTML,并并 采采 用用 了了Roundtrip Roundtrip HTMLHTML技技术术,DreamweaverDreamweaver是是一一种种可可以以满满足足多多层层次次需需求求、功功能能强强大大的的可可视视化化专专业业级级网网页页设设计计及制作工具。及制作工具。3Dreamweaver 严格执行突发

32、事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。PhotoshopPhotoshop是是由由AdobeAdobe公公司司开开发发的的图图形形处处理理软软件件,它它是是目目前前公公认认的的PCPC机机上上最最好好的的通通用用平平面面美美术术设设计计软软件件,它它功功能能完完善善、性性能能稳稳定定、使使用用方方便便,所所以以在在几几乎乎所所有有的的广广告告、出出版版、软软件件公公司司,PhotoshopPhotoshop都都是是首选的平面制作工具。首选的平面制作工具。1.3.2 网页美化工具网页美化工具 1Photoshop 严格执行突发事件上报

33、制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。FireworksFireworks是是由由MacromediaMacromedia公公司司开开发发的的图图形形处处理理工工具具,它它的的出出现现使使WebWeb作作图图发发生生了了革革命命性性的的变变化化。因因为为FireworksFireworks是是第第一一套套专专门门为为制制作作网网页页图图形形而而设设计计的的软软件件,同同时时也也是是专专业业的的网网页页图图形形设设计计及及制制作作的的解解决决方方案案。作作为为一一个个图图像像处处理理软软件件,FireworksFireworks能能够够自自由

34、由地地导入多种格式的图像进行处理。导入多种格式的图像进行处理。FireworksFireworks还还能能够够自自动动切切割割图图像像、生生成成光光标标动动态态感感应应的的JavaScriptJavaScript程程序序等等等等,而而且且FireworksFireworks具具有有强强大的动画功能和一个相当完美的网络图像生成器。大的动画功能和一个相当完美的网络图像生成器。2Fireworks 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。FlashFlash是是美美国国MacromediaMacromedia公公司司开开发发的的

35、矢矢量量图图形形编编辑辑和和动动画画创创作作的的专专业业软软件件,它它是是一一种种交交互互式式动动画画设设计计工工具具,用用它它可可以以将将音音乐乐、声声效效、动动画画以以及及富富有有新新意意的的界界面面融融合合在在一一起起,以以制制作作出出高高品品质质的的网网页页动动态态效效果果。它它主主要要应应用用于于网网页页设设计计和和多多媒媒体体创创作作等等领领域域,功功能能十十分分强强大大和和独独特特,已已成成为为交交互互式式矢矢量量动动画画的的标标准准,在在网网上上非非常常流流行行。FlashFlash广广泛泛应应用用于于网网页页动动画画制制作作、教教学学动画演示、网上购物、在线游戏等的制作中。动

36、画演示、网上购物、在线游戏等的制作中。3Flash 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。1.4 网页制作的基本步骤网页制作的基本步骤 网网站站定定位位要要小小,内内容容要要精精。如如果果要要制制作作一一个个包包罗万万象象的的站站点点,把把所所有有精精彩彩的的东西西都都放放在在上上面面,结果果往往往往会会事事与与愿愿违,给人人的的感感觉是是没没有有主主题,没没有有特特色,色,样样有,却有,却样样都很肤浅。都很肤浅。网网站站的的题题材材最最好好选选自自己己擅擅长长或或者者喜喜爱爱的的内内容容。兴兴趣趣是是制制作作网网站站的

37、的动动力力,没没有有热热情情,很很难难设设计计制制作作出优秀的网站。出优秀的网站。1.4.1 网站定位网站定位 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。进进行行网网站站的的整整体体规规划划也也就就是是组组织织网网站站的的内内容容和和设计其结构。设计其结构。组组织织网网站站的的内内容容可可以以从从两两个个角角度度来来考考虑虑。从从设设计计者者的的角角度度来来考考虑虑,可可以以依依据据被被描描述述对对象象的的组组织织机机构构、类类别别划划分分等等来来组组织织内内容容;从从浏浏览览者者的的角角度度来来考考虑虑,就就应应该该将将各

38、各种种素素材材依依据据浏浏览览者者的的需需要要进进行行内内容容分分类类,以以便便浏浏览览者者可可以以快快捷捷地地获获取取所所需需要要的的信信息息及及其其相相关关内容。内容。1.4.2 整体规划整体规划 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。合合理理的的结结构构设设计计对对于于网网站站的的规规划划也也是是至至关关重重要要的的。以下是三种常用的结构类型。以下是三种常用的结构类型。层状结构层状结构 层状结构类似于目录系统的树型结构,层状结构类似于目录系统的树型结构,严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到

39、及时发现、制止、汇报并处理各类违纪行为或突发事件。主主 页页页页面面1页页面面2页页面面3 线性结构线性结构 线线性性结结构构类类似似于于数数据据结结构构中中的的线线性性表表,用用于于组组织织本本身身的的线线性性顺顺序序形形式式存存在在的的信信息息,可可以以引引导导浏浏览览者按部就班地浏览整个网站文件。者按部就班地浏览整个网站文件。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。主主 页页页面页面1页面页面2页面页面3页面页面4页面页面5页面页面7页面页面8一级标题一级标题二级标题二级标题页面页面6 WebWeb结构结构 WebW

40、eb结结构构类类似似于于InternetInternet的的组组成成结结构构,各各网网页页之之间形成网状连接,允许用户随意浏览。间形成网状连接,允许用户随意浏览。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。通通常常在在进进行行网网页页开开发发时时,首首先先都都进进行行静静态态网网页页的的制制作作,然然后后再再在在其其中中加加入入脚脚本本程程序序、表表单单等等动动态态内内容容。静静态态网网页页仅仅仅仅用用来来被被动动地地发发布布信信息息,而而不不具具有有任何交互功能,它是任何交互功能,它是WebWeb网页的重要组成部分。网页的重

41、要组成部分。一一个个好好的的网网站站首首先先是是内内容容丰丰富富,其其次次就就是是网网页页设设计计美美观。对于网页的外观设计,提供以下建议:观。对于网页的外观设计,提供以下建议:(1 1)不不要要先先决决定定网网页页的的外外观观,然然后后迫迫使使自自己己去去适适应应它它,应应该该根根据据网网站站的的访访问问者者对对象象、要要提提供供的的信信息息以及制作目标得出一个最适合的网页架构。以及制作目标得出一个最适合的网页架构。1.4.3 网页设计与制作网页设计与制作 1静态网页的设计与制作静态网页的设计与制作 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类

42、违纪行为或突发事件。(2 2)切切勿勿以以10241024768768以以上上的的分分辨辨率率设设计计网网页页,常常用用的的分分辨辨率率是是800800600600及及1024768。现现在在国国内内的的站站点点基基本本上上都都是是1024768,但但是是如如果果主主要要是是面面向国外访问者的站点,建议使用向国外访问者的站点,建议使用800800600600。(3 3)每每页页排排版版不不要要太太松松散散或或用用太太大大的的字字,尽尽量量避避免免访访问问者者浏浏览览网网页页时时要要作作大大幅幅度度的的滚滚动动,对对于于篇篇幅太长的一页可以使用内部链接解决。幅太长的一页可以使用内部链接解决。(4

43、 4)不不应应在在每每页页中中插插入入太太多多的的广广告告。相相信信任任何何访访问问者者都都不不会会喜喜欢欢浏浏览览尽尽是是些些广广告告的的网网页页,要要考考虑虑该页内容与广告的比例,广告太多,只会令人烦厌。该页内容与广告的比例,广告太多,只会令人烦厌。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。(5 5)不不要要每每页页都都采采用用不不同同的的墙墙纸纸,以以免免每每次次转转页时都要花费过多的时间去下载。页时都要花费过多的时间去下载。(6 6)底底色色或或墙墙纸纸必必须须与与文文字字对对比比强强烈烈,以以易易于于阅阅读读。如如

44、果果网网页页是是文文章章式式或或是是包包含含大大量量文文字字,不不妨妨在在底底色色与与文文字字的的搭搭配配上上下下些些工工夫夫,力力求求让让访访问问者者能能够舒适地阅读网页。够舒适地阅读网页。(7 7)不不要要把把图图片片白白色色当当作作透透明明,要要知知道道别别人人的的系系统统不不一一定定把把内内定定底底色色设设为为白白色色,解解决决的的办办法法除除了了真真的的把把该该网网页页的的底底色色设设为为白白色色之之外外,最最好好还还是是用用图图片编辑工具将图片设为透明颜色。片编辑工具将图片设为透明颜色。严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪

45、行为或突发事件。静静态态网网页页制制作作完完成成后后,接接下下来来的的工工作作就就是是为为网网页页添添加加动动态态效效果果,包包括括一一些些脚脚本本语语言言程程序序和和数数据据库库程序的设计,以及加入动画效果等。程序的设计,以及加入动画效果等。一一个个真真正正的的网网站站,不不仅仅应应该该实实现现传传统统媒媒体体的的电电子子化化,给给用用户户提提供供需需要要的的内内容容,而而且且还还应应该该做做更更多多的的事事情情,完完成成比比页页面面浏浏览览更更高高层层次次的的需需求求,例例如如收收集信息、数据传递、数据存储以及系统维护等。集信息、数据传递、数据存储以及系统维护等。2为网页的添加动态效果为网

46、页的添加动态效果 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。当当网网页页设设计计人人员员制制作作完完所所有有网网站站页页面面之之后后,需需要要对对所所设设计计的的网网页页进进行行审审查查和和测测试试,测测试试内内容容包包括括功功能性测试和完整性测试两个方面。能性测试和完整性测试两个方面。所所谓谓功功能能性性测测试试就就是是要要保保证证网网页页的的可可用用性性,达达到到最最初初的的内内容容组组织织设设计计目目标标,实实现现所所规规定定的的功功能能,读读者者可可方方便便快快速速地地寻寻找找到到所所需需的的内内容容。完完整整性性测

47、测试试就就是是保保证证页页面面内内容容显显示示正正确确,链链接接准准确确,无无差差错错无无遗遗漏。漏。1.4.4 测试与发布网页测试与发布网页 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。网网页页设设计计好好,必必须须把把它它发发布布到到互互连连网网上上,否否则则网网站站形形象象仍仍然然不不能能展展现现出出去去。发发布布的的服服务务器器可可以以是是远远程程,也也可可以以是是本本地地,但但必必须须支支持持ASPASP,因因为为动动态态程程序是建立在序是建立在ASPASP基础上的。基础上的。严格执行突发事件上报制度、校外活动报批制

48、度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。网网站站的的宣宣传传和和推推广广一一般般有有两两种种途途径径和和方方法法。一一是是通通过过传传统统媒媒体体进进行行广广告告宣宣传传;另另一一是是利利用用InternetInternet自身的特点向外宣传。自身的特点向外宣传。可可用用来来宣宣传传的的传传统统媒媒体体包包括括:电电视视、广广播播、报报纸纸、广告牌、海报和黄页等。广告牌、海报和黄页等。在在InternetInternet上上宣宣传传网网站站的的方方法法也也是是多多种种多多样样的的,如如可可以以将将网网址址和和网网站站信信息息发发布布到到搜搜索索引引擎擎、网网上上

49、黄黄页页、新新闻闻组组、邮邮件件列列表表上上进进行行宣宣传传推推广广,也也可可以以与与其他同类网站交换宣传广告。其他同类网站交换宣传广告。1.4.5 网站的宣传与推广网站的宣传与推广 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。现现在在的的网网站站注注重重信信息息的的不不断断更更新新和和交交互互性性,只只有有这这样样才才能能吸吸引引更更多多的的浏浏览览者者来来访访问问和和参参与与。如如何何知知道道哪哪些些网网页页内内容容需需要要调调整整、更更新新和和修修改改,网网页页需需要要增增加加那那些些内内容容呢呢?这这些些不不能能靠靠主

50、主观观臆臆断断来来确确定定,而而是是需需要要得得到到访访问问者者的的反反馈馈意意见见,也也可可根根据据不不同同网网页的被访次数来分析。页的被访次数来分析。获获得得用用户户反反馈馈信信息息的的方方法法很很多多,常常用用的的有有计计数数器器、留留言言板板、调调查查表表等等,也也可可以以建建立立系系统统日日志志来来记记录录网网页的被访情况。页的被访情况。1.4.6 网站的反馈与评价网站的反馈与评价 严格执行突发事件上报制度、校外活动报批制度等相关规章制度。做到及时发现、制止、汇报并处理各类违纪行为或突发事件。网网站站要要注注意意经经常常维维护护更更新新内内容容,保保持持内内容容的的新新鲜鲜,不不要要

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育专区 > 教案示例

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁