网页的基本功能

《网页的基本功能》由会员分享，可在线阅读，更多相关《网页的基本功能（4页珍藏版）》请在金锄头文库上搜索。

1、网页基本属性，要素，步骤，工具，属性面板，视图，结构，标记符，标题，水平线网页的基本功能 主页 index 主页是一个网站的核心，进入一个网站后，首先引入眼帘的是该网站主页。主页的 上部是含有该校中，英文名称的LOGO图片，网页的底部是版权区，在LOGO图片的下面，版权区的上面有两 行横向导航菜单，包括概括设置资料等，每个子菜单都进行了超链接，浏览者可以根据需要浏览相应的内容， 主页的中间部分是校内新闻，提供给浏览者一些最新新闻浏览者可以随意浏览任一条网页的基本要素 1 文字（标题，字号，字型）2 表格：具有容量大，结构严谨或效果直观等优点，表格还可以 控制信息的布局方式。3图形：一般使用JP

2、EG,GIF 4链接标志：有文字图像2种5交互功能6声音和视频 网页制作工具：一种是利用网页制作工具进行制作，例： frontpage,dreamweaver另一种采用 HTML 超文本标识语言的专用格式来进行编制。 网页制作的基本步骤：1网站定位，定位要小内容要精，网站题材，名称要正，易记，有特色。 2整体规划：也 就是组织网站的内容和设计其结构。收集整理资料，准备素材，内容规划整体规划中3重常用结构类型：（1） 层状结构，类似与目录系统的树型结构，很强层次性（2）线性结构，类似数据结构中的线性表，用在意义是平 行的页面上（3） WEB结构，类似Internet的组成结构，各网页之间形成网状

3、链接，允许用户随意浏览。3网页 的设计与制作，先静态后添加动态效果 4测试网页：功能性测试和完整性测试 5网页上传发布，服务器可以是 远程或本地但必须支持 ASP 6网站宣传推广 7网站的反馈与评价 8更新与维护 建立目录结构建议：1 不要将所有文件都存放在根目录下，会造成文件管理混乱，很难搞清哪些文件需要编辑 和更新，哪些无用，哪些想关联，影响工作效率。上传速度慢，文件量越大等待时间也越长。所以尽可能减少 根目录文件存放数。 2 在每个主栏目目录下都建立独立的 images 目录，最方便于管理，而根目录下的 images 目录只用来存放首页和一些次要栏目的图片。 3 按栏目内容建立子目录。按

4、主菜单的栏目建立子目录，一些关 联性强不需要经常更新的栏目可以合并放在一个统一的目录下。 4 目录的层次不要太深。建议不超过3层，维 护管理方便。 5 不要使用过长的目录 6 不要使用中文目录。DW界面。属性面板：要显示或隐藏属性面板，应单击窗口一属性或者直接按CURL+F3，用户对属性进行的修 改多数会立即在文档窗口中应用，但有些属性在修改完以后可能需要在属性编辑文本框之外的地方单击一下或 者按TAB键转到其他属性后才能应用。Dreamweaver 的视图：单击工具栏上的视图切换按钮（），即显示设计视图，使用工具栏中的按钮（ ）即可很方便的切换到代码视图，以便查看当前编辑网页的HTML源代码

5、，如果需要同时查看代码视图和设计视 图可以单击工具栏上的显示代码（ ）和设计按钮（ ）此时将同时在窗口中显示代码视图和设计视图 标记符又称标签，HTML是影响网页内容显示格式的标记符集合，浏览器根据标记符决定网页的实际显示效果 HTML标记符不区分大小写，但通常使用大写字母HTML文件被分为首部HEAD和体部BODY两大部分 四种标记符意义：1 HTML标记符：HTML处于文档的最前端，表示文档的开始即浏览器从HTML开始 /HTML位于文件的最后一行表示这一整份的文档都是HTML语法的文档。2HEAD标记符，HEAD/HEAD是HTML文件头标记符，用来描述首部的内容说明文档的整体信息。3T

6、ITLE标记符TITLE/TITLE指的是份文档的标题，标题所在的位置虽然依照浏览器的不同而不同但大 部分都位于浏览器的最上方。设计网页标题栏时不可以设计字体。4BODY标记符：BODYx/BODY定义出一个HTML文档的体部。位于首部下面标题处理：在HTML中，用户可以通过HN标记符来标识文档中的标题和副标题，其中N是1-6的数字H1 表示最大的标题，H6表示最小的标题，使用标题样式时必须使用结束标记符强制换段标记符:有2个，1：强制换段标记符：文字PP标记不但能使后面的文字换到下一行还可以使两 端之间多一空行。由于一段的结束意味着新一段的开始，所以使用P也可省略结束标记符。一个强制标记符

7、P可以看作是两个强制换行标记符BR 2设置段落标记符卩align=”对齐方式”文字/p其中属性align用 来设置段落的对齐方式，可以为left,center或right分别表示居左居右居中默认方式为LEFT 水平线：在页面中插入一条水平标尺线 horizontal rules可以使不同功能的文字分隔开，看起来整齐明了。 水平标记符格式：HR align=”对齐方式”size=”横线粗细”width=”横线长度”clolr=”横线颜色”noshade颜色 文字 页面属性 空格 表格构成 背景图像 超链接 路径 表格形式 十六种标准颜色：黑色 BLACK #000000 蓝色 BLUE#000F

8、F 绿色 GREEN#00ff000 红色 red#FF0000 白色 white #FFFFFF文本格式文字设置：FONT标记符设置文字样式，他是HTML的一个标记，具有3个常用的属性1 SIZE 属性：字号属性，控制文字的大小，取值即可是绝对值又可是相对值，2 FACE属性。是字体标记符用来指定字体样式3COLOR属性设置页面属性：1页面背景属性：在body标记符中使用bgcolor属性可以为网页设置背景颜色2设置背景图像：使用BODY标记符的background属性即可特殊字符：输入空格的三种方法：1按住CTRL+SHIIFT按一次空格键，键入半个空格2 将输入法由半角状态切换到全角状态

9、，按一次空格键键入一个空格3将编辑窗口切换到代码模式，在输入空格的地方输入代码6 nbsp，输入一组6 nbsp代码产生半个空格表格的基本构成：1 TABLE标记符：用于定义整个表格，表格内的所有内容都应该位于 TABLEHE /TABLE间2 CAPTION：如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在caption,/caption之间。3 TR标记符用于定义表格的行，对于每一个表格行都对应一个TR标记符。TR标记符的结束标记符可以省略4 TD和TH： 个TD表示有一列，用于标记表格的内容，其中包括文字图像或其他对象，TD表示普通表格数据， TH表示表格的行列标题数

10、据，都可以省略，并可以不包括任何内容插入图像，图像属性参数，热点区域的形状：可以为图像设置长方形，圆形，多边形热点 设置背景图像：（1 选择“修改”“页面属性”命令，打开“页面属性”对话框（2单击“背景图像”右边的浏览按 钮，打开“选定图像源文件”对话框（3选择一副图像后，单击确认按钮，所选择的图像作为网页背景图像。网页中的超链接3种类型：1 内部链接：即在同一个站点内的不同页面之间联系的超链接。（2）锚点链接：可以链接 到网页中某个特定位置的链接。（3）外部链接：把网页和INTERNET中的目标相联系的链接。如果按照使用对象的 不同，网页中链接又可分为：文本超链接，图像超链接，E-MALL链

11、接，锚点链接。多问题文件链接。空链接等。文档路径类型及含意：在创建链接前，必须了解相对路径和绝对路径间的差异以及如何指定不同类型的路径。（1绝对路径：是包含服务器协议（对于网页来说通常是HTTP:/或FTP:/）的完全路径，绝对路径包含的 是精确地址而不用考虑源文件的位置。但如果目标文件被移动，则链接无效。创建外部超链接时必须使用绝对路径。2和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点 的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。（3）和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径，可以用来链接和

12、当前文档处于同以文件夹下的文档。 目标表示所链接的目标文件在浏览器中打开的方式，在下拉列表框中有 4 个选项：1：BLANK（空白窗口）：在另一个新的窗口中显示链接的内容，这样可以保留现有的窗口文档内容。2：PARENT（父窗口）：在上一层的框架集中显示连接的内容，该选项只有在框架集中还包含另一个框架集的情况下 才能产生效果。3：SELF （当前窗口）在本身所在的框架中显示连接的内容，这样会覆盖当前框架中的所有内容，该目标是默认值。 4：TOP（最高）：在整个浏览器窗口中显示链接的内容，这样会覆盖当前框架中的所有内容。其中-PARENT,-SELF,-TOP只有在使用框架页面时才有效，如果该页

13、面无框架，则显示效果不变。利用HTML创建超链接：1页面链接。2锚记链接：如果要设置锚记超链接，首先应为页面中需要跳转到的位置命 名。命名时应使用A标记符的NAME属性，在标记符人与/人之间可以包含内容，也可不包含内容。例可以在页 面开始处用以下HTML语句进行标记：A name=”top”目录/A标记锚记，对页面进行标记后即可用A标记符设置 指向这些标记位置的超链接，如果在页面开始处标记了 “top”则可以使用以下HTML语句进行链接：A href=”#top” 返回目录/人用于链接。3电子邮件链接，如果将href属性的取值指定为mailto:电子邮件地址那么可以获得 电子邮件链接的效果。代

14、码：A href=mailto:*”作者邮箱/人 创建空白表单前表格的形式：将光标置于文本后，按回车键，单击插入表单面板上的图标，此时将在网页中出现一个 红色虚线围成的矩形边框，该红色边框即为空白表单的边框，在窗口的左下方出现一个 FORM 字样，同时属性面板变成表单的属性文本框属性，框架网页，图层，表格转换，轨迹运动播放，CSS, Selector, 设置文本框属性：1文本框名称。2 字符宽度。3 类型：指文本框的类型，包含3 选项。1单行，2多行，3密码：选择此选项得到INOUT标记，其TYPE属性设置为PASSWARD。CHAR WIDTH和MAX CHARS 设置的映射与单行文本域相同

15、，当用户在密码文本域中输入密码时，输入内容被显示为“*” 保存框架网页：输入文件名后单击保存按钮，接着出现第三个，第四个“保存为”对话框，分别保存左侧框架和右 底部框架，整个框架组就保存完毕了，如果有N个框架则必须保存N+1次，那么她的网页文件格式为N+1个 认识图层，三个特征：可重叠性，透明，任意定位。图层又称层，是DW里最有价值的对象之一，曾可以包含文本， 图像，表单，插件，甚至层内还可以包含其他层，即在HTML文档的正文部分可以放置的元素都可以放入层内。由于 层可以放置在网页的任何位置，从而能有效地控制网页中的对象，所以是经常用到的对象，它可重叠放置，制作出层 叠效果，也可控制层的显示或

16、隐藏，实现交互技术，配合时间轴的使用还可同时一个或多个层，出现动态效果。 图层属性面板：层编号，左，宽， Z 轴，背景图像 ！上，高，显示，背景颜色！标签，溢出，剪辑，左右上下1其中显示用于控制层的初始显示状态，有四个选项:default表示默认值，不指定层的可见性属性 inherit表示继承父图层的可见性属性visible表示不考虑父图层的值，显示指定层的内容 hidden表示不考虑父图层的值，隐藏指定层的内容，图层可见不可见：层为眼睛时可见，闭眼时不可见 2 （如果想使层的左和下面出现滚动条需设置属性层OVERFLOW=SCROLL） 如何将图层转换为表格：步骤：先用图层来制作一个页面，在选择“修改转换-层到表格”命令，弹出转换层 为表格对话框