文档库 最新最全的文档下载
当前位置:文档库 › 网页设计基础试卷5

网页设计基础试卷5

网页设计基础试卷5
网页设计基础试卷5

《网页设计基础》试卷5

一、单项选择题 (本大题共40小题,每小题2分,共80分)

(1)DremweaverMX表单中的"跳转菜单"和"列表/菜单",下列说法中错误的是__D___

A.实质都是列表框

B.类型都包括"菜单"和"列表"两种类型

C.当设置为"列表"类型时,都可以设置其为多选

D.二者在设置过程中,都可通过选择复选项,在其后加上"前往"等按钮

(2)DreaeaverMX设计表单时,插入第一个"列表/菜单"时,它的默认名称是_D__

A.menul

B.menu

C.select1

D.select

(3)获取网站空间的主要万法有三种,下列哪一种不是_C____

A.申请免费主页空间

B.申请付费空间

C.申请虚拟主机

D.自己架设服务器

(4)申请付费空间的形式较多,下列哪一种不是__B_ 。

A.主机托管

B.自己架设服务器

C.虚拟主机

D.主机租用

(5)关于虚拟主机,下列说法中不正确的是 ___A__。

A.每一台虚拟主机不具有完整Intemmet服务器功能

B.虚拟主机费用低廉

C.虚拟主机管理方便

D.多台虚拟主机共享一台真实主机的资源

(6)下列是自己架设服务器应注意的问题,哪一项是错误的 __C__。

A.应该有足够的带宽

B.应该申请固定的IP地址

C.隔一段时间主机应关机进行维护

D.服务器上安装动态域名系统

(7)申请免费网页空间,填写资料时,下列说法中错误的是__B_ 。

A.两次密码必须一致

B.所有项目都必须填写,少一项都不能通过

C.只需填写必填项目

D.用户名等信息必须遵守相应的规范要求

(8)关于域名,下列说法中不正确的是___A___

A.一个IP地址可以对应几个域名

B.域名已被誉为"企业的网上商标"

C.便于记忆、便于访问,推出域名服务

D.名是一种Intemet用于解决地址对应问题的方法

(9)有关域名说法中正确的是__B__ 。

A.级域名只能是国家或地区的代码

https://www.wendangku.net/doc/8c15186770.html,是当前最流行顶级的域名

C.级域名的国家代码可以在https://www.wendangku.net/doc/8c15186770.html,上查找。

D.要支付一定的域名注册费,就可随意获得一个域名,不论域名是否被别人注册

(10)关于免费域名的申请,以及网页空间的获得,下列说法中正确的是 C 。

A.要申请了免费域名,就获得了相应的网页空间

B.费域名其实就是免费网页空间

C.网站地址发生变化时,只须修改免费域名转向地址,就可以访问新的网站地址

D.以申请一个名为CCTVCOM的免费域名

(11)在DreamweaverMX中,当上传主页时,不是必填的信息是___D_ 。

A.FTP主机

B. 机目录

C.录名和密码

D.用防火墙

(12)在DreamweaverMX中,当上传主页时,被动模式___B__

A.常情况下就必须使用

B.果网页空间能链接成功,但不能列出文件和目录,就须使用

C.果网页空间不能链接成功,就须使用

D.何情况下都可以不用,也可以使用

(13)上传自己的网页文件时,对文件名的大小写有严格要求的服务器是___D_ 。

A.Windows2000服务器

B.WindowsNT服务器

C.Windows2003

D.UniX和LinuX

(14)当站点文件上传到远程站点后,又经过多次修改,此时应使用DreamweaverMX

的 ___C_ 。

A."更改"功能

B."修改"功能

C."同步"功能

D."同行"功能

(15)下列属于合法IP的是__A___。

A.202.96.1.2

B.257.33. 21.5 C .33.23.99

D.10001111

(16)互联网上作为服务器的主机必须要有___B___

A.域名

B.固定的IP地址

C.动态TP地址

D.多个TP地址

(17)以下文件不能用来作为首页的是__D__ 。

A.index.htm

B.default.htm

C.indeX.asp

D.welcome.htm

(18)如果你申请的免费空间使用Windows2000作为操作系统,当我们给网站文件命

名时,以下说法中正确的是___C__ 。

A.必须大写

B.必须小写

C.大小写均可

D.没有要求

(19)当我们在网易申请一个免费空间进行填写的用户名为SCHOOL时,则上传文件

的FTp地址为__C___ 。

https://www.wendangku.net/doc/8c15186770.html,"

https://www.wendangku.net/doc/8c15186770.html,

https://www.wendangku.net/doc/8c15186770.html,

https://www.wendangku.net/doc/8c15186770.html,

(20)在DreaeaverMX中,当上传主页时,在ftp主机中应输入__A__

A.上传主机的IP地址或域名

B.主机所需的账号

C.主机所需的密码

D.主机的端口

(21)使用CuteFTP软件上传网站,FTP站点连接端口默认为__C___

A.80 B .1080 C .21 D.l010

(22)要上传整个站点,要选定整个站点文件可以按的键是__A__

A.Ctrl+A

B.Ctrl

C.Shift

D.Shift+A

(23)当需要更新远程站点的文件时,同步万向应设置为__A___

A.放置更新的文件到远程

B.从远程获取更新的文件

C.获取和放置更新的文件

D.以上都不对

(24)用FTP上传文件时,必须对远程服务器具有的权限是__B___

A.读

B.写

C.查看

D.没要求

(25)检查测览器的兼容性应选的选项是__D___

A.搜索

B.验证

C.链接检查器

D.目标测览器枪杏

(25)框架组属性面板不能定义__D__

A.是否有边框

B.边框的颜色

C.边框的宽度

D. 源文件

(26)在布局视图中,不可以对单元格做__A______设置。

A.清除单元格的宽度

B.清除单元格的高度

C.所在列设置为自动伸展

D.添加间隔图像

(27)在表格属性面板中,不能设置表格的_B____ 。

A.边框颜色

B.文本的颜色

C.背景图像

D.背景色

(28)一个包含4个框架的框架组对应着__C___个网页文件。

A.3

B.4

C.5

D.6

(29)下列说法中正确的是___A____ 。

A.为了提高网页的下载速度,一般应把所有内容分成几块放在几个表格中

B.使用表格进行布局时,最内层表格的宽度采用绝对计量方式

C.使用表格进行布局时,最外层表格的宽度采用百分比计量方式

D.在布局视图中,表格以蓝色框表示,单元格以绿色框表示

(30)下列说法中正确的是__D__ 。

A.层的Z轴越小,层的叠放位置就越靠近顶部

B.层的Z轴越大,层的叠放位置就越靠近底部

C.所有层的Z轴的大小不能重复

D.在层面板中睁眼的层表示显示层,闭眼的层表示隐藏层

(31)下列说法中正确的是_____A_ 。

A.单元格格式设置优先于行格式设置

B.表格格式设置优先于单元格格式设置

C.行格式设置优先于单元格格式设置

D.表格格式设置优先于行格式设置

(32)下列说法中错误的是 _C____。

A.当调整整个表格的大小时,表格中的所有单元格按比例更改大小

B.如果表格的单元格指定了明确的宽度或高度,则调整表格大小时不更改这些

单元格的指定宽度和高度

C.表格的宽度可以在像素和百分比之间互相转换,而高度不能转换

D.只要整个选择部分的单元格形成一行或一个矩形就可以合并

(33)如果只是想让页面具有相同的标题和脚注,但具有不同的页面布局,那么最好使用哪种技术 __A__ 。

A.库

B.模板

C.库或模板均可

D.每个页面单独设计

(34)如果想让页面具有相同的页面布局,那么最好使用哪种技术__B___

A.库

B.模板

C.库或模板均可

D.每个页面单独设计

(35)DreaaverMX设计表单时,"您的照片"项让用户输入自己的照片,应使用的

表单元素是 _D____ 。

A.单选钮

B.多行文本域

C.图像域

D.文件域

(36)DreamweaverMX设计表单时,"您的意见"应使用的表单元素是 ___B__。

A.单选钮

B.多行文本域

C.单行文本域

D.文件域

(37)Dre抑MeaverMX设计表单时,要求用户名不能超过 14个字符 (7个汉字),应

如何设置文本域____B__ 。

A.将文本域的字符宽度设置为14

B.将文本域的最大字符数设置为14

C.将文本域的初始值设置为14个字符

D.将文本域的名称设置为14个字符

(38)DremweaverMX设计表单时,插入"跳转菜单",不做任何改动,则在"属性"

面板中"初始化时选定"的默认值是____A__ 。

A.unnamedl

B.menll l

C.seIectl

D.空白

(39)DreaeaverMX设计表单时,插入第一个"列表/菜单"时,它的默认名称是_D__

A.menul

B.menu

C.select1

D.select

(40)DremweaverMX表单中的"跳转菜单"和"列表/菜单",下列说法中错误的是__D___

A.实质都是列表框

B.类型都包括"菜单"和"列表"两种类型

C.当设置为"列表"类型时,都可以设置其为多选

D.二者在设置过程中,都可通过选择复选项,在其后加上"前往"等按钮

二、填空题(每空1分,共20分)

1.图层在本质上是一种分配了______的页面元素,图层中可以包含文本或者图象或

其它任

何可在HTML文档正文中放入的内容,也可在图层中在镶套图层。

2.创建层的方法很多,常见的有______法、______法和______法三种。

3.如果存在多个层,可以选择主菜单中的修改______中的各种对齐命令来对齐层。

4.要重叠层应先在层面板上取消对______选项的选择,将一个层拖动到另一个层上

重叠起来。

5.镶套的层的属性与______的层的属性有一定的继承关系,而重叠的层之间没有任

何关系。

6.CSS是一种用于______的技术,合理使用CSS不断能减少______,还能加快网页

下载速度。

7.______主要用于创建编辑菜单和删除CSS样式,还可以将外部样式表附加到文档

中。

8.在进行_____、_____ 等操作时,会自动创建CSS样式。

9.在编辑处理外部的CSS的样式表时______的所有文档都将更新,以反应所做的编

辑。

10.使用Dreamweaver提供的______技术,可以将一个WEB的页面显示空间人为的划

分,划分成若干个部分,每个部分都能独立显示不同的网页。又能很好组织成为一个整体。

11.框架集则定义了一组框架的______包括的框架的数目,框架的大小和位置。以及

在每个框架中初始显示页面的URL。

12.构成一个网页的最基本元素是_____和______,部分网页中还包含有动画,音乐,程

序等元素.

13.当移动鼠标到网页上的某处地方时,鼠标指针会变成一只小手,该位置就是一个-

________.

14. ________网页是指于其他系统分离,不能实现上传数据的网页;而________网页

则是指与其他系统衔接,能实时上传更新数据的网页.

答案

一、单项选择题(本大题共40小题,每小题2分,共80分)

(1)D (2)D (3)C (4)B (5)A (6)C

(7)B (8)A (9)B (10)C (11)D (12)B (13)D (14)C (15)A (16)B (17)D (18)C (19)C (20)A (21)C (22)A (23)A (24)B (25)D (25)D (26)A (27)B (28)C (29)A (30)D (31)A (32)C (33)A (34)B (35)B (36)B (37)B (38)A (39)D (40)D

二、填空题(每空1分,共20分)

(1)绝对位置

(2)插入拖放绘制

(3)排列顺序

(4)防止重叠

(5)上一层

(6)统一网页设计风格设计代码

(7)Css面板

(8)网页属性设计文本编辑

(9)链接到此css样式表

(10)框架

(11)布局和属性

(12)文本图片

(13)链接

(14)静态动态

网页设计实验报告

实验报告 课程名称网络技术基础实验项目TCP/IP协议配置实验仪器计算机 系别 专业 班级/学号 学生姓名 实验日期 成绩 指导教师

实验一 TCP/IP协议配置 一、实验目的(标题黑体小四) 1.熟练掌握模板的用法。 2.掌握CSS的用法。 3.掌握网站发布的方法。 二、实验内容 1. 创建和使用模板。 2. css的创建和使用。 3. 发布网站。 三、实验课时 4课时 四、实验步骤 创建网站 1、创建一个站点,并创建 images 文件夹存放图片。将示例图片拷贝至images 目录下 2、创建 CSS 文件,名称为 style.css,将其保存至 style文件夹。 3、创建模板文件 tpl.dwt,并保存。结果如下: (1) 给 tpl.dwt 附加样式表 style.css。 在 tpl.dwt 的空白处点击鼠标右键,选择“附加样式表”: 选择 style.css 文件: 完成后,在 tpl.dwt 的 head标签里有如下的代码: (2) 设置模板的背景颜色。打开 CSS 面板,为 style.css 新建一条 css 规则。过程如 下:

将背景颜色设为#ff1e70: 在 style.css 生成如下的代码: body { background-color: #ff1e70? } 3) 制作布局。插入一 2 行 2 列的表格。表格的宽度=316+634=950,其他的设置:让表格居中对齐。 (4) 消除表格两边的空隙。展开 CSS 样式表,双击 body: 双击 body后,打开“body的 CSS 规则定义”对话框,按照下面的方式设置:Style.css 的代码变为: body { background-color: #ff1e70? margin: 0px? }

网页设计师考试试卷

网页设计师(初级)课程测试试卷 考生注意事项 1.本试卷满分为150分,考试用时150分钟, 分数:_________ 2.答卷前,考生务必用黑色签字笔将自己的姓名、性别、年龄、证件类型、证件号码、考试所在地、培训单位填写清楚。 考试地点:培训单位: 考生姓名:考试日期: 证件类型:证件号码: I 卷 一、单项选择题(本大题共40小题,每小题1分,共40分) 1. 在Photoshop CS3中的文字工具有四种,下列不正确的是()。 A.直排文字工具 B.横排文字工具 C.横排文字蒙版工具 D.竖排文字工具 2. 默认的暂存盘是如何排列的()。 shop可创建任意多的暂存磁盘 B.暂存磁盘创建在启动磁盘上 C.暂存磁盘创建在任何第二个磁盘上 D.没有暂存磁盘 3. 路径工具是编辑()的工具。 A.矢量图形 B.位图图形 C.普通图形 D.都对

4. 一个图像最多可有()个通道。 .76 C 5. 下列关于库项目的说法错误的是()。 A.库项目可以看成是网页上能够被重复使用的“零件” B.利用库项目同样可以实现对文档风格的维护 C.在不同文档中放入相同的库项目时,可以得到完全一致的效果 D.不可以将多个文档内容的组合定义成库项目 6. 在Photoshop CS3中,当整条路径处于选中状态时,锚点呈()显示。 A.黑色实心 B.圆点 C.黑色空心 D.空心 7. 在Photoshop CS3中创建段落文本时,按住()键并拖移两边的手柄,即可实现斜切定界框。 键键 C.回车键 D.空格键 8. 在Photoshop CS3中,当想要有图像中创建一个或多个段落时,采用()方式输入文本十分有用。 A.点文字 B.段落文字 C.路径文字 D.都不对 9. 在对插入的Flash 按钮属性设置之后,按()键,即可预览该文档。

Web网页设计实验报告

WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术(信息技术及应用) 班级计信2班 学生蒋波涛 重庆交通大学 2013年

目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)

一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力,进一步加强自身综合素质。学会和团队配合,逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题,确定题目之后,在做整个网站之前对网站进行需求分析。首先,做好需求调研。调研方式主要是上网查阅资料,在图书馆里翻阅相关书籍。 然后,调研结束之后对整个网站进行功能描述,并对网站进行总体规划,接着逐步细化。 我们选做的主题是个人主页,并且选定题目为“红尘客栈”,其目的是做一个简单的网站,介绍酒店概况,提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。 1.点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。 2.使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。 (二)网页中的图像

网页设计基础试卷5

《网页设计基础》试卷5 一、单项选择题 (本大题共40小题,每小题2分,共80分) (1)DremweaverMX表单中的"跳转菜单"和"列表/菜单",下列说法中错误的是__D___ A.实质都是列表框 B.类型都包括"菜单"和"列表"两种类型 C.当设置为"列表"类型时,都可以设置其为多选 D.二者在设置过程中,都可通过选择复选项,在其后加上"前往"等按钮 (2)DreaeaverMX设计表单时,插入第一个"列表/菜单"时,它的默认名称是_D__ A.menul B.menu C.select1 D.select (3)获取网站空间的主要万法有三种,下列哪一种不是_C____ A.申请免费主页空间 B.申请付费空间 C.申请虚拟主机 D.自己架设服务器 (4)申请付费空间的形式较多,下列哪一种不是__B_ 。 A.主机托管 B.自己架设服务器 C.虚拟主机 D.主机租用 (5)关于虚拟主机,下列说法中不正确的是 ___A__。 A.每一台虚拟主机不具有完整Intemmet服务器功能 B.虚拟主机费用低廉 C.虚拟主机管理方便 D.多台虚拟主机共享一台真实主机的资源 (6)下列是自己架设服务器应注意的问题,哪一项是错误的 __C__。 A.应该有足够的带宽 B.应该申请固定的IP地址 C.隔一段时间主机应关机进行维护 D.服务器上安装动态域名系统 (7)申请免费网页空间,填写资料时,下列说法中错误的是__B_ 。 A.两次密码必须一致 B.所有项目都必须填写,少一项都不能通过 C.只需填写必填项目 D.用户名等信息必须遵守相应的规范要求 (8)关于域名,下列说法中不正确的是___A___

网页设计大作业word模板

伊犁师范学院《网页设计》期末课程设计 设计题目:我的个人网页 学号:018 姓名:马建武 院系:电子与信息工程学院 专业班级:计科08-2 指导老师:王雪峰 日期:2011-6-20

一、设计思想 随着网络技术的飞速发展,网络已经遍及每个人的身边,通过个人网页把自己展示在网络上,不仅可以获得更多的朋友,有用的信息,也是跟随时代发展,做走在时代前沿的一个有效方式,本网站旨在设计一个个性化的个人网站,展现自己的生活,学习,爱好等等信息,通过本网站把自己展示出来。 二、开发环境及软件 Windows XP,Macromedia Dreamweaver 8,photoshop等 三、系统结构功能图、页面结构草图及部分页面截图 四、部分代码(主要添加CSS代码) 1.添加首页背景音乐 2.运用框架

3.图片滚动 <td colspan="5" valign="top"> <marquee direction="left" loop="-1"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"><img src="../photos/图像" width="134" height="133"> </marquee> </td> 4.文本css样式 .s1 { font-family: "宋体"; font-size: 18px; font-weight: bold; color: #3333CC; text-decoration: blink; text-align: center;</p><h2>简单网页制作实验总结报告</h2><p>《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日</p><p>目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)</p><p>第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。</p><p>第二章网站内容设计 1.1链接1标题:春の花 春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题:夏の花 夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。 1.3 链接3标题:秋の花 大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。 1.4 链接4标题:冬の花 蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。</p><h2>《HTML5+CSS3网站设计基础教程》_教学大纲</h2><p>《HTML5+CSS3网站设计基础教程》课程教学大纲 (课程英文名称) 课程编号:201601210011 学分:5学分 学时:76学时(其中:讲课学时:47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容,通过本课程的学习,学生能够了解网页web发展历史及其未来方向,熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果,学会制作各种企业、门户、电商类网站。</p><p>二、课程设计理念与思路 课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展,不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念。 课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例 (项目)实训为手段,设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标,以案例(项目)任务实现为载体、理论学习与时间操作相结合”。 开发工具:DreamweaverCS6 第一章初识HTML5</p><p>第二章HTML5页面元素及属性</p><p>第四章CSS3选择器</p><p>e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用</p><h2>网页设计期末考试试卷_附加参考答案</h2><p>网页设计与制作模拟试题 一、单项选择题(每空1分,共10分) 1.目前在Internet上应用最为广泛的服务是( B )。 A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务 2.在域名系统中,域名采用( C )。 A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制 3.HTTP协议是一种( D )协议。 A.文件传输协议 B.远程登录协议 C.邮件协议 D.超文本传输协议 4.HTML语言中的转行标记是( B )。 A.<html> B.<br> C.<title> D. 5.在HTML中,标题字体标记<hx>中x的最大取值是( C )。 A.4 B.5 C.6 D.7 6.以下不能用来定义表格内容的标记为( A )。 A.<br> B.<tr> C.<th> D.<td> 7.下面不是组成一个HTML文件基本结构标记的是( C )。 A.<HTML></HTML> B.<HEAD></HEAD> C.<FORM></FORM> D.<BODY></BODY> 8. 加入一条水平线的HTML代码是( A )。 A. <hr> B. <img src="name" border=?> C. <img src="name" align=?> D. <img src="name"> 9.在HTML中,标记<pre>的作用是( B )。 A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记 10. 要创建一个Email地址的链接,下面正确的句法是( A )。 A. <a href=“mailto:mirror@https://www.wendangku.net/doc/8c15186770.html,”>与我联系</a> B. <a href=“files:mirror@https://www.wendangku.net/doc/8c15186770.html,”>与我联系</a></p><h2>网页设计技术大作业考核要求</h2><p>静态网页技术大作业要求 一、大作业参考题目: 1、“我的家乡”网站 2、个人博客 3、班级网站 4、**教研室网站 5、学院财务科网站 6、世博会 7、上海风采 8、“爱心行动”公益网站 9、娱乐在线网站 10、美食频道网站 二、选题要求: 可从上面参考题目中选择一个题目作为本次考核项目的主题。也可自拟题目,要求题目健康、高雅。 三、内容要求 1. 网站主题鲜明、内容丰富、健康、高雅且栏目设置合理。网站中至少包含10个以上的页面(15% ) 2. 网站中页面色彩搭配合理,界面规划合理, 设计新颖、简洁、美观、大方(10%)4. 合理使用表格进行页面排版,导航按钮及网页特效使用合理,包含FLASH和JAVASCRIPT(20%) 3. 站内页面整体风格统一并使用CSS进行网页中文字及链接样式(10%) 5. 设计有合理的表单(10%) 6. 网页中链接及图片等路径正确、网页中文件命名规范(10%) 7.网站架构中合理使用到框架(10%) 8.设计报告(15%)。 1)其中网站功能简介(指明主题,及包含的主要内容):5分 2)网站结构设计:5分</p><p>3)设计小结(体会):5分 9. 作品有抄袭嫌疑得0分。 10.作品自己创作,但是不能够完整作出来,网页设计的基本元素运用有误,整体比较混乱,扣10分。 四、其他要求 1、请同学们以“学号-姓名”为你的“作品文件夹”命名,例如:“9984229- 王华”。图像文件夹一律为image。否则从大作业的总分中扣除10分。 2、首页文件名用:Index.html 3、请在规定的时间内上交作业,不能按规定时间交纳的,为不及格。 4、不要用下载的网页作为大作业上交,如发现上交的大作业中有下载的网 页的痕迹(可从源代码中看出),一律作为不及格处理。 5、没有完成设计报告的视为不及格。 6、教师有权抽查部分同学进行询问,了解其作品制作过程。如发现同学不 能独立完成自己作品的,可评为不及格。 7、作品上交后,应自备一份备份,以备教师手中的作品因故无法正常读取 时补交。 五、评分总则 最终成绩以大作业和平时上课出勤、实验情况综合评定,具体算法为:最终成绩=大作业*70%+(实验+出勤)*30%</p><h2>网页设计基础_实训</h2><p>第2章网页设计基础 2.1 实训页面布局综合练习 2.1.1 实训目的 进一步理解在V isual Studio环境中创建、编辑和引用CSS样式表文件的基本步骤。理解层元素在页面布局中的重要作用及使用方法。综合运用CSS+DIV布局技术设计出实用的网站主页。 2.1.2 实训要求 新建一个https://www.wendangku.net/doc/8c15186770.html,网站,在Default.aspx中使用CSS+DIV技术设计出图2-1所示的网站主页效果。要求页面中导航栏、销售排行榜中内容使用https://www.wendangku.net/doc/8c15186770.html,标准控件HyperLink,商品名称、商品种类、用户名、密码栏使用https://www.wendangku.net/doc/8c15186770.html,标准控件TextBox,所有按钮使用https://www.wendangku.net/doc/8c15186770.html, 标准控件Button,商品种类栏使用https://www.wendangku.net/doc/8c15186770.html,标准控件DropDownList。 图2-1 网站主页设计效果图2-2 页面设计中需要的图片文件 2.1.3 实训步骤 1. 准备需要的图片文件 任何一个网页的页面设计都会用到一些图片文件,一般情况下这些图片文件可根据设计需要,事先使用Photoshop等图片编辑软件制作出来。也可以通过搜索引擎(如https://www.wendangku.net/doc/8c15186770.html,、</p><p>https://www.wendangku.net/doc/8c15186770.html,等)从Internet中下载。本实训页面设计中需要的图片文件如图2-2所示。 新建一个https://www.wendangku.net/doc/8c15186770.html,网站,在站点文件夹中创建一个名为“images”的子文件夹,将本实训中需要的所有图片文件复制到该文件夹中。如果在解决方案资源管理器中不能看到新建的文件夹,可右键单击网站名称在弹出的快捷菜单中执行“刷新文件夹”命令使其显示出来。 2. 设计页面布局 如图2-3所示,根据设计效果需要可将页面划分在若干个层中,商品描述信息分别放置在两个表中。 图2-3 页面布局规划 各元素说明如下: div:整个页面所在区域。 div (#logo):页面Logo栏(网站标题栏)区域。 div (#navigation):导航栏区域。 div (#left_top):“商城通行证”区域。 div (#left_bottom):“销售排行榜”区域。 div (#right_content):页面右侧信息显示区域。 div (#search):搜索栏区域,包含在div (#right_content)区域中。 div (#tab):商品信息显示区域,包含在div (#right_content)区域中。 table:商品信息显示区域,两条信息使用两个表格。包含在div (#tab)区域中。 div (#bottom_line):页面底部分隔线区域。 div (#footer):页面底部版权栏区域。 3. 分区域页面设计 (1) 页面整体样式控制 向页面中添加一个CSS样式表文件,从解决方案资源管理器中将CSS样式表文件拖动到页面的设计视图,创建页面与CSS样式表的关联。 在样式表代码窗口向body样式规则中添加如下样式控制代码,用于定义整个网页中默认的字体及对齐方式。</p><h2>网页设计与制作试题(HTML基础)有答案</h2><p>1.HTML 文件必须使用htm 或者(B)作为文件扩展名。 A.doc B. html C. jsp D. aspx 2.HTMl是指(A)。 A.超文本标签语言 B. 汇编语言 C. 服务端端语言 D.脚本语言 3.WWW是(B)的意思。 A.网页B.万维网C.浏览器D.超文本传输协议 4.在网页中显示特殊字符,如果要输入“<”,应使用(D)。 A.lt; B.&Lt; C.&lt D.&lt; 5.以下说法中,错误的是:(D)。 A.获取WWW服务时,需要使用浏览器作为客户端程序。 B.WWW服务和电子邮件服务是Internet提供的最常用的两种服务。 C.网站就是一系列逻辑上可以视为一个整体的页面的集合。 D.所有网页的扩展名都是.htm。 6.以下说法中,错误的是:(B)。 A.网页的本质就是HTML源代码。 B.网页就是主页。 C.使用“记事本”编辑网页时,通常应将其保存为.htm 或.html 后缀。 D.本地网站通常就是一个完整的文件夹。 7.浏览网页时,通常使用以下协议:(C)。 A.mailto B.FTP C.HTTP D.TCP/IP 8.在网页中显示特殊字符,如果要输入空格,应使用(D)。 A.nbsp; B.&Nbsp; C.&nbsp D.&nbsp; 9.以下软件中,不能直接用来编辑HTML 文件的是:(C)。 A.记事本B.FrontPage C.Flash D.Dreamweaver 10.以下有关HTML 标记符的属性的说法中,错误的是:(C)。 A.在HTML中,所有的属性都放置在开始标记符的尖括号里。 B.属性与HTML标记符的名称之间用空格分隔。 C.属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。 D.HTML 属性通常也不区分大小写。 二、填空题 1.如果要为网页指定黑色的背景颜色,应使用以下html语句:<body __bgcolor=”black”或bgcolor=”#000000”_______>。 2.上网浏览网页时,应使用_____浏览器____作为客户端程序。 3.TITLE 标记符应位于___head______标记符之间。 4.要设置网页在黑色背景下显示白色文字,应使用_<body bgcolor=”black” text=”white”>_语句。 5.要设置整个网页的背景颜色,应在body标记符中设置____bgcolor_____属性。 三、判断题 1.用H1标记符修饰的文字通常比用H6标记符修饰的要小。╳ 2.B标记符表示用粗体显示所包括的文字。√ 3.指定滚动字幕时,不允许其中嵌入图象。╳ 4.指定水平线粗细的属性是size。√ 5.指定水平线粗细的属性是width。╳</p><h2>《网页设计与制作》试卷及答案</h2><p>浙江传媒学院《网页设计与制作》期终(考试)卷 学院 班 姓名 学号 总分 题号 一 二 三 四 五 六 题分 一、单选题(每小题1分,共30分) 1、 设置字体大小时,选择"无",代表( )。 号字 号字 号字 号字 2、 在HTML 源代码中,图像的属性用( )标记来定义。 3、 在页面属性对话框中,我们不能设( )。 A.网页的标题 B.背景图像的透明度 C.背景图像 D.超链接文本的颜 色 4、 图像属性面板中的热区按钮不包括( )。 A.方形热区 B.圆形热区 C.三角形热区 D.不规则形热区 5、 用于同一个网页内容之间相互跳转的超链接是( )。 A.图像链接 B.空链接 C.电子邮件链接 D.锚点链接 6、 将超链接的目标网页在最顶端的浏览器窗口中打开的方式是( )。 A. _parent B. _top D. _self 7、 在Flash 中,绘制直线时,按住( )键可以绘制水平线。 A. Alt B. Ctrl 8、 在Flash 中,如果要选取铅笔工具,应在绘图工具箱中单击( )工具。 A . B . C . D . 9、 要在时间轴上插入空白关键帧,应当使用的快捷键是( )。 A. F5 B. F 9 C . F8 D. F7 10、 下面对矢量图和象素图描述不正确的是:( )。 A .位图(点阵)的基本组成单元是象素 B .点阵图的基本组成单元是锚点和路径 C .Adobe Illustrator 图形软件能够生成矢量图 D .Adobe photoshop 能够生成位图 11、 对于在网络上播放动画来说,最合适的帧频率是: A.每秒24帧 B.每秒25帧 C.每秒12帧 D.每秒16帧 12、 Dreamweaver 可以导入的表格式数据的格式是( )。 A. 文本格式 格式 格式 D.任意格式 13、 如果想让页面具有相同的页面布局,那么最好使用哪种技术( )。 A.库 B.模板 C.库或模板均可 D.每个页面单独设计 14、 Dreamweaver 中,库项目可以包含( )元素。 装 订 区</p><h2>实验一 网页设计基础实验</h2><p>实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 二、实验内容 1.根据网站制作的需要,从网上下载网页制作时需要的文字、小图片、动画及flash。 2.上网访问实际若干网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 3.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 "T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 "口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 "三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.wendangku.net/doc/8c15186770.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局 4.利用搜索引擎,浏览因特网上较为著名的5个网站,记录这些网站的名称、网站地址和以及相应的网页文件格式(扩展名);</p><h2>网页制作HTML基础知识</h2><p>网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签,不过了解下也好。 总类(所有HTML文件都有的) 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 文头 <HEAD></HEAD> (描述性资料,像是「主题」) 文体 <BODY></BODY> (文件本体) 结构性定义(由浏览器控制的显示风格) 标题 <H?></H?> (从1到6,有六层选择) 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 区分 <DIV></DIV> 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> 引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩) 强调 <EM></EM> (通常会以斜体显示) 特别强调 <STRONG></STRONG> (通常会以加粗显示) 引文 <CITE></CITE> (通常会以斜体显示) 码 <CODE></CODE> (显示原始码之用) 样本 <SAMP></SAMP> 键盘输入 <KBD></KBD> 变数 <VAR></VAR> 定义 <DFN></DFN> (有些浏览器不提供) 地址 <ADDRESS></ADDRESS> 大字 <BIG></BIG> 小字 <SMALL></SMALL> 与外观相关的标签(作者自订的表现方式) 加粗 <B></B> 斜体 <I></I> 底线 <U></U> (尚有些浏览器不提供) 删除线 <S></S> (尚有些浏览器不提供) 下标 <SUB></SUB> 上标 <SUP></SUP> 打字机体 <TT></TT> (用单空格字型显示) 预定格式 <PRE></PRE> (保留文件中空格的大小) 预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算) 向中看齐 <CENTER></CENTER> (文字与图片都可以) 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签) 字体大小 <FONT SIZE=?></FONT>(从1到7) 改变字体大小 <FONT SIZE=+|-?></FONT> 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3) 字体颜色 <FONT COLOR="#$$$"></FONT> 链结与图形 链接 <A HREF="URL"></A></p><h2>13-14JAVASCRIPT程序设计大作业</h2><p>西安欧亚学院2013-2014学年第一学期期末大作业 专业:软件技术 课程:JavaScript 程序设计 年级:12 一、作业题目: 题目:利用JavaScript 中特效编码,实现网页的动态效果。 从以下课程设计项目中选择一个作为自己的设计开发主题,如果自己有新的选题构想,要取得授课教师的批准方可进行设计,否则不计成绩。 网页主题参考(自己任选) 1、鼠标特效设计,如:跟随鼠标的小尾巴、鼠标跟踪动画、跟随鼠标的弹性文字等; 2、菜单特效设计,如:动画菜单、树形菜单、下拉菜单、右键菜单等; 3、图片特效设计,如:横向的相册效果,纵向的相册效果,滤镜图片轮播等; 4、背景特效设计,如:渐变背景、定时切换等; 5、时间特效设计,如:日期时间星期农历,动态时钟,时间倒计时等; 6、其它:如文字特效、密码验证特效等。 二、作业要求及评分标准: 1、作业要求 (1)涵盖知识点:贯彻事件驱动的程序设计思想,熟练使用JavaScript 中的对象,实现网页特效。 (2)网页要求 ? 主题突出,内容充实、健康向上,布局合理、结构清晰、规范; ? 色彩搭配合理、美观,设计新颖,有创意;页面布局尽可能平衡,色彩应用注意谐调,文本注意格式化 ? 技术运用全面,技术含量高;链接测试正确,跳转流畅; ? 代码应适当缩进,并给出必要的注释,以增强程序的可读性; ? 网页中涉及的所有“路径”必须使用“相对路径”; ? 设计过程中充分考虑浏览器兼容等问题,并做适当处理。 学号_____________ 班级___________ 姓名________ 座位号____ - - - - - - - - - - - - - - - - - - - - - - - - - -- - - -密 ○ - - - - - - - - - - - - - - - - - - - - - - - - 封 ○ - - - - - - - - - - - - - - - - - - - - - - - - 线 ○ - - - - - - - - - - -- - - - -- - - - -- - - -- - - --</p><h2>网页设计基础课程实验报告</h2><p>实验一 1.实验体会 学会了使用关键字搜索相关内容和了解了WEB2.0的相关技术和服务概念,如AJAX、RSS、Tag、Wiki、Blog、SNS,学会如何从其他网站上下载JS、CSS、IMAGE等相关文件。发现.CSS所在的行都存在字符串“<link ”;.JS所在的行也都存在字符串“<script ”。 2.实验截图 从网上下载自己感兴趣的网站保存截图: 下载下来的相关网站及其部分相关JS、CSS文件: 实验二 1.实验体会 熟悉了简单内联元素的基本概念,掌握了HTML的基本语法。学会如何在HTML中进行简单的文字处理、创建超级链接和插入图片以及锚链接的用法。 2.实验截图及代码</p><p>简单的文字处理 代码: <b>这是一段文本</b><br> <i>这是一段文本</i><br> &copy;Microsoft<sup>&reg;</sup>&nbsp;Windows&nbsp;2007<br> A=a<sub>1</sub>+a<sub>2</sub>+a<sub>3</sub><br> <u>这是一段文本</u><br> <s>这是一段文本</s><br> <font face="华文彩云" color="red" size="5">这是一段文本</font><br> <font face="隶书" color="green" size="4"><u><s>这<sub>是</sub>一<sup>段</sup>文本</u></s></font> HTML中的超级链接代码: <a href="simpleinline.htm">简单文字处理</a><br /> <a href="anchor.htm" target="blank">HTML中的超级链接</a> 锚链接代码: <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a></p><h2>html5页面设计</h2><p>html5页面设计 北京千锋互联科技有限公司是中国最早从事移动互联网研发和培训的机构之一,千锋集团旗下现有千锋教育、移动产业、项目研发、创业孵化业务,是国内最大的移动互联网人才培训和人才提供商。公司总部位于北京,目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安成立了分公司。 千锋集团旗下的千锋教育一直秉承“用良心做教育,做真实的自己”的理念,是中国移动互联网研发培训领导品牌,全力打造移动互联网高端研发人才服务平台。千锋教育每年培训和输送近万名移动互联网研发人员,是唯一真正获得企业一致好评的移动互联网培训机构,从千锋走出的学员在业界得到了广泛认可。2014年,千锋教育集团成为教育部教育管理信息中心“移动互联网应用开发指定实训基地”。截止目前,千锋教育已与500多家高等院校建立深度合作关系,并携手教育部教育管理信息中心举办《高等院校骨干教师iOS/Android暑期培训班》,千锋讲师团队技术水平得到业界一致认可,好评如潮。千锋教育组织的技术研讨会名企云集,是千锋和企业之间紧密合作的桥梁。千锋讲师发布的免费培训视频、学习资料、源码下载等浏览量近千万,每年约有数百万研发人才从中获益。 一、千锋教育八大优势 1、中国移动互联网研发培训领导品牌,专注iOS、Android 、HTML5、UI等技术研发培训,坚持“用 良心做教育,做真实自己”的理念; 2、业内唯一一家敢推出“两周免费试听,不满意不缴费”的政策,让学员更真实的了解千锋、了解自 己是否适合做开发; 3、零学费入学,工作后分期还款,业内学员毕业薪水最高,培训就业协议明确写出薪水保障,平均薪 水专科5000、本科6000、硕士7000; 4、权威资深师资阵容,业内最具责任心、最懂教学、拥有最强技术、有大型项目经验实战派讲师授课, 由业内知名专家及企业技术骨干组成; 5、自主研发QFTS 教学保障系统,拥有自主知识产权的开发培训课程体系,讲练学相结合,课程内 容紧贴当前前沿实用技术和企业实际需求; 6、企业级项目实战训练,从千锋科技及合作企业项目中研发出几十个企业级教学项目,让学员参与真 实的企业级项目研发,最后让学员能够独立设计开发自己的上线项目; 7、最严格、最科学、最负责的教学就业管理制度,班主任、职业规划师全程跟班,把握每个学员的学 习状态,并有专业的职业素养课和就业指导课,保证教学及就业质量; 8、免费加入千锋开发者联盟,为会员提供免费技术支持及终身就业服务,免费参加千锋举办的各类技</p><h2>HTML网页制作基础题试题与答案</h2><p>HTML网页制作基础题 一、选择 1. 在一个框架的属性面板中,不能设置下面哪一项。( D )A.源文件B .边框颜色C.边框宽度D.滚动条 2. 下列哪一项表示的不是按钮。( C ) A.type="submit" B.type="reset" C.type="image" D .type="button" 3. 下面哪一个属性不是文本的标签属性?( A ) A.nbsp; B .align C .color D.face 4. 下面哪一项的电子邮件链接是正确的?( B ) A.https://www.wendangku.net/doc/8c15186770.html, B .xxx@.net C.xxx@com D .xxx@https://www.wendangku.net/doc/8c15186770.html, 5. 当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( C )A.ASP B.HTML C.ZIP D.CGI 6. 关于表格的描述正确的一项是。( D )A.在单元格内不能继续插入整个表格 B .可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容 D .在网页中,水平方向可以并排多个独立的表格 7. 如果一个表格包括有 1 行4 列,表格的总宽度为“ 699”,间距为“ 5”,填充为“ 0”,边框为“ 3”,每列的宽度相同,那么应将单元格定制为多少像素宽。( D ) A.126 B.136 C.147 D.167 8. 关于文本对齐,源代码设置不正确的一项是:(A.居中对齐:<div align="middle"> ?</div> B.居右对齐:<div align="right"> ?</div> C.居左对齐:<div align="left"> ?</div> D.两端对齐:<div align="justify"> ?</div> 9. 下面哪一项是换行符标签?(C) A.<body> B .<font> C .<br> D. 10. 下列哪一项是在新窗口中打开网页文档。(B )A._self B ._blank C._top D._parent 11. 下面对JPEG格式描述不正确的一项是。( C ) A.照片、油画和一些细腻、讲求色彩浓淡的图片常采用JPEG格式 B.JPEG支持很高的压缩率,因此其图像的下载速度非常快C.最高只能以256 色显示的用户可能无法观看JPEG图像 D.采用JPEG格式对图片进行压缩后,还能再打开图片,然后对它重新整饰、编辑、压缩</p><h2>网页制作实验报告6个实验</h2><p>目录 实验一网页设计基础实验 (2) 实验二HTML语言应用 (4) 实验三CSS样式表的应用---CSS的引用 (10) 实验四Dreamweaver的使用、个人网站的制作 (13) 实验五用框架、模板设计网页 (15) 实验六表单制作 (19)</p><p>实验一网页设计基础实验 一、实验目的 1.掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点; 2.了解网页布局的形式。 3.用记事本编写一个简单的网页。 二、实验内容 1.上网访问实际若干电子商务网站,了解各网站的风格(主题图形形象、导航是否清晰,整体色调的搭配是否协调,主题是否突出等)。 2.在网上找出下列版面布局的结构形式: ⑴.“T”结构布局 1."T"结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景教深,整体效果类似英文字母"T",所以我们称之为"T"形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人"看之无味"。 2."口"型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大(我的主页首页即属于这种布局)。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 3."三"型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如https://www.wendangku.net/doc/8c15186770.html,。优点显而易见:漂亮吸引人 进入internet找到以上各种布局,并写出各种版面布局网站的域名和所采用的版面布局形式 找出使用大色块和抽象线条构图风格的网站(至少各2个);例:大色块主页 找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。 三、实验步骤与要求 1)新建一个记事本文件本在其中输入如下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.wendangku.net/doc/8c15186770.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.wendangku.net/doc/8c15186770.html,/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>我的第一个网页</title> </head> <body></p></div> </div> <div> <div>相关文档</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="21010343"><a href="/topic/21010343/" target="_blank">网页设计基础试卷</a></li> <li id="12520685"><a href="/topic/12520685/" target="_blank">网页设计基础试卷6</a></li> <li id="7034908"><a href="/topic/7034908/" target="_blank">网页设计基础实验</a></li> <li id="8143793"><a href="/topic/8143793/" target="_blank">html网页设计基础</a></li> <li id="16719365"><a href="/topic/16719365/" target="_blank">网页设计基础大作业</a></li> </ul> </div> </div> </div> </div> <div class="category"> <span class="navname">相关文档</span> <ul class="lista"> <li><a href="/doc/a711354825.html" target="_blank">中等职业技术学校《网页制作基础》期末考试试题</a></li> <li><a href="/doc/f09229499.html" target="_blank">网页设计与制作试题HTML基础有答案</a></li> <li><a href="/doc/109487539.html" target="_blank">网页设计面试题</a></li> <li><a href="/doc/393402367.html" target="_blank">网页设计与制作试题及答案</a></li> <li><a href="/doc/5d7192027.html" target="_blank">网页设计与制作期末考试试题及答案</a></li> <li><a href="/doc/986950097.html" target="_blank">网页设计基础试卷4</a></li> <li><a href="/doc/d84128604.html" target="_blank">网页设计试题及答案</a></li> <li><a href="/doc/2c8364764.html" target="_blank">HTML网页制作基础题试题与答案</a></li> <li><a href="/doc/472002506.html" target="_blank">网页设计与开发第4章试卷及答案</a></li> <li><a href="/doc/759542347.html" target="_blank">网页制作基础试题</a></li> <li><a href="/doc/9318915117.html" target="_blank">网页设计基础试卷</a></li> <li><a href="/doc/e46334142.html" target="_blank">《网页设计与制作》试卷(6)</a></li> <li><a href="/doc/0615056882.html" target="_blank">网页设计考试试题(网页制作基础知识)</a></li> <li><a href="/doc/2f16710045.html" target="_blank">网页设计基础试卷5</a></li> <li><a href="/doc/5c84568.html" target="_blank">计算机二级网页设计与制作试卷及答案</a></li> <li><a href="/doc/954819144.html" target="_blank">《网页设计与制作》试卷A答案</a></li> <li><a href="/doc/cb5587617.html" target="_blank">网页设计基础试卷9及答案</a></li> <li><a href="/doc/1f18245034.html" target="_blank">《网页设计与制作》试卷及答案</a></li> <li><a href="/doc/3518550459.html" target="_blank">网页设计基础试卷5</a></li> <li><a href="/doc/619533085.html" target="_blank">网页设计与制作试题(HTML基础)有答案</a></li> </ul> <span class="navname">最新文档</span> <ul class="lista"> <li><a href="/doc/0719509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0e19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9319184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/db19211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/af19240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9919184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8b19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8019195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7a19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6719035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6a19035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4d19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3a19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2519396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2419396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1f19338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ef19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bc19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "8cb7f2dace2f0066f53322bd"; </script> <div class="footer"> <p><a href="/tousu.html" target="_blank">侵权投诉</a> &nbsp;&copy; 2013-2023 www.wendangku.net &nbsp;<a href="/sitemap.html">站点地图</a>&nbsp;|&nbsp;<a href="https://m.wendangku.net">手机版</a></p> <p><a href="https://beian.miit.gov.cn" target="_blank">闽ICP备11023808号-7</a>&nbsp;&nbsp;本站文档均来自互联网及网友上传分享,本站只负责收集和整理,有任何问题可通过上访投诉通道进行反馈</p> </div> <script type="text/javascript">foot();</script> </div> </body> </html>