动态网页设计与实践报告 1、实践内容简介 本节课的实验内容主要分为三个板块：HTML,CSS,JavaScript,其中，我对 HTML 技术的应用得到了熟练运用，并对其他动态网页设计方法进行了大致的了 解。HTML 是 Hypertext Markup Language 的英文缩写，即超文本标记语言。它 是一种标记语言而非编程语言，由浏览器解释支持。HTML 文件是一种文本文件， 可以用记事本打开，当然也可以用其他开发工具，比如 dream-weaver 和 VS 等等。 通过在文本中添加各种标签来告诉浏览器网页要显示的内容，以及以何种表现形 式显示。浏览器按照自上而下的顺序解读 HTML 文件，同时浏览器并不会因为 HTML 代码出现错误而停止解读。在课上操作上机的时候，老师教会了我们怎么用最简 单的 TXT 文件来设计自己想要设计的网页，并加入了多种元素。CSS 是一种用来 表现 HTML 文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合 各种脚本语言动态地对网页各元素进行格式化。 而且 CSS 能够对网页中元素位 置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象 和模型样式编辑的能力。JavaScript 是我认为我所学的技术里面最高端的一种 技术。JavaScript 是一种基于对象和事件驱动具有安全性能的脚本语言，使用 JavaScript 可以轻松的实现与 HTML 的互操作，并且完成丰富的页面交互效果， 它是通过嵌入或调入在标准的 HTML 语言中实现的，它的出现弥补了 HTML 的缺陷， 是 java 与 HTML 折衷的选择。学习本课的目的就是能够建立起自己设计出来的页 面，经过几周的教学和自我实践摸索，我已经能创建专属于自己的 HTML 页面， 超额完成自己的目标。 2、背景 学习本门课程主要有三个原因：1.检验自己未来就业是否适合这方面职业。 鉴于自己对未来的职业生涯的规划更倾向于网页设计，这和自己所学的专业不是 十分有联系，所以我希望在学习的过程里思考自己未来是否适合从事这方面的工 作，为以后求职之路少走弯路做一定的尝试。2.在实践中查漏补缺。在学校学习 的网站建设知识可以补充自己对这方面知识的欠缺，并充分得到相应的运用。希 望可以藉由这次学习，好好巩固书面知识。在实际运用中通过发现问题，解决问 题对知识进行查漏补缺。3.升华自己，丰富自己。由于学校的生活、学习、工作 氛围，都不会像网页设计这样的自由，所以我更想学习这方面知识来充分展现自 己，丰富自己的大学技能，技多不压身。 1 / 5 

3、实习过程 我的实习内容是用我最熟练的 HTML 方法，建立一个属于自己的网页，并加 入多种元素。保证网页代码中每一行代码没有错误，并都表现出来他所代表的内 容。 HTML 文本的构成由标志和属性两者组成的，“标志”说明元素的类型和性 质，“属性”则指明具体的参数。如 IMG 是一个图片的标志，它有一个（至少一 个）属性为 SRC，指明要显示的图片的位置。标志由尖括号< >包围，并且标志 一般都要配对：起始标志< >，结束标志最基本的一个 HTML 文本必须要包 括开始的，以及结尾的。一般的 HTML 文本由标志包围，其 中有两个区：区和区，其中区的内容不在网页中显示，而 区的内容则会显示在网页中。 另外 HTML 语音有属于自己的元素代码，例如：超级链接标志，插入图片 标志，设置字体。这些都是在设计网页过程中需要用到的，所以需 要经常使用。下面就是我制作 HTML 网页的制作过程。 先新建一个文本文档的文件，可见其末尾后缀为.TXT，更改文件名之后，将 后缀保存为 .HTML 结尾的。这样就可以使用浏览器来打开制作的网页文件。 然后选择使用某种编辑器来打开它，如使用 Notepad++编辑器来编辑它。我 这里使用的就是最普通的文本文档编辑。 2 / 5