网页设计与制作入门.docx
- 文档编号:9314098
- 上传时间:2023-02-04
- 格式:DOCX
- 页数:33
- 大小:40.88KB
网页设计与制作入门.docx
《网页设计与制作入门.docx》由会员分享,可在线阅读,更多相关《网页设计与制作入门.docx(33页珍藏版)》请在冰豆网上搜索。
网页设计与制作入门
HTML入门
主要介绍浏览器端开发技术,也就是HTML页面制作技术。
在WEB标准中,HTML/HTML负责页面结构,CSS负责页面样式表现,JavaScript
责动态行为。
万维网(WorldWideWeb,WWW)是一个基于超文本方式的信息检索服务工具,采用
指针连接的超网状结构把信息组织起来的。
HTML语言:
超文本标记语言。
网页设计相关概念
1.超链接
网页是使用HTML语言编写的,它的特点就是网页有“超链接”。
超链接是特殊的文字标识,它指向了万维网中的资源;文字的超链接在浏览器中显示出来就是带下划线的文字;判断网页中的某一个对象是不是超链接的一个简单的方法就是用鼠标的光标放在这个文字或图片上,如果是超链接,浏览器便会改变光标为一支手的形状。
2统一资源定位器
用于描述Internet上资源的位置和访问方式,相当于写信的通信地
址,因此叫做“网址”。
语法:
HTTP:
//
基本语法:
Scheme:
//host.domain:
portr/path/filename
说明:
URL包括三个部分,一个是Scheme,告诉浏览器该如何工作,第二部分是文字所存在的主机,第三部分是文件的路径。
(1)Scheme:
定义因特网的服务类型,告诉浏览器如何解析将要
打开的内容。
最流行的是HTTP
(2)Domain(域):
定义因特网域名,比如。
(3)Host(主机):
定义域中的主机如果被省略,默认的支持HTTP
的主机WWW,上述中是:
news.
(4)Port(端口):
定义服务的端口号,端口号经常被省略。
HTTP
默认的端口号是80.
(5)Path(路径):
定义服务器上的路径。
如果被省略,资源会
被定位到网站的根目录上;上例中的gaunafa.
(6)filename(文件名):
定义文档的名称。
上述中的agisd.html.
URL的服务类型
file引用本地pc的文件
ftp文件传输协议,用于下载服务器上的文件。
HTTPWWW服务器上的文件,超文本协议
gophergopher服务器上的文件
newsUsenet新闻组
telnetTelnet连接
WAISWAIS服务器上的文件
3网站
网站是一个存放网络服务器上的完整信息的集合体。
它包括一个活多个网页,这些网站以一定的方式连接在一起,成为一个整体,用来描述一组完整的信息或达到某种期望的宣传效果。
4网页
网页可以看成是一个单一体,是网站的一个元素。
5.首页
首页也称为主页,它是一个单独的网页,和一般网页一样,可以存
放各种信息,也是网站所有信息的归类目录或分类缩影。
网页制作开发工具
1.编辑工具
HTML代码可以使用Windows操作系统中自带的记事本进行编
辑。
同时任何文本编辑器都可以编写HTML,但保存的时候必须保
存为.HTML或.htm的格式。
EditPlus就是这样一款非常好用的HTML
编辑器。
它支持颜色标记、HTML标记,同时支持C、C++、Perl、
Java等其他语言,同时还内建完整的HTML&CSS指令功能。
Dreamweaver是一款专业的HTML编辑器,用于设计网页和WEB
应用程序。
2.浏览工具
浏览器是阅读WWW上的信息资源的一个软件,它的作用是在网络上与WWW服务器打交道,从服务器上下载文件。
普及的是InternetExplorer(IE),其他的包括Opera,MozillaFirefox(火狐),腾讯TT。
网页制作相关技术
1.CSS
CSS就是一种叫做样式表(StyleSheet)的技术。
也有人称之为成叠样式表。
Css是一种标记语言,它不需要编译,属于浏览器解释型语言,可以由浏览器直接执行,CSS是由W#C的CSS工作组制定和维护的。
2.JavaSscript
Javascript就是为适应动态网页制作的需要而诞生的一种新的编程语言,是一种脚本语言,在HTML基础上,使用Javascript可以开发交互式WEb网页。
Javascript的出现使得网页和用户之间实现了一种实现性的、动态性、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。
Javascript程序其实是一个文档,一个文本文件,它需要嵌入到HTML文档中,所以任何编写HTMl文档的软件都可以编写开发Javascript。
HTML的基础介绍
超文本标记语言——HTML(HyperTextMarkupLanguage)是编写WEB应用程序的一种语言。
HTML基本结构
一个完整的HTML文件包含头部和主体两个部分的内容,在头部内容里,可以定义标题,样式等,文档的主体结构就是要显示的内容。
标记通常作为HTML的开始标记同样作为结束标记,该标记告诉浏览器或其它程序,这是一个WEB文档,应该按照HTML语言规则对文档的内容的标记进行解释
头部标记
是HTML文档的头部标记,头部信息不会显示在正文中,此标记可以插入其他说明文件的标题和一些公共属性的标记
标记用于描述不包含在标准HTML里的一些文档信息,列如:
作者、工具、网页关键字。
在