网页设计作业.
网页设计练习及答案
一、选择题1.以下扩展名不表示网页文件的是( D)。
A. .htmB. .htmlC. .aspD. .txt2.构成Web站点的最基本单位是（C）。
A.网站B.主页C.网页D文字.3.网页最基本的元素是(A )。
A.文字与图像B.声音C.超链接D.动画4.下面不可以用来处理图形的软件是( B )。
A.FireworksB.FlashC.FrontPageD.Photoshop5. 网页中插入图片的标记为（B ）。
A.<bgcolor>B.<img>C.<music>D.<sound>6.以下说法中，错误的是（D ）。
A.表格在页面中的对齐应在table标记中使用align属性B.要控制表格内容的水平对齐，应在tr、td、th中使用align属性C.要控制表格内容的垂直对齐，应在tr、td、th中使用valign属性D.表格内容的默认水平对齐方式为居中对齐7.HTML文件中，下面哪个标记中包含了网页的全部内容（C ）。
A.<center>……</center>B.<pre>……</pre>C.<body>……</body>D.<br>……<br>8.HTML语言中，设置背景颜色的代码是（A）A.<body bgcolor=?>B.<body text=?>C.<body link=?>D.<body vlink=?>9. 关于HTML标记的说法，不正确的是____B________。
A.标记内可以包含一些属性，属性名称出现在标记的后面，并且以分号进行分隔B.书写标记的时候，英文字母的大、小写或混合使用大小写都是允许的C.标记要填写在一对尖括号（<>）中D.HTML对标记的属性名称的排列顺序没有特别的要求10. 以下_______D____为无序列表标记对。
网页设计作业-浮动和定位
《浮动与定位》试题一、单选题1.下列样式代码中，可以将块元素转换为行内元素的是（）。
A、display:none;B、display:block;C、display:inline-block;D、display:inline;2.下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（）。
A、overflow:visible;B、overflow: hidden;C、overflow: auto;D、overflow: scroll;3.可以将元素的定位模式设置为相对定位方式的是（）。
A、position: static;B、position: relative;C、position: absolute;D、position: fixed;4.<div>标记是网页布局中最常用的标记，其显示类型为（）。
A、块级类型B、行内类型C、行内块类型D、浮动类型5.下列样式代码中，可以将<span>标记转换为块元素的是（）。
A、display:none;B、display:block;C、display:inline-block;D、display:inline;6.下列样式代码中，可以实现绝对定位模式的是（）。
A、position: static;B、position: fixed;C、position: absolute;D、position: relative;7.<span>标记是网页布局中常见的标记，其显示类型为（）。
A、块级类型B、行内类型C、行内块类型D、浮动类型二、多选题1.在CSS中，clear属性用于清除浮动，下列选项中属于clear常用属性值的是（）。
A、leftB、rightC、bothD、center2.边偏移属性用于精确定义定位元素的位置，下列选项中属于边偏移属性的是（）。
A、centerB、positionC、bottomD、left3.overflow属性用于规范溢出内容的显示方式，下列选项中属于overflow常用属性值的是（）。
网页设计期末作业
网页设计期末作业使用dreamweaver cs5 +fireworks+flash软件，设计制作个人网站并完成报告。
作品要求：作品占期末作业的50%1、站点名称为“学号+姓名”。
站点用到的所有图片素材要放在名为“images”的文件夹中；首页名称为“index.html或index.htm”；css样式要存放在独立的样式表文件中，名称为“style.css”。
2、首页必须使用Css+div进行布局。
3、首页内容要求必须包含文字、图片、友情链接、版权信息，其他内容也可以根据自己的需要进行添加。
4、网站中其他子页，要求使用模版制作。
5、整个网站最少包含6个页面，不准出现无效链接。
6、网站中的logo为自己使用fireworks制作的，网站中的banner动画也为自己使用flash软件制作的，源文件要保存到站点相应的文件夹下。
7、网页内容不可过少，网页颜色搭配要协调美观，布局合理清楚。
8、每位同学要独立完成，不能出现重复。
如有雷同，两人都按“0分”计算。
报告要求：报告占期末作业的50%1、报告要有封皮、目录。
请参考相应文件。
2、报告内容主要为你的制作步骤，需要详细。
（可参考书后练习）3、报告中需要有截图，要求图片大小为“高度：7.57 cm，宽度：8.81cm”，每张图要有图号。
如下图所示。
图14、报告中的文字，字体为“宋体”、大小为“小四”，行间距为“1.5倍”，首行缩进“2个字符”。
5、每一页要有页码，每一页要有页眉（右对齐），页眉的内容为“班级+学号+姓名”。
6、报告要求最少10页。
7、不能有大段空白页面。
8、报告要打印出来。
说明：最后上交的内容为电子版的报告、网站、打印好的报告。
作业上交截止时间：2013年6月19日。
《网页设计》大作业
广东肇庆科技职业技术学院《网页设计》A 卷考试试卷
第 1 页 共 1 页 2011—2012学年度第一学期期末 信息工程系《网页设计》A 卷考试试卷
出卷人：李仙玉 适用班级：10计算机网络1234 考试时间：两周
班级： 姓名： 学号：
网站设计的具体要求：
1.设计一个学生个人简介网站，要求页面数量不少于5个。
2.网站主题鲜明突出，网页内容详实、科学、准确、积极、健康向上，有创意；网页整体设计思路清晰，网页布局合理，风格明快。
栏目结构清晰、界面简洁美观。
网页文字及相关链接无错误，主页和其它各子页配合协调。
栏目及版面设计，层次结构及链接结构明确，必须具有统一导航条。
3.网站内的图片素材可到网上下载，也可使用其他软件制作，如photoshop 、Fireworks 处理图片。
4.使用Flash 软件设计一个网站标志，并插入到网页中。
5.网页文件及文件夹的命名符合要求，文件组织合理。
（1）首页源文件命名为： index.html ，作品中的其他文件和文件夹均使用英文名或者是汉语拼音命名。
（2）存放与网页相关图片的文件夹命名为：images 。
（3）说明文件 shuoming.doc 内容包括：网页创意及制作的简单说明。
6.网页上各主题和附加图片、背景的色彩选配方案要注意做到：色彩柔和、搭配美观，朴素大方，不应过分夸张，使视觉疲劳。
7.适当运用层、框架、行为、CSS 样式、声音、表单等设计技术，适当考虑运用脚本。
网页设计练习题集
网页设计练习题集
1. 设计一个简单的登录界面（100 字以上）
要求：
- 包含用户名和密码输入框
- 提供登录按钮
- 界面布局简洁明了
- 适配不同屏幕尺寸
2. 设计一个博客列表页面（100 字以上）
要求：
- 显示博客的标题、作者和发布日期
- 提供博客预览的摘要或首段
- 使用合适的分页方式展示博客列表
- 具有响应式设计，能够在不同设备上正常浏览
3. 设计一个电子商务产品详情页面（100 字以上）
要求：
- 显示产品的名称、价格和主要特点
- 提供产品的图片展示
- 显示产品的详细描述
- 包含用户评价和评分功能
4. 设计一个网页版的音乐播放器（100 字以上）
要求：
- 显示歌曲的名称、歌手和专辑信息
- 提供播放、暂停、上一首和下一首等基本控制功能
- 支持歌曲的进度拖拽和音量调节
- 可以显示歌词，并跟随歌曲播放进行滚动
5. 设计一个在线购物平台的结算页面（100 字以上）
要求：
- 显示购物车中的商品清单和总价
- 提供填写配送信息的表单
- 具有不同支付方式的选择
- 提供确认购买按钮，完成订单生成
6. 设计一个个人主页（100 字以上）
要求：
- 显示个人头像和基本信息
- 包含个人技能和项目经历的展示
- 可以自定义主题和布局
7. 设计一个在线论坛的帖子详情页面（100 字以上）
要求：
- 显示帖子的标题、作者和发布时间
- 提供帖子内容的展示
- 具有回帖和点赞功能
- 可以查看评论和回复
以上是网页设计练习题集，希望能够帮到你！如果有任何问题，请随时与我联系。
Dreamweaver网页设计作业参考答案
D r e a m w e a v e r网页设计作业参考答案(总14页)--本页仅作为文档封面，使用时请直接删除即可----内页可以根据需求调整合适字体及大小--Dreamweaver网页设计作业一答案一、单项选择题（每个题只有一个的答案是正确的。
每题3分，共60分）1．A2．D3．B4．D5．C6．B7．B8．C9．A10．A11．C12．D13．C14．B15．B16．B17．A18．C19．B20．D二、多项选择题（将一个以上正确的答案代码填入括号中，每小题4分，共20分）1．ABD2．AC3．BC4．AB5．BD三、填空题（每小题4分，共20分）1．播放时间轴、停止时间轴2．网页元素定位、格式化3．网站的主题、网站的内容、网站的对象4．POST、GET5．收集用户的信息、隐藏域Dreamweaver网页设计作业二答案一、单项选择题（每个题只有一个的答案是正确的。
每题3分，共60分）1．下图为Dreamweaver8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（ B ）。
A. 基本页类别中的“HTML模板”选项B. 基本页类别中的“HTML”选项C. 动态页类别中的选项D. 入门页面中的选项2．下列选项中（ B ）按钮表示插入Fireworks HTML。
A.B.C.D.3．下列（ C ）不能在网页的“页面属性”中进行设置。
A.文档编码B.背景颜色、文本颜色、链接颜色C.网页背景图及其透明度D.跟踪图像及其透明度4．JavaScript包括在HTML中，它成为HTML文档的一部分，可将<Script>...</Script>标识放入（ C ）。
A.只能在<Head>.. </Head>之间B.只能在<Body>...</Body>之间C.既可放入<Head>.. </Head>之间，也可放入<Body>...</Body>之间D.只能在<divL>...</div>之间5．在Dreamweaver 8中，下面对象中可以添加热点的是（ B ）。
网页设计制作练习题
网页设计制作练习题
1. 设计一个简单的登录界面，包括账号和密码输入框，登录按钮。
2. 设计一个新闻网站的首页，包括重要新闻推荐、热门新闻、最新新闻、热门评论等模块。
3. 设计一个电商网站的商品详情页，包括商品图片、名称、价格、规格、评论等模块。
4. 设计一个教育网站的课程详情页，包括课程介绍、授课老师介绍、上课时间、报名方式等模块。
5. 设计一个音乐网站的个人主页，包括个人信息、上传的音乐作品、收藏的音乐、关注的音乐人等模块。
6. 设计一个博客网站的文章详情页，包括文章标题、作者、发布时间、文章内容、评论等模块。
7. 设计一个社交网站的个人主页，包括个人信息、发布的动态、关注的人、粉丝、私信等模块。
8. 设计一个美食网站的菜谱详情页，包括菜名、配料、步骤、口感描述、评论等模块。
9. 设计一个旅游网站的目的地详情页，包括景点介绍、酒店推荐、旅游攻略、评论等模块。
10. 设计一个健康网站的文章详情页，包括健康知识、健康饮食、运动指南、保健方法等模块。
网页制作作业100例
网页制作作业100例1.创建一个基本的HTML文件。
2.在HTML文件中添加一个标题。
3.在HTML文件中添加一个段落。
4.在HTML文件中添加一个链接。
5.在HTML文件中添加一个无序列表。
6.在HTML文件中添加一个有序列表。
7.在HTML文件中添加一个表格。
8.在HTML文件中添加一个图像。
9.在HTML文件中添加一个音频文件。
10.在HTML文件中添加一个视频文件。
11.在HTML文件中添加一个表单。
12.在HTML文件中添加一个文本输入框。
13.在HTML文件中添加一个下拉菜单。
14.在HTML文件中添加一个单选按钮。
15.在HTML文件中添加一个复选框。
16.在HTML文件中添加一个提交按钮。
17.在HTML文件中添加一个重置按钮。
18.在HTML文件中添加一个文本区域。
19.在HTML文件中添加一个日期选择器。
20.在HTML文件中添加一个颜色选择器。
21.在HTML文件中添加一个滑块。
22.创建一个CSS样式表文件。
23.在CSS样式表文件中设置页面背景颜色。
24.在CSS样式表文件中设置段落字体颜色。
25.在CSS样式表文件中设置链接字体颜色。
26.在CSS样式表文件中设置标题字体颜色。
27.在CSS样式表文件中设置表格边框颜色。
28.在CSS样式表文件中设置图像边框颜色。
29.在CSS样式表文件中设置文本输入框边框颜色。
30.在CSS样式表文件中设置下拉菜单边框颜色。
31.在CSS样式表文件中设置按钮背景颜色。
32.在CSS样式表文件中设置滑块颜色。
33.在CSS样式表文件中设置表格行高。
34.在CSS样式表文件中设置表格列宽。
35.在CSS样式表文件中设置文本对齐方式。
36.在CSS样式表文件中设置文本大小。
37.在CSS样式表文件中设置文本加粗。
38.在CSS样式表文件中设置文本斜体。
39.在CSS样式表文件中设置文本下划线。
40.在CSS样式表文件中设置文本删除线。
41.在CSS样式表文件中设置链接鼠标悬停效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
有表单页面（5分） 表单控件（5分） 合理的用户界面，主要指文字标签（5分） 音频(5) 视频(5) Flash(5)
多媒体应用(15)
加分因素
Biblioteka 自己制作的，效果较好的Flash动画（5 分）。 自己制作的，效果较好的图像效果（5分）。 合理应用DHTML技术（10分）。
相对路径
相对路径的用法 herf=“shouey.html“ shouey.html 是本地当前 路径下的文件 herf="web/shouey.html"shouey.html 是本地 当前路径下称做"web"子目录下的文件 herf="../shouey.html"shouey.html 是本地当前 目录的上一级子目录下的文件 herf="../../shouey.html"shouey.html 是本地当 前目录的上两级子目录下的文件
基本要求
要 求 使 用 表 格进 行 整体 设 计和 排 版 （ 2 0 分）。
使用到表格（5分） 合理的布局效果（5分） 总体效果（10分）
需要使用框架技术，必须用到框架导航 （10分）。
使用到框架（5分） 合理的框架导航（5分）
基本要求
需要有一个单独的表单网页（不需要提交或使用 客户端提交），其中包括至少 3 种控件（ 15 分）。
相对路径 下一级 href=“文件夹名/文件名”
上一级 href=“../文件名” D:\WEB\1.html D:\WEB\NEWS\2.html D:\WEB\BBS\ADMIN\3.html 1.html -> 2.html href=news\2.html 2.html -> 1.html href=../1.html 3.html -> 1.html href=../../1.html 2.html -> 3.html href=../bbs/admin/3.html
注意事项
以站点为基础。 站内图片地址、站内超级链接有效性。 做完打包上传，下载续做。 任何下载、拷贝网页作为上交作业，无论 被拷贝人，还是拷贝人，成绩零分。 工具不限。
链接路径
URL(Uniform Resourc Locator)中文名字为"统一资源定位 器"。指的就是每一个网站都具有的地址。同一个网站下 的每一个网页都属于同一个地址之下，在创建一个网站的 网页时，不需要为每一个连接都输入完全的地址，我们只 需要确定当前文档同站点根目录之间的相对路径关系就可 以了。因此，链接可以分以下三种： 绝对路径 如： 相对路径 如：news/index.html 根路径 如：d│/web/news/index.html
基本要求
网站的主题健康向上。可以任意选择：班 级网页、学习园地、求职网页、社团网页、 个人兴趣等。10分 制作出的网页不能全部是文字，也不能全 部是图片，要求图文并茂；文字要有字体 格式和颜色上的变化，图形要与网页的内 容相关。10分
基本要求
至少 8 个页面（文件大小要适当，图像文件不能 太大），各页面之间要求有统一的导航机制，超 链接的设置要合理（20分） 。 页面个数（5分） 文件大小（5分） 页面导航（5分） 超链接（5分）