网页设计考试范围.pptVIP

文本标签，用来定义网页上字符的样式。常用的有： 标题字体标签h1/h1h6/h6：设定标题文字的大小，取1最大，取6最小。 字体标签font/font：可设置网页文字的字体、字号和颜色。 font参数设置实例： font size=16 color=red face=楷体华工/font * 图形图像标签： 直线标签hr：在网页中插入一条分隔线。 图像插入标签img：将一幅图像加入到网页中。 hr参数设置实例： hr size=6 color=red width=80% align=center 插入一条宽6象素，红色，长度为浏览器宽度80％的水平线 img参数设置实例： img src=tu1.jpg width=100 height=100 align=right 插入图片tu1.jpg，宽高均为100象素，靠右对齐。 * 链接标签a /a ：在网页上建立超链接。 a href=“”/a 设置实例： a href=“taiyang.htm”太阳系/a 页面加入背景音乐标签bgsound 设置实例： bgsound src=sound/bouree.mid loop=1 页面添加背景音乐sound目录下的bouree.mid，播放一次。 * 表格标签： 表格标签table/table：在网页中创建一个表格。 标题标签caption/caption：给表格加上标题。 表头标签th/th ：表格的第一行，文字按粗体居中显示。 * 行标签tr/tr：用来创建表格中的每一行。只能放在table/table之间使用。在此标签对中加入文本将是无效的。 ?列标签td/td：用来创建表格中一行中的每一个单元格，此标签对不能直接放在table/table之间，必须放在tr/tr标签对之间才有效。表格中的所有的文本和其他信息只有放在td/td标签对中才有效。 * 表格标签应用综合实例： table border=1 caption公共管理学院/caption tr th width=“100” height=“20”行政1班/th th width=“200” height=“20”行政2班/th /tr tr td width=“100” height=“20”30人/td td width=“200” height=“20”40人/td /tr /table * (4)设定链接的目标窗口 _parent 在上一级窗口中打开。 　例：a href=文件名.htm Target=_parent _blank 在新窗口中打开。 　例：a href=文件名.htm Target=_blank _self 在同一个窗口中打开。 　例：a href=文件名.htm Target=_self _top 忽略任何框架，在浏览器的整个窗口中打开。 　例：a href=文件名.htm Target=_top * 二、网页制作工具和软件 1 . 网页制作工具 所见即所得的工具：Dreamweaver 和 FrontPage 是目前最流行的两种所见即所得的网页编辑工具。 与用 Word 排版差不多，你不用去学 HTML 语言，只要把自己需要的文字和图像摆到网页中，软件会自动生成相应的 HTML 代码。 代码编辑工具：各种文本编辑器，记事本、Word等。　　 * 2 . 网页上常用的图形格式 在网页上常用到的图形格式只包括以下3种：PNG、GIF 和JPEG。 PNG是Fireworks的本身文件格式。 GIF格式主要应用于卡通画、素描作品、插图、带有大块纯色区域的图形、透明图形和简单动画等。 JPEG格式的图像主要应用于连续色调的作品、数字化照片和扫描图像等。 * 位图和矢量图 位图：由排列成若干行、列的光点组成的像素点阵。 优点：视觉效果好，生动逼真，适合于表现层次和色彩比较丰富、包含大量细节的图像。 缺点：清晰度与分辨率有关，放大后会出现锯齿、变模糊 * 矢量图：是指使用绘图指令描述的由直线、曲线等图元组成的图像。一般分为二维图形和三维图形两大类。 优点：图形质量与分辨率无关，占用存储空间很小，放大与缩小不会失真，适于表示由有规律的线条组成的图像 缺点：图形越复杂显示时间越长，难以表示人物、景色照片一类的彩色图像。 * 3.关于Dreamweaver 8 用Dreamweaver 8制作网页，可以用表格、层和框架或者用Fireworks8作图切片的方式进行网页布局。 用Dreamweaver 8提供了进行网页编辑的设几种工作模式，就是设计模式、拆分模式和代码模式。 Dreamweaver 8网页编辑中用于在浏览器中测试网页的快捷方式。 *