网页设计与制作论文

网页设计与制作论文内容摘要：

网页设计与制作论文 网页设计与制作前言进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。 作为一名大学生，学习如何设计和制作网页变成了一项必不可少的过程，经过几个月的集中学习，我开始对网页的设计和制作有了初步的认识，并且学习了一些网页制作基础。 网页分为静态网页和动态网页两种。 静态页面是网页的代码都在页面中，不需要执行程序生成客户端网页代码的网页。 扩展名的。 动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。 所以我将以四部分阐述我对网页设计与制作的理解。 首先是基于静态网页的 文本标记语言和 叠样式表，然后是基于动态网页的设计语言 后是我对 应用知识。 签档和 素是通过 签进行标记的 签由开始标签和结束标签组成 开始标签是被括号包围的元素名 结束标签是被括号包围的斜杠和元素名 某些 素没有结束标签，比如 2. 素素指的是从开始标签（ 结束标签（所有代码。 素以开始标签起始 素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 素具有空内容（ 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 素可拥有属性 3. 性签可以拥有属性。 属性提供了有关 素的更多的信息。 属性总是以名称/值对的形式出现，比如： 属性总是在 素的开始标签中规定。 4. 落段落是通过 标题定义的。 使用空的段落标记 去插入一个空行是个坏习惯。 用 标签代替它。 （但是不要用 标签去创建列表。 不要着急，您将在稍后的篇幅学习到 表。 ）5. 式性的作用：提供了一种改变所有 素的样式的通用方法。 样式是 引入的，它是一种新的首选的改变 素样式的方式。 通过 式，能够通过使用 性直接将样式添加到 素，或者间接地在独立的样式表中（件）进行定义。 6. 接用 （锚）标签来创建连接另一个文档的链接。 锚可以指向网络上的任何资源：一张 面，一幅图像，一个声音或视频文件等等。 7. 格表格由 标签来定义。 每个表格均有若干行（由 标签定义） ，每行被分割为若干单元格（由 标签定义）。 字母 表格数据（ ，即数据单元格的内容。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 8. 表无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表始于 标签。 每个列表项始于。 有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 标签。 每个列表项始于 标签。 9. 单表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（）定义。 10. 架框架结构标签（）定义如何将窗口分割为框架 每个 义了一系列行或列 值规定了每行或每列占据屏幕的面积 础语法法由三部分构成：选择器、属性和值：择器 (通常是你希望定义的 素或标签，属性 (是你希望改变的属性，并且每个属性都有一个值。 属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（面这行代码的作用是将 素内的文字颜色定义为蓝色。 在上述例子中，选择器，而包括在花括号内的的部分是声明。 声明依次由两部分构成：属性和值，属性，值。 2派生选择器通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。 在 ，通过这种方式来应用规则的选择器被称为上下文选择器 (这是由于它们依赖于上下文关系来应用或者避免某项规则。 在 ，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。 派生选择器允许你根据文档的上下文关系来确定某个标签的样式。 通过合理地使用派生选择器，我们可以使 码变得更加整洁。 3类选择器择器可以为标有特定 素指定特定的样式。 择器以 "#" 来定义。 下面的两个 择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：#下面的 码中，性为 p 元素显示为红色，而 性为 p 元素显示为绿色。 #p #1em;0;1.5;4架型结构模型 (规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 元素框的最内部分是实际的内容，直接包围内容的是内边距。 内边距呈现了元素的背景。 内边距的边缘是边框。 边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 内边距、边框和外边距都是可选的，默认值是零。 但是，许多元素将由用户代理样式表设置外边距和内边距。 可以通过将元素的 置为零来覆盖这些浏览器样式。 这可以分别进行，也可以使用通用选择器对所有元素进行设置：在 ， 的是内容区域的宽度和高度。 增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。 假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。 如果希望这个元素框达到 100 个像素，就需要将内容的宽度设置为 70 像素5定为基础和相对绝对定位定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 显然，这个功能非常强大，也很让人吃惊。 要知道，用户代理对 定位的支持远胜于对其它方面的支持，对此不应感到奇怪。 另一方面，首次提出了浮动，它以 展初期增加的一个功能为基础。 浮动不完全是定位，不过，它当然也不是正常流布局。 我们会在后面的章节中明确浮动的含义。 三种基本的定位机制：普通流、浮动和绝对定位。 除非专门指定，否则所有框都在普通流中定位。 也就是说，普通流中的元素的位置由元素在 X(中的位置决定。 块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。 行内框在一行中水平布置。 可以使用水平内边距、边框和外边距调整它们的间距。 但是，垂直内边距、边框和外边距不影响行内框的高度。 由一行形成的水平框称为行框（，行框的高度总是足以容纳它包含的所有行内框。 不过，设置行高可以增加这个框的高度。 在下面的章节，我们会为您详细讲解相对定位、绝对定位和浮动。 对定位相对定位是一个非常容易掌握的概念。 如果对一个元素进行相对定位，它将出现在它所在的位置上。 然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。 如果将 置为 20么框将在原位置顶部下面 20 像素的地方。 如果 置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。 对定位绝对定位使元素的位置与文档流无关，因此不占据空间。 这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。 普通流中其它元素的布局就像绝对定位的元素不存在一样：绍属于网络的脚本语言。 数百万计的网页用来改进设计、验证表单、检测浏览器、创建 及更多的应用。 因特网上最流行的脚本语言。 在数百万张页面中，用来改进设计、验证表单、检测浏览器、创建等等等。 因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行，比方说 含 方法 标签用于把 入 面当中。 如果需要把一段 入 面，我们需要使用 标签（同时使用 性来定义脚本语言）。 这样， 就可以告诉浏览器 何处开始，到何处结束。 3句，注释与变量句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 这个 句告诉浏览器向网页输出 "释可以添加注释来对 行解释，或者提高其可读性。 单行的注释以 / 开始。 量正如代数一样，量用于保存值或表达式。 可以给变量起一个简短名称，比如 x，或者更有描述性的名称，比如 量也可以保存文本值，比如 4运算符和控制语句运算符 = 用于赋值。 运算符 + 用于加值。 算术运算符运算符 描述 例子 结果+ 加 x=y+2 x=7 - 减 x=x=3* 乘 x=y*2 x=10/ 除 x=y/2 x=求余数 (保留整数) x=y%2 x=1+ 累加 x=+y x=6 减 x=x=4 赋值运算符运算符 例子 等价于 结果= x=y x=5+= x+=y x=x+y x=15-= x-=y x=x=5*= x*=y x=x*y x=50/= x/=y x=x/y x=2%= x%=y x=x%y x=0条件语句在您编写代码时，经常需要根据不同的条件完成不同的行为。 可以在代码中使用条件语句来完成这个任务。 在 ，我们可以使用下面几种条件语句：句 在一个指定的条件成立时执行代码。 句 在指定的条件成立时执行代码，当条件不成立时执行另外的代码。