网页设计复习纲要

网页设计 考试复习纲要 本次考试初步定在 18 周 具体时间另行通知 考试的题型分为填空题 选择题 简答题和论述题 考试采用闭卷考试方式 卷 面总分 100 分 其中填空题每空 1 分 共计 20 分 选择题每题 2 分 共计 30 分 简 单题每题 6 分 共计 30 分 论述题每题 10 分 共计 20 分 可能有调整 考试重点内容 1 HTML 语法教程 2 网页设计的常识知识 3 Dreamweaver 操作 请大家严肃对待考试 认真复习 积极准备 刚接到通知 系里要求老师提醒学生注意 这学期为了整顿考风考纪 系里采取 了一些措施 加大了考场监控和惩罚力度 本次考试也在重点监察之列 请同学们务 必自觉遵守考场纪律 杜绝作弊 考出好成绩 复 习 内 容 一 注 填空题 部分选择题 部分简答题参考注 填空题 部分选择题 部分简答题参考 1 55 中的内容 中的内容 1 Dreamweaver MX 2004 的工作界面主要由标题栏 菜单栏 插入 栏 工具栏 文档窗口 属性面板及一些其它面板组成 2 菜单栏包括 文件 编辑 查看 插入 修改 文本 命 令 站点 窗口 帮助 菜单项 3 插入 栏最为常用 分为 常用 布局 表单 文本 HTML 应用程序 Flash 元素 收藏夹等 4 能清楚的知道以下功能对象名称分处于 插入 栏的哪一部分 超级链接 表格 图像 扩展布局 层 文本区域 按钮 特殊字符 水平分割线等 5 第一次打开 Dreamweaver 时要选择工作区布局 一般侧重于网页表现的用户适合 设计者 工作布局 侧重于编程的用户更适合 代码编写者 工作布局 6 编辑网页的视图方式 Dreamweaver 提供了三种 代码 拆分 设计视图 用户 可以在三种方式之间来回切换 7 Dreamweaver 提供的辅助设计工具主要是标尺和网格等 8 HTML 标签大致可以分为 网页架构 即网页主架构 分隔标签 也就是所谓的水 平线 排版标签 针对标签的属性 可做适当的版面编排 字体标签 教导您设定 文字的字体 文字标签 设定文字的颜色 行距 变化 等等 影像标签 在 网页中植入整个网页背景 可以设定为图片或是声音等 背景标签 如何设定背景 颜色或是背景图像 连结标签 设定超连结 以及开视窗的条件 表格标签 在网 页中运用表格 序列标签 设定文字序列或图形序列 表单标签 如何制作可填写 用的表单 框架标签 可让同一个视窗由多个网页一起组成 9 强制断行标签 强制分段标签 例 橘色 厚度为 5 靠右的分隔线 hralign right 10 文字置左 例 palign left 文字靠左文字靠左 文字置中 例 palign center 文字置中文字置中 置右 例 palign right 文字靠右文字靠右 11 除了文字 对于图片 表格 任何可以显现在网页上的东西都可以置中的标签 例 这是最中间这是最中间 12 利用这个标签可以将其包起来的文字 全部往右缩排 而且加一组标签 往右缩排一单位 加两组标签 往右缩排两单位 依此类推 例 缩排缩排 1 1 单位单位 缩排缩排 2 2 单位单位 13 利用这个标签可以将其包起来的文字排版 格式 原封不动的呈现出 来 例 文文 字字 格格 式式 14 一个最简单 最基本架构的网页标签代码是 网页制作教学 BODY 之间则为主要语法所在 也是网页的主要呈现部分 要求理解每对标签的意义 15 标题的大小一共有六种 两个标签一组 也就是从到 最大 最小 使用标题标签时 该标签会将字体变成粗体字 并且会自成一行 16 字体的大小一共有七种 也就是 最小 到 最大 另外 还有一种写法 文字内容 其意思就是说 比预设字大 一级 当然也可以 font size 2 比预设字大二级 或是 font size 1 比预设字 小一级 以一般而言 预设字体多为 3 17 文字颜色的设定标签代码 例 显示红色文字文字颜色 18 文字字型设定 使用方法 文字 19 很多特殊的符号是需要特别处理的 处理标号前的标志字符是 20 在使用影像标签时有两件事值得注意一下 一是文档名 二是路径 文档名要注 意不同系统对大小写的要求 路径要注意相对路径和绝对路径的区别 21 插入图像的标签代码 例 22 目前常见的网页图形格式有三种 jpg jpeg gif png 23 背景颜色或图片的设定以及连结字体的颜色 通通都放在这标签里面 例 24 连结基本概念 一般而言 所谓连结就是 在网页中有些字会有特别的颜色 而 且字的底下会有条线 当游标移到那些字上时 会变成手指形状 按下去 则会连到 别的文章或网站 25 网页连接分为内部连接和外部连接两种 锚点属于网页的内部连接 例 欲连结的位置 http 属于外部连接方式 例好站 26 电子邮件连接 写情书给我 27 FTP 连接 下载档案 28 新闻组连接 seednet news 服务 29 BBS 连接 seednet bbs 服务 30 熟悉表格的标签代码 以下是三行三列的表格代码 例 123 456 31 表格内的表格单元的丰富变化主要是因为 Dreamweaver 中的表格操作提供了合并 表格和拆分表格栏位的功能 32 如何设定表格粗细 只要利用 BORDER 粗细值 就行了 例 1 33 如何设定表格颜色 只要利用 BORDERCOLOR 颜色码 就行了 例 1 34 序列标签基本上可分为两种 一种是 无序条列 一种是 有序条列 35 无序列表标签如何使用 标签即为 无序列表标签 每增加一列内容 就必 须加一个 例 姓名 杰克升 生日 1974 11 21 星座 天蝎座 36 有序标签如何使用 标签即为 有序列表标签 每增加一列内容 就必须加 一个 例 姓名 杰克升 生日 1974 11 21 星座 天蝎座 37 和无序列表标签一样 我们也可以选择不同的符号来显示顺序 一样是用 TYPE 属 性来作更改 一更有五种符号 1 数字 A 大写英文字母 a 小写英文字母 I 大写罗马字母 i 小写罗马字母 等五种 例 姓名 杰克升 生日 1974 11 21 星座 天蝎座 38 亦可指定序列起始的数目 例 姓名 杰克升 生日 1974 11 21 星座 天蝎座 39 对于一般的网页设计初学者而言 表单功能其实并不常用 因为表单通常必须配 合着 CGI JAVA Script 程式或是 ASP 程式来运作 不然表单单独存在的意义并不大 表单的标签是 文字输入列 例 姓名 40 单选核取表单单选核取表单 利用 TYPE RADIO 就会产生单选核取表单 单选核取表单通常是 好几个选项一起摆出来供使用者点选 一次只能从中选一个 故为单选核取表单 例 性别 男 女 41 复选核取表单复选核取表单 利用 TYPE CHECKBOX 就会产生复选核取表单 复选核取表单 通常是好几个选项一起摆出 来供使用者点选 一次可以同时选好几个 故为复选核取表单 例 喜好 电影 看书 42 密码表单密码表单 利用 TYPE PASSWORD 就会产生一个密码表单 密码表单和文字输 入表单长得几乎一样 差别就在于密码表单在输入时全部会以星号来取代输入的文字 以防他人偷窥 例 请输入密码 43 送出按钮送出按钮 通常我们表单填完之后 都会有一个送出按钮以及清除重写的按钮 分别是利用 TYPE SUBMIT 及 TYPE RESET 来产生 例 44 按钮元件按钮元件 表单中或是 JAVA SCRIPT 常会用到按钮来作一些效果 因此 我们可 以利用 TYPE BUTTON 来产生一个按钮 例 请按下按钮 45 将当前页面视图运用框架分隔成三个区域 那最后保存是总共会保存为几个文件 答 4 个 46 在网页设计时 经常要用到图像文件并对图像文件要进行修改 除过 Dreamweaver 提供的基本图像修改功能外 目前流行专业图像处理的工具软件有 Firework Photoshop Coreldraw 等 47 在 Dreamweaver 中预览当前编辑网页效果不用每次都保存而直接预览 需设置 使用临时文件预览的功能 该设置在 编辑 菜单下的 首选参数 的子菜单中 48 超链接主要由两个部分组成 超链接源和超链接目标 超链接源通常采用文本或 图像 超链接目标是用户单击超链接时打开的网页或文件 通常用 URL 定义 49 图像超链接主要使用两种方式 一是整个图像被分配为默认的超链接 二是图像 还可以被分配一个或更多个热点 50 在 Dreamweaver 中允许创建嵌套表格 51 要使用布局模式 必须先从 Dreamweaver 的标准模式切换到布局模式 52 布局表格在设计页面上不能移动的主要原因往往是因为页面上其它空闲空间小于 当前布局表格所占空间大小 53 在 Dreamweaver 中允许层创建嵌套层 复习内容二 部分简答题 论述题 1 简述以下一段 HTML 代码中各对标记的作用 html head title 网页设计 title head body h2 北国风光 h2 body html 2 请写出一个简答网页的可被浏览器翻译显示的完整代码 显示内容要求 标题名称 为 我的主页 页面背景为红色 红色的 16 进制编码 ff0000 正文内容不限 3 什么是相对路径 什么是绝对路径 如果在网页设计时不注意两种路径的使用方式 可能会出现什么错误 4 层的应用很多 请简述其特点 5 什么是表单 表单中包含了哪些对象