第六章网页的设计与制作_知识回顾
一、知识点
1.网页策划与构思
网站的策划与构思主要考虑因素有网站名称是否贴切,网站主题是否鲜明,网站内容是否丰富和网站结构是否清晰等。
2.素材的收集与整理
素材的收集与整理需要做到:
①将收集到素材按照不同的类别,分别保存在不同的文件夹中。
②对收集的素材应该重新取一个合适的文件名,以方便使用。
③对有些图片可能需要进行格式转换处理,网页上常用GIF 或 JPEG格式。
④可能需要从某些图片中截取部分画面生成新的图片。
⑤视频素材在使用前需要进行一些编辑处理,如将格式转换成流媒体格式(RM、WMV)
3.制作网页的基本方法
①制作主页
(a)根据主题,输入网站名称标题(文字或图片)
(b)根据栏目,插入和设置布局表格
(c)输入文字、图像、动画
(d)输入版权和联络信息
(e)预览保存网页
②制作超链接
(a)在文字或图片上制作超链接
(b)制作指向本站的超链接
(c)制作指向Internet的超链接
③插入水平线、字幕、特效等元素和构件进行网页修饰
4.网页的调试与发布
把做好的网页放在学校服务器或个人主页空间上进行浏览调试并发布。
①测试超链接的有效性
②测试网页元素定位的精确性
③测试文字内容的正确性
二、试题精选
1.在机关工作的小王想学习网页制作技术,你向他推荐的软件是()(A)Word (B)Excel (C)FrontPage (D)Photoshop 2.网页的基本元素是()(A)网址、色彩和内容(B)文字、色彩和内容
(C)文字、图形图像和色彩(D)文字、图形图像和超链接
3.有一张包含文字、图片、链接、音频元素的网页,若想仅保存该网页中的文字内容,则下图中应选择的保存类型是()
(A )① (B )② (C )③ (D )④
4.制作网页时,下列能实现网页中元素和构件定位的是 ( )
A. 网格
B.水平线
C.表格
D.字符边框
5.下列关于网页图片的说法正确的是 ( )
A.网页发布时,只要上传网页文件,图片文件不需上传
B.网页中的图片是嵌入在网页文件中,不需单独存放
C.一张图片可以同时出现在二个不同的网页中
D.网页发布后改变图片文件名,网页文件不必修改也能正确浏览
7.林小乐同学被分配负责制作“休闲美食”主题网站的主页,当他保存主页到网站文件夹后,浏览发现网页标题是“new page 1”字样,他用FrontPage 重新打开主页更改网页标题为“休闲美食”,下列做法正确的是 ( )
(A )在网页最上方输入“休闲美食”文字
(B )在表格最上方输入“休闲美食”文字
(C )在“网页属性”的“标题” 栏中输入“休闲美食” 文字
(D )在“另存为”对话框的“文件名”栏中输入“休闲美食”文字
8.小芳在网页制作中打开了下图所示的表格属性设置对话框,你认为她可以完成下列操作中的 ( )
①表格对齐方式改为水平居中
②表格背景颜色设置为粉红色
③给单元格设置不同背景图片
④给单元格添加不同边框颜色。
(A )①② (B )③④ (C )②③ (D )④①
9.小慧准备制作一个指向本地计算机文件的超级链接,在选取了要设置超链接的文字后打开了如下图所示的“创建超链接”对话框,你认为她要找到该目标文件,在图中应该单击的按钮编号是 ( ) 1 2
3
4
(A ) 1 (B ) 2 (C ) 3 (D ) 4
10.“奔向月球”课外活动小组正在制作一个以“嫦娥工程”为主题的网站,请协助他们完成网站制作。
(1)小组成员收集到了如下图所示素材,请帮助他们分类整理这些素材,在各文件夹下的文本框中填写出属于该类的素材文件名。 (要求:每类文件不少于三个)
(2)负责图片素材处理的钱明同学,打算对以嫦娥卫星、嫦娥女神、地球、宇宙背
景为内容的素材图片进行加工处理,制作成图2所示网页效果图中的“LOGO 图片”,请为他推荐一款能实现该操作的软件 。
(3)钱明同学发现准备好的素材图片中,有两张位图图片(分别称之为甲图、乙图)与下图所示“图片A ”的内容一样,其中甲图分辨率为460ⅹ320像素,乙图分辨率为20ⅹ10像素,请问哪张图片更适合用做“图片A ” ,并阐明理由。
(提示:图2所示效果图中“图片A ”的分辨率为218ⅹ143像素)
LOGO图片
图片A
图片B
(4)如下图所示网页是王超同学负责制作的,他制作的网页文件名是。在该网页中王超设置的网页标题是,若该网页是王超使用FrontPage 制作的,则网页标题的设置是通过下图所示右键菜单中的命令实现的。
(5)王超制作该网页过程中,在图2中所示文字“四项科学任务”上制作了指向本机文件renwu.htm的超级链接,在超链接地址中他输入的是:http://renwu.htm,试分析在本机测试时该超链接是否能正常打开?
11.“嫦娥奔月”工程大大的激励了同学们学习激情,你是你们班的班长,希望班级同学能以“嫦娥奔月”为主题,制作一个主题网站。
(1)请写出两个你认为可以制作网页的软件 _______________________。
(2)网页中包含的文本、图像、动画等多媒体信息是按照HTML语言进行表达的,对网页各元素的布局是通过________________来实现的。
(3)若图1是你们做的网站首页,网站的首页文件通常命名为。
(4)图1中“奔月记”的超链接地址为:“https://www.360docs.net/doc/9618720681.html,/z/2007/by.htm”,那么在设置“联系我们”超链接时,超链接地址应该设置为。
(提示:需要链接电子邮件地址为:“student@https://www.360docs.net/doc/9618720681.html,”)
(5)当制作好网页后,希望将网页发布到Internet上,请选择合适的网络服务将你们的网页传输到自己的网站空间里。(Http、Telnet、FTP、BBS、WWW)12.网页制作操作题
打开光盘中的“web”文件夹,对“第11题”文件夹中的“index.htm”文件作如下修改:
1.为文字“端午”下方关于端午的图片设置超链接,链接到web文件夹下的dw.htm文件。
2.将“[1]”所在表格边框的粗细设为0,并将“[1]”字样删除。
3.在“[2]”所在的单元格中,输入文字“七夕”,字体设置为“隶书”,大小设为4(14磅),水平居中,并将“[2]”字样删除。
4.为“[3]”所在单元格设置图片背景,图片来自images文件夹中的“bg.gif”文件,并将“[3]”字样删除。
13.网页制作操作题
打开光盘中的“web”文件夹,对“第12题”文件夹中的“index.htm”文件作如下修改:
1.为文字“春节”下方关于春节的图片设置超链接,链接到web文件夹下的cj.htm文件。
2.在“[1]”所在的单元格中,输入文字“冬至”,字体设置为“隶书”,大小设为4(14磅),水平居中,并将“[1]”字样删除。
3.为“[2]”所在单元格设置“银白色”背景,并将“[2]”字样删除。
4.为“[3]”所在表格设置图片背景,图片来自images文件夹中的“bg.gif”文件,并将“[3]”字样删除。
14.网页制作操作题
打开光盘中的“web”文件夹,对“第13题”文件夹中的“index.htm”文件作如下修改:
1.为“友情链接”中的“中华农历网”设置超链接,链接地址为“https://www.360docs.net/doc/9618720681.html,”。
2.在“[1]”所在单元格内插入images文件夹里的图片“yx.jpg”,将插入的图片水平居中,并将“[1]”字样删除。
3.将“友情链接”中的“中华五千年”所在单元格的背景设为“银白色”。
4.将“[2]”所在表格边框的粗细设为0,并将“[2]”字样删除。
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1.A 2.B 3.C 4.C 5.A 二、判断题 1.√2.×3.√4.×5.√ 三、问答题 略 第2章网页规划设计 一、选择题 1.D 2.A 3.C 4.A 5.C 二、判断题 1.×2.×3.×4.√5.√ 三、问答题 1.答:网站需求分析一般包括三个阶段的内容:网站背景分析、总体需求分析、具体需求分析。(每个阶段可再详细描述。) 2.答:可从以下几个方面来阐述网站设计的原则:①日期、时间和数字;②欢迎词; ③弹出窗口和引导页面;④新闻和公告信息;⑤网址;⑥控件;⑦链接;⑧主页内容 3.答:打开新浪网首页,分析其布局类型。(答案略) 4.答:网页色彩搭配方法可从以下两个方面去阐述:①根据页面风格以及产品本身的诉求确定主色;②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述:①用一种色彩;②用两种色彩;③用一个色系;④用黑色和一种色彩以及色彩搭配忌讳的方面。 5.答:打开当当网,具体分析其规划过程。(答案略) 第3章初识网页制作软件 一、选择题 1.C 2.C 3.B
二、填空题 1.代码、拆分、设计2.文件、资源、规则3.超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1.D 2.B 3.A 4.D 5.ABD 6.D 7.B 8.D 9.A 10.A 二、判断题 1.√2.√3.×4.√5.√6.√7.√8.√9.×10.√三、操作题 略 第5章设置网页超级链接 一、选择题 1.D 2.D 3.A 4.D 5. C 二、判断题 1.×2.×3.×4.√5.× 第6章使用CSS样式美化网页 一、选择题 1.B 2.C 3.C 4.B 5.A 6.D 7.D 8.D 9.B 10.C 11.A 12.A 13.C 14.D 15.D 16.A 17.A 18.B 19.D 20.D 二、简答题 1.×2.×3.×4.×5.×6.×7.√8.×9.√10.√11.×12.×13.×14.√15.√16.√ 第7章规划布局网页 一、选择题 1.B 2.A 3.B 4.B 5.D 二、简答题
《网页设计与制作》期末考试试题
《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、
B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中,标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是( )。 A、 B、 C、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL《网页设计与制作》期末考试题与答案〈网页设计与制作》期末考试试题、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在In ternet上应用最为广泛的服务是(b)。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是(b )。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成,其中(d)子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为(d )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是(c)。 A、 B、 C、 D、 7、在客户端网页脚本语言中最为通用的是(a)。 A、javascript B、VB C、Perl D、ASP & 在HTML中,标记的Size属性最大取值可以是(c)。 A、5 B、6 C、7 D、8 9、在HTML中,单元格的标记是(a )。 A、 B、 C、 D、 11、下面不属于CSS插入形式的是(a )。 A、索引式 B、内联式 C、嵌入式 D、外部式12、在网页中最为常用的两种图像格式是(a)。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层(SSL),那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中,要定义一个空链接使用的标记是(a ). A、<a href= "#"> B、<a href= ”?"> C、<a href= "@"> D、<a href= ”"〉 15、对远程服务器上的文件进行维护时,通常采用的手段是(b) A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中,最安全的权限级别是(a ) A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时,需要的工具是(c) A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是(b ) A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是(c) A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是(d) A、规划目录结构时,应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色,其实指的就是色相 D、为了使站点目录明确,应该采用中文目录 网页设计与制作课程标准《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下: 三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时) 网页设计与制作选择题讲解学习网页设计与制作选择 题 1、下列选项中支持透明的图片文件格式是_______。 (A)、 BMP (B)、 TIFF (C)、 GIF (D)、 JPG 正确答案: C 2、以下HTML标记中,________是双标记。 (A)、 img标记 (B)、 hr标记 (C)、 p标记 (D)、 br标记 正确答案: C 3、有关 标记,正确的说法是________。 (A)、位置在网页正文区内 (B)、在文件头之后出现 (C)、中间放置的内容是网页的标题 (D)、表示网页正文开始 正确答案: C 4、网页是用__________语言编写,通过WWW传播,并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。(A)、 C++语言 (B)、 HTML语言 (C)、 Basic语言正确答案: B 5、关于首页和主页,不正确的说法是______。 (A)、浏览网站时最先访问的页为首页 (B)、首页和主页可以是同一页 (C)、首页就是主页,没有区别 (D)、主页是整个网站的导航中心 正确答案: C 6、在Dreamweaver中,表格的宽度可以被设置为100%,这意味着______。 (A)、表格的宽度为100mm (B)、表格宽度为100个像素点 (C)、表格的宽度会随着浏览器窗口大小的变化而自动调整 (D)、表格的宽度是固定不变的 正确答案: C 7、在创建一个Dreamweaver模板时,必须在该模板中加入一个________,以便在把该模板套用到某个网页后,网页能被正常使用。 (A)、可控制区域 (B)、可套用区域 (C)、可复制区域 (D)、可编辑区域 正确答案: D 8、网页文件的扩展名为______。 (A)、 GIF 网页设计与制作试卷(七)2011年春季学期理论考试 网页设计与制作试卷(七) (试卷满分100分考试时间90分钟) 班级学生学号得分 一、选择题(共20分,每题1分 ) 1、常用的网页制作工具有() A、word B、Excel C、Dreamweaver D、VB 2、常用的网页美化工具有() A、word B、Fireworks C、Excel D、VB 3、常用的网页中的脚本语言有() A、VBScript B、Fireworks C、Excel D、VF 4、下列哪一个不属于“网页设计三剑客”() A、Flash B、Fireworks C、Dreamweaver D、FrontPage 5、E-mail链接的作用是() A、用于看图 B、便于浏览者反馈意见 C、便于写E-mail D、没用 6、空链接的作用是() A、超链接到网页 B、便于浏览 C、激活网页中的图像 D、没用 7、要是浏览者不用离开当前的Web页面就可以得到一个额外的信息可以使用() A、超链接 B、活动图片 C、静态图片 D、脚本链接 8、Dreamweaver中的图层相当于() A、Word中的图层 B、Excel 中的图层 C、Photoshop中的图层 D、FrontPage 中的图层 9、Dreamweaver中的图层中可包括() A、动画 B、各种插件 C、其他图层 D、以上全包括 10、向Dreamweaver中的图层中添加图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 11、向Dreamweaver中的图层添加背景图像之前必须() A、打开图层 B、激活图层 C、选择图层 D、以上全包括 12、用Dreamweaver制作的幻灯片,和用Flash制作的相比() 网页设计与制作试题及答案《网页设计和制作》期末测试试题 一、单项选择题(本大题共15小题,每小题2分,共30分) 1、目前在Internet上使用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、 | |