基于HTML语言的网页制作基础
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《网页设计基础与网站维护》课程论文基于HTML语言的网页制作基础
学号:
姓名:
专业:
学院:
日期:
学期:
上课教室:
联系方式:
指导老师:
论文成绩:
基于HTML语言的网页制作基础
【内容摘要】本文着重于基于HTML语言的网页制作,通过对“网页设计基础”课程的总结学习,主要介绍了网页制作的基本知识、HTML语言的具体介绍、利用HTML语言制作网页的基本方法技术,以及网页设计的发展方向等。
【关键词】HTML语言、网页设计、代码、标记
一、网页设计制作介绍
网页(Web page)是一个文件,他存放在世界某个角落的某一部计算机中,而这部计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,是万维网中的一“页”,是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字,表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如动画,视频,声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。
网页设计的工具:
⑴Dreamweaver,用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具;
⑵Frontpage,跟Dreamweaver一样,不过个人感觉还是Dreamweaver好;
⑶Flash,网页需要画面流动时的首选择;
⑷Photoshop,图像处理软件,一般网页都需要有图片相搭配,Photoshop是款很强大的工具。
⑸Fireworks,跟Photoshop一样都是图像处理软件,但Fireworks偏向与对网页
的处理。
二、HTML语言介绍
超级文本标记语言(英文缩写:HTML)是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
⑴、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
⑵、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
⑶、平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网盛行的另一个原因。
三、HTML语言制作网页的基本方法
3.1一般操作
标记在文档中放置的位置的不同会带来不同的显示效果,一般在和之间放置HTML文档的所有内容,在
在网页中插入音频和视频的方法是在HTML文档中使用标记,例如代码:点击这里欣赏"URL"为音频或视频文件的地址。表单标记
其作用是为读者提供一种窗口界面,可以让读者在窗口中输入其想表达的信息,HTML语言的表单标记功能与CGI(Common Gateway Interface)、ASP(Active Server Pages)程序一起共同完成网页浏览者与web服务器之间的信息交流Form是实现网页浏览器者与web服务器之间信息交流的主要形式,Form的任务是:指出CGI或ASP的路径和名称,将网页浏览者输入的信息传递到CGI或ASP,为网页增添互动性。Form的具体格式为:
3.2文字的使用
对于多级标题可以使用代码:
...
。在我们日常文档使用中有一项重要的内容就是对文档的排版,在HTML语言中有多种方式对文档进行排版,以达到所要的效果。例如分段标记可以使用代码:或者也可以为单标记:。换行可以使用代码
。另外,如果想要达到一直不换行的效果,可以使用强制不换行标记:
...。
对字体标记进行标记可以使用代码:。例如将字体设置为宋体、7号,红色。可以使用代码:。另外对字体的一些其他样式也可以一一展现:加粗: 斜体: 下划线: 上标: 上标。
为了是编辑时的排版应用于网页效果,用
就可以实现,使排版和编辑更加方便和直观化。body主体标记也有一些必要的属性以供设置:topmargin="200"(距上边界像素距离为200个像素);leftmargin(左边界);right(右边界)。3.3背景音乐
使用mid格式音乐可以使网页流畅播放多种格式的音乐,在
中,使用代码:文字上面可以使用GIF图片,在制作时可以使用一些图片处理软件美化。