HTML网页基础知识介绍.ppt
《HTML网页基础知识介绍.ppt》由会员分享,可在线阅读,更多相关《HTML网页基础知识介绍.ppt(54页珍藏版)》请在咨信网上搜索。
1、第1 章 网页设计基础知识1.网页设计基本概念什么是网页、网站?网页的板块什么是网页、网站?网页的板块结构?网页包含哪些基本构成要结构?网页包含哪些基本构成要素?素?1.1 网站网站网站(Web Site)是一个存放网络服务器上的是一个存放网络服务器上的完整完整信息的集合体信息的集合体。它。它包含一个或多个网页包含一个或多个网页,这些网,这些网页以一定的方式链接在一起,成为一个整体,用页以一定的方式链接在一起,成为一个整体,用来描述一组完整的信息或达到某种期望的宣传效来描述一组完整的信息或达到某种期望的宣传效果。果。有的网站内容众多,如新浪、搜狐等门户网有的网站内容众多,如新浪、搜狐等门户网站
2、;有的网站只有几个页面,如个人网站。站;有的网站只有几个页面,如个人网站。1.2 网页1.2 网页网页(Web Page)实际上是一个文件,网页里可以有文字、图像、声音及视频信息等。网页可以看成是一个单一体,是网站的一个元素。平常我们所听说的“新浪”、“搜狐”、“网易”等,即是俗称的“网站”。而当我们访问这些网站的时候,最直接访问的就是“网页”了。这许许多多的网页则组成了整个站点,也就是网站。1.3 首页首页首页(Home page),它是一个单独的网页,和一,它是一个单独的网页,和一般网页一样,可以存放各种信息,同时又是一个般网页一样,可以存放各种信息,同时又是一个特殊的网页特殊的网页,作为
3、整个网站的起始点和汇总点作为整个网站的起始点和汇总点。例如,当浏览者输入搜狐网站地址例如,当浏览者输入搜狐网站地址“”后出现在第一个页面,即后出现在第一个页面,即sohusohu网站的首页。网站的首页。问题:首页和主页有区别吗?问题:首页和主页有区别吗?通常网站为方便浏览者查找和分类浏览网站的信通常网站为方便浏览者查找和分类浏览网站的信息,会将信息分类,并建立一个网页以放置息,会将信息分类,并建立一个网页以放置网站网站信息的目录信息的目录,即,即网站的网站的主页主页。并非所有的网站都将主页设置为首页,有的网站并非所有的网站都将主页设置为首页,有的网站喜欢在首页放置一段进入动画,并将主页的链接喜
4、欢在首页放置一段进入动画,并将主页的链接放置在首页上,浏览者需要单击首页的链接进入放置在首页上,浏览者需要单击首页的链接进入主页。主页。1.4 网页的表现形式静态网页:客户端与服务器端不发生交互 访问者只能被动地浏览网站建设者提供的网页内容。其特点:网页内容不会发生变化,除非网页设计者修改了网页的内容。不能实现和浏览网页的用户之间的交互。信息流向是单向的。动态网页:客户端与服务器端要发生交互动态网页是指浏览器可以和服务器数据库进行实时数据交流的交互网页,而不是加上了动画等效果的动感网页。动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、搜索查询、用户管理、订单管理等。信息流向是双向的
5、。2.网页的版块结构InternetInternet中的网页由于涉及和制作的中的网页由于涉及和制作的差别而千变万化,但通常由几大版块差别而千变万化,但通常由几大版块组成。组成。2.1 网站LOGO通常网站为体现其特色与内涵,涉及并制作一个LOGO图像放置在网站的左上角或其他醒目的位置。企业网站常常使用企业的标志或者注册商标。一个设计优秀的LOGO可以给浏览者留下深刻的印象,为网站和企业形象宣传起到十分重要的作用。2.1 网站LOGO2.2 导航条导航条是网页的重要组成元素。设计的目的是将站点内的信息分类处理,然后放在网页中以帮助浏览者快速查找站内信息。导航条的形式多种多样,包括文本导航条、图像
6、导航条以及动画导航条等。有些使用特殊技术(例如Flash、JavaScript、CSS)制作的导航条还可以具有下拉菜单的功能。2.2 导航条2.3 BannerBanner的中文意思是横幅。Banner的内容通常为网页中的广告。在网页布局中,大部分网页将Banner放置在与导航条相邻处,或者其他醒目的位置以吸引浏览者浏览。2.3 Banner 2.4 内容版块网页的内容版块是整个页面的组成部分。设计人员可以通过该页面的栏目要求来设计不同版块,每个版块可以有一个标题内容,并且每个内容版块主要来显示不同文本信息。2.5 版尾或版权版块版尾,即页面最低端的版块。这部分位置通常放置网页的版权信息,以及
7、网页所有者、设计者的联系方式等。有的网站也将网站的友情链接以及一些附属的导航条放置在这里。3.网页的基本构成要素虽然网页种类繁多,形式内容各有不同。但网页虽然网页种类繁多,形式内容各有不同。但网页的基本构成要素大体相同,网页设计就是要将构的基本构成要素大体相同,网页设计就是要将构成要素有机整合,表达出美与和谐。成要素有机整合,表达出美与和谐。3.1 文本网页中的信息以文本为主。与图片相比,文字虽然不如图片那样能够很快引起浏览者的注意,但却能准确地表达信息的内容和含义。3.2 图片用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等,其中使用最广泛的是GIF和JPEG两种格式。3.3 超
8、链接超链接在本质上属于一个网页的一部分,是一种允许用户同其他网页或站点之间进行连接的元素。超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。3.4 动画在网页中为了更有效地吸引浏览者的注意,许多网站的广告都做成了动画形式。网页中的动画主要有两种:GIF动画和Flash动画。其中GIF动画只能有256种颜色,主要用于简单动画和图标。3.5 声音和视频声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多,常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可
9、以支持MIDI、WAV和AIF格式的文件,而MP3和RM格式的声音文件则需要专门的浏览器播放。3.6 表格在网页中表格用来控制网页中信息的布局方式。包括两个方面:一是使用行和列的形式来布局文本和图像以及其他的列表化数据;二是可以使用表格来精确控制各种网页元素在网页中出现的位置。3.7 表单网页中的表单通常用来接受用户在浏览器端的输入,然后将这些信息发送到网页设计者设置的目标端。这个目标可以是文本文件、Web页、电子邮件,也可以是服务器端的应用程序。表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登录站点等。3.8 其他常见元素包括悬停按钮、
10、Java特效、ActiveX等各种特效。它们不仅能点缀网页,使网页更活泼有趣,而且在网上娱乐、电子商务等方面也有着不可忽视的作用。4.网页设计软件熟练使用各种网页设计以及图像、动画处理熟练使用各种网页设计以及图像、动画处理制作软件,是一个网页设计师必须掌握的技制作软件,是一个网页设计师必须掌握的技能。能。4.1 文本编辑器不仅在记事本中可以编写HTML代码,任何文本编辑器都可以编写HTML。比如写字板、word等,但保存的时候必须保存为.html或.htm格式。有一些文本编辑器专门提供网页制作及程序设计等许多有用的功能,支持HTML、CSS、PHP、ASP、Perl、C/C+、Java、Jav
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 网页 基础知识 介绍
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【胜****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【胜****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。