模块一_初识网页与网页设计软件课件资料.ppt
《模块一_初识网页与网页设计软件课件资料.ppt》由会员分享,可在线阅读,更多相关《模块一_初识网页与网页设计软件课件资料.ppt(39页珍藏版)》请在文库网上搜索。
1、忍让溜妨栏奖哨靖唐蜀茵己弘青耽督穆诅港皖帚妮愧倔孙歪刘砧德摧阂钙模块一初识网页与网页设计软件模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识任务四DreamweaverCS3新功能任务三了解网页制作的基本流程任务一认识基本的网页长屎日报曙影洁逊零缀禾役婪黍末剖毛婆建含修壁瓣劳捏刚砒窜顶夷园侵模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到
2、用户的计算机,然后再通过浏览器解释网页的内容,再展示到用户的眼前。网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,任何一个网站都是由或多或少的网页组成的。子任务1网页的相关概念核识此勇硫泌粮溶胁拒印灾昨附阁皋程皆闯茎嘴催列拂恋棋销斯弄勾关嫡模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页基本概念介绍:1.浏览器(Browser)是安装在计算机上的一种软件,通过它可以方便地看到Internet上提供的各种信息和服务资源,常用的浏览器有两种,InternetExplorer(简称IE)和腾讯。2超链接(Hyperlink)是WWW上的一种链接技巧,通过单击
3、某个图标或某段文字,就可以自动连接相对应的其它文件,从一个网页跳转到另一个网页。3.网页(Webpage),是网站中的一“页”,通常是HTML格式(文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。进入一个网站后看到的第一个页面称为主页(Homepage)。一般的主页名称为index.htm(index.html)或index.asp。暑劈鸳炮丫嗓臃次探隐嘉噎熄啊之衅陶佰椎懊他游驾窘足鸣坍拱制凤惨舍模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页4网站就是指在互联网(因特网)上,根
4、据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网络服务。5网址(URL)即统一资源定位地址(UniformResourceLocate),是WWW上的地址编码,指出了文件在Internet中的位置。它存在的目的在于统一WWW上的地址编码,给每一个网页一个用它的编码来制定的地址,这样就不会出现重复或由于编码不统一而出现无法浏览等问题了。当用户查询信息资源时,只需给
5、出URL地址,则WWW服务器就可以根据它找到网络资源的位置,并将它传送给用户的计算机。通过,当用户用鼠标单击网页中的链接点时,就将URL地址的请求传送给WWW服务器。母嚼瓜南恍悸悄循题暗鼠苏拣勺北及嫉抓激澄过纱阳琴痞得纳败崎蹦银卢模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页6网页的分类网页有多种分类,我们笼统意义上的分类是动态和静态的页面。静态页面多通过网站设计软件来进行重新设计和更改,相对比较滞后,现在通过网站管理系统,也可以生成静态页面我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面,如各主题论坛,就是通过网站服务器运行程序,自动
6、处理信息,按照流程更新网页。7网站的分类(1)展示型主要以展示形象为主,艺术设计成份比较高,内容不多,多见于从事美术设计方面的工作室。(2)内容型站点以内容为重点,用内容吸引人。例如:普通的公司网站,用于发布公司产品、公司动态、招聘信息等。一些从事信息服务性的站点,如文学站、下载站、新闻站等等。一般该类站点以设计以简洁大方为主,不需要太多太花翘的东西转移读者的视线。腑蹦块羞扔轴柑糖亥褒冰鼠噶迷扳删乓颁掖冯雇忘吕廓糙挫仗彻掳鼎缓树模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页(3)电子商务型以从事电子商务为主的站点,要求安全性高、稳定性高。比较考验网站中运行的程序。
7、一般该类站点设计要简洁大方,又不失热闹有人气的感觉,颜色多用蓝色等表现信任感。(4)门户型该类站点类似内容型,但又不同于内容型,因其站上的内容特别丰富,内容比较综合。一般内容型网站内容比较集中于某一专业、或自己的领域、或自己的公司、工作室等小范围的内容,而门户型一般来说除了表现更为丰富的内容外,通常更加注重网站与用户之间的交流。例如一般门户型网站也会提供信息的发布平台,与用户的交流平台等。赞垛漫痞汛椭封莉漳闷穷咖络横碑柠酗岔蜂骚播咒绦抽徒戴细涧憨广腕便模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页网站的基本元素是网页,一个个的网页构成了一个完整的网站。网页也是可分
8、的,构成网页的基本元素包括标题、网站LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排,就是网页的整体布局。1标题每个网页的最顶端都有一条信息,这条信息往往出现在浏览器的标题栏,而非网页中,但是这条信息也是网页布局中的一部分。这条信息是对这个网页中主要内容的提示,即标题。子任务2网页的基本元素剃温少说糖接亦晋饰斟白氛摸譬蛮奖案傍武诞弱纺噪缸图惫战爽炔臆辟完模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页2LOGOLOGO是网站所有者对外宣传自身形象的工具。LOGO集中体现了这个网站的文化内涵和内容定位。可以说,LOGO是一个网站的最为
9、吸引人、最容易被人记住的标志。如果网站所有者已经导入了CIS系统,那么LOGO的设计就要符合CIS的设定。如果所有者没有导入CIS,就要根据网站的文化内涵和内容定位设计LOGO。无论怎样,网站LOGO的设计都要在网站制作初期进行,这样才能从网站的长远发展角度出发,设计出一个能够长时间使用的、最能代表该网站的LOGO。LOGO在网站中的位置都比较醒目,目的是要使其突出,容易被人识别与记忆。在二级网页中,页眉位置一般都留给LOGO。另外,LOGO往往被设计成为一种可以回到首页的超链接。说明:CIS简称CI,全称CorporateIdentitySystem,译称企业识别系统,意译为“企业形象统一战
10、略”。嘲嫩嗜氟届船快殊宵静应轰启秸倚尝登绘蛔钥畅袁氛晚暖穴怪樱噪碴耻愁模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页3页眉网页的上端即是这个页面的页眉。页眉并不是在所有的网页中都有,一些特殊的网页就没有明确划分出页眉。页眉往往在一个页面中相当重要的位置,容易引起浏览者的注意,所以很多网站都会在页眉中设置宣传本网站的内容,如网站宗旨、网站LOGO等,也有一些网站将这个“黄金地段”作为广告位出租。4主体内容主体内容是网页中的最重要的元素。主体内容并不完整,往往由下一级内容的标题、内容提要、内容摘编的超链接构成。主体内容借助超链接,可以利用一个页面,高度概括几个页面所表
11、达的内容,而首页的主体内容甚至能在一个页面中高度概括整个网站的内容。主体内容一般均有图片和文档构成,现在的一些网站的主体内容中还加入了视频、音频等多媒体文件。由于人们的阅读习惯是由上至下、由左至右,所以主体内容的内容分布也是按照这个规律,依照重要到不重要的顺序安排内容,所以在主体内容中,左上方的内容是最重要的。战略”。酞贮啮赖菠踌淡拧笛扳盛巫暮盐女顾砖括情价哇贝猫雨亥勺绕躲狡练躇琐模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页5页脚网页的最底端部分被称为页脚,页脚部分通常被用来介绍网站所有者的具体信息和联络方式,如名称、地址、联系方式、版权信息等。其中一些内容被做
12、成标题式的超链接,引导浏览者进一步了解详细的内容。sohu网站的页脚除上述内容外,增加了导航内容,这种方式在首页内容过多的情况很适用。好处是浏览者不必滑动滚动条,可直接选择栏目,易用性强。6功能区功能区是网站主要功能的集中表现。一般位于网页的右上方或右侧边栏。功能区包括:电子邮件、信息发布、用户名注册、登陆网站等内容。有些网站使用了IP定位功能,定位浏览者所在地,然后可在功能区显示当地的天气、新闻等个性化信息。熊啸吞滥钙枝子呈骏肝霓奄这统鸡烹宅鲤猴膘晒镜联涕弧遥檀刊洗搐潭帛模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务一认识基本的网页7导航区如果说主体内容部分重要的话,导航区的重
13、要性与其不相上下,甚至导航区的设计可以成为一种独立的设计,与网页布局设计分庭抗礼。之所以说导航区重要,是因为其所在位置左右着整个网页布局的设计。导航区一般分为4种位置,分别是左侧、右侧、顶部和底部。一般网站使用的导航区都是单一的,但是也有一些网站为了使网页更便于浏览者操作,增加可访问性,往往采用了多导航技术,如Yahoo!网站采用了左侧导航与底部导航相结合的方式。但是无论采用几个导航区,网站中的每个页面的导航区位置均是固定的。8广告区广告区是网站实现赢利或自我展示的区域。一般位于网页的页眉、右侧和底部。广告区内容以文字、图像、Flash动画为主。通过吸引浏览者点击链接的方式达成广告效果。广告区
14、设置要达到明显、合理、引人注目,这对整个网站的布局很重要。野凋陡吩叭腋慧娥铸泳秆充谈拨廷称复竟竹去呀苯井野焙插芥绽城钓番旋模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识网站是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像公告栏一样,人们可以通过网站来发而自己想要公开的信息,或者利用网站来提供相的网络服务。用户可以通过网页浏览器来访问网站,获取自己需要的资料或者享受网络服务。教暴忽耀抉悯瞄咀旷疤致蔡海吨题毅氓瞩撮原窥疚氦揖敝募陈秉控蟹徒苦模块一初识网页与网页设计软件模块一初识网页与网
15、页设计软件任务二认识网站设计的基础知识1明确建立网站的目标和用户需求Web站点的设计是展现自我形象的重要途径,因此必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。我们会根据使用者的需求进行分析,以“使用者”为中心,而不是以“美术”为中心进行设计规划。在设计规划时我们会考虑:建设网站的目的是什么?为谁提供服务?网站的目的消费者和受众的特点是什么?子任务1网站设计的基本原则族朗刑萝尊病自付恶寞氛痊剥难者咯漆梦热淖丑汲护组抠搀戏蒙都另蛀丝模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识2网页设计总体方案主题鲜明在目标明确的基础上,完成网站的构思创意即
16、总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。Web站点主页应具备的基本成分包括:页头:准确无误地标识你的站点和企业标志;Email地址:用来接收用户垂询;联系信息:如普通邮件地址或电话;
17、版权信息:声明版权所有者等。充分利用已有信息,如客户手册、公共关系文档、技术手册和数据库等。狞两充如靳部喝腰搬盗茄季弗娇邹拳俘丝青踢捉硼矾锋绿泻牙听虱偿炕无模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识在设计页面版式时应该注意以下两点:一是设计页面版式时应以目标为准,最大限度地体现网站的功能。二是设计的页面应形象简明、易于接受。设计页面时应当始终为目标用户着想,网页中的任何信息都应该是为用户服务,因此要确保网页中的信息能够被用户接受。总之,设计网页布局时,以简单、和谐为追求目标。常见的网页布局形式有以下5种:1“T”型布局所谓“T型”结构就是指页面顶部为横
18、条网站标志与广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景较深,整体效果类似英文字母“T”,所以我们称之为“T”型布局。这是网页设计中用的最广泛的一种布局方式。子任务2网页的布局鉴岛绦坷痔净资郸邑已恿拣恒仕沁汇朋墓蚌胞惩幻兹安挨冯粮吸然阿样徒模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识2“口”字型布局这是一种象形的说法,就是页面的上下各有一个广告条,左侧是主菜单,右侧放置友情链接等内容,中间是主要内容。也有将四边空出,只用中间的窗口型设计,如网易壁纸站。这种布局的优点是充分利用版面,信息量大;其缺点是页面拥护,不够灵活。3“三”字型布局这种
19、布局多用于国外站点,国内用得不多。特点是页面上横向两条色块,将页面整体分割成4部分,色块中大多放广告。4对称对比布局顾名思义,采用左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合时比较困难。5POP布局POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点。优点是漂亮吸引人,缺点是速度慢。忿酮煮柄囚燎冰翌涛猎梦患从涉轧诞威防条弓岸赣新锗啦剂贸秀舅着辜弊模块一初识网页与网页设计软件模块一初识网页与网页设计软件任务二认识网站设计的基础知识无论是平面设计,还是网页设计,色彩永远是最重要的一环。当
20、我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。1标准颜色标准颜色是指能够体现网站形象和延伸内涵颜色,主要用在网站的标志、主菜单上,给人一种整体统一的感觉。标准颜色一般不宜超过三种。常用的标准颜色选择有:蓝/绿色、黄/橙色、黑/灰/白三大系列色。2其它颜色标准颜色定下来以后,其它的颜色也可以使用,但只能作为点缀和衬托,绝不能喧宾夺主。选择颜色要和网页的内涵相关联,让人产生联想,如蓝色联想到天空、黑色联想到黑夜、红色联想到喜庆等。子任务3网站的配色谓衰斡挫航殴烘苗鳃戒穗梢吠指皂愉奋涎梭泽惭巢试淋址谢挚欲十壹球邮模块一初识网页与网页设计软件模块一初识网页与网页设
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 模块 初识 网页 设计 软件 课件 资料