网页制作基础知识.ppt

  1. 1、本文档共27页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
* * 第1章 网页制作基础知识 认识网站与网页 网页制作软件和制作技术 网站建设流程 1.1 认识网站与网页 网页就是我们上网时在浏览器中看到的一个个画面,网站则是一组相关网页的集合。一个小型网站可能只包含几个网页,而一个大型网站则可能包含成千上万个网页。 另外,打开某个网站时显示的第一个网页被称为网站的主页(或首页),它可以说是网站的门户,通过它不仅可以了解网站的性质和内容,还可以访问网站中的其他页面。 1.1.1 网页的本质 一般情况下,网页中除了包含网页文件(扩展名为.html、.asp等)外,还要用到图像文件(扩展名为.jpg、.gif等)、Flash动画文件(扩展名为.swf)、脚本文件(扩展名为.js)、样式文件(扩展名为.css)以及视频文件(扩展名为.avi、.flv等)等。 1.1.2 网页的功能组成 从专业的角度讲,网页中的元素各有其不同的作用,可以根据功能将他们分为站标、导航条、广告条、标题栏和按钮等,如下图所示。 站标 导航条 按钮 广告条 标题栏 1.站标 站标也叫Logo,是网站的标志,其作用是使人看见它就能够联想到企业。因此,网站Logo通常采用企业的Logo。 Logo一般采用蕴含企业文化和特色的图案,或是与企业名称相关的字符或符号及其变形,当然也有很多是图文组合。 2.导航条 对于一般的企业网站,如果网站内容不多,可根据网站风格灵活摆放导航条,也可以使用图片或Flash动画等制作导航条。 对于像搜狐、新浪等大型网站,如果网站栏目很多,可以将导航条分为多排放置在Logo的下方或右侧。为便于查看,可为各排设置不同的底色。 导航条可以说是网站最重要的组成部分,它是一组链接到网站内主要页面的超链接组合,通过单击这些超链接,浏览者可以轻松找到网站中的各个页面,导航条也因此而得名。设计导航条时,应遵循以下原则。 3.广告条 广告条又称Banner,其功能是宣传网站或替其他商品做广告。Banner的尺寸可以根据其内容或版面需要来安排。 4.标题栏 此处的标题栏不是指整个网页的标题栏,而是网页内部各版块的标题栏,是各版块内容的概括。它使得网页内容的分类更清晰、明了,大大地方便了浏览者。 标题栏可以是文字加不同颜色的背景,也可以是图片,这要根据网站的内容和规模来决定。 5.按钮 按钮通常是启动某些装置或机关的开关。网页中的按钮也不例外,单击它后,网页会实现相应的操作,比如页面跳转,或数据传输等。 1.1.3 IP地址、域名与网址 1.IP地址 我们知道,互联网是全世界范围内的计算机联为一体而构成的通信网络。虽然互联网上连接了不计其数的服务器与客户机,但它们并不是杂乱无章的。每一个主机在互联网上都有唯一的地址,我们称这个地址为IP地址(Internet Protocol Address)。IP地址由4个小于256的数字组成,数字之间用点间隔。例如,“26”就是一个IP地址。 2.域名 由于IP地址在使用过程中难于记忆和书写,人们又发现了一种与IP地址对应的字符来表示地址,这就是域名。每一个网站都有自己的域名,并且域名是独一无二的。例如,我们只需要在浏览器地址栏中输入搜狐网站的域名“”,然后按回车键就可以访问搜狐网站了。 3.网址 网址又叫URL,英文全称是“Uniform Resource Locator”,即统一资源定位符。它是网络上通用的一种地址格式,用于标识网页文件在网络中的位置。 一个完整的网址由通信协议名称、域名或IP地址、网页在服务器中的路径和文件名4部分组成。 1.1.4 静态网页与动态网页 从制作技术的角度来讲,网页可分为静态网页和动态网页。完全采用HTML技术制作的网页称为静态网页;使用HTML、编程语言和数据库共同完成,需要与数据库实时交互的网页称为动态网页。 1.2 网页制作软件和制作技术 1.2.1 网站管理与网页制作软件 目前用于网站管理和网页制作的软件主要是Dreamweaver,其功能全面、操作灵活、专业性强。另外,它还可以作为动态网站的开发环境。 在制作网页时,除Dreamweaver外还需要用到Fireworks、Flash、Photoshop等辅助软件。 1.2.2 HTML语言简介 1.认识HTML HTML语言是网页制作的基础,本节我们就来简单了解一下该语言。 HTML是Hypertext Markup Language的首字母缩写,中文称作“超文本标记语言”。目前Internet上的绝大多数网页都遵循HTML语言(或是由HTML语言发展而来的语言)规范。 2.HTML文档的基本结构 HTML语言的核心是标签(或者称为标记)。也就是说,我们在浏览网页时看到的文字、图像、动画等在HTML文档中都是用标签来描述的。一个完整的HTML文档由html标签

文档评论(0)

wuyoujun92 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档