制作图文并茂的网页
制作图文并茂的网页
第4课制作图文并茂的网页
一、教学目标
知识目标:
1)学会在网页中插入和设置水平线;
2)学会在网页中插入和设置图片;
3)学会保存带图片的网页;
技能目标:
1)培养学生的动手能力;
2)培养学生自主学习的能力;
3)培养学生发现问题、分析问题、解决问题的能力;
情感目标:
1)在教学中培养学生的审美情趣;
2)激发学生的想象;
3)培养学生间的合作精神;
二、教学方法:任务驱动法、自主探究法、演示法;
三、教学重点:本课教学重点是在网页中插入水平
线和图片,以及保存带图片的网页;
四、教学难点:本课的教学难点是图片的设置以及
带图片的网页的保存;
五、教学课时:1课时
六、教学准备:比较好的学生的作品以及四个自己
制作的网页
网页一、只包含纯文字(文字中要有一主题,介绍的是学生熟悉并感兴趣的人或事物,如可介绍他们任课的老师,一般学生对自己的老师总是很感兴趣,或学生中比较有威望的同班同学,或者是一个动画人物:柯南,火影忍者,樱木……)
网页二、比上增加水平线
网页三、比上增加图片
网页四、比上对水平线及图片作了相应的设置
七、教学环境:机房,每人一机,教师能对学生进行控制,分发文件,装有frontpage软件,能上网;
八、教学过程:
任务一在网页中插入和设置水平线
创设情境、导入课题
将事先准备好的学生的作品展现给大家,
师问:同学们漂亮吗?
生答:漂亮。
师:你们知道这是谁做的吗?大家一定想不到吧,这是和你们同龄的同学的作品(激发学生的学习热情,让他们感到网页的制作也并不是那么的困难,增强他们的信心,既然别的同学能做出来,那么我为什么不能呢!)师:上几节课我们对网页已经有了初步的认识了,
我们知道在网页中可以插入文字,但是和我们在网上看
到的网页相比,我们自己做的实在太单调,太难看了,师问:同学们想不想让自己的网页也像这位同学的
那么漂亮呢?
生答:想。
师:好,那么从今天开始我们就要来打扮我们自己
的网站了,
师:(将事先准备好的网页一,网页二打开)“找出不同点”(从而顺利引入本次任务。)
生:多了一条线
师:有和没有有什么不一样,(这条线的功能),线是怎么来的?(学生可能有不同的回答比如是画出来的,或者也有同学知道水平线功能的,让同学上来到教师机
演示-教师适当的称赞学生)
师:将控制权交给学生,按照事先分好的小组,让
学生自主探究,并完成课后练一练第一题。
(在此过程中教师要巡视教室,观察学生完成情况,对个别进行指导)
学生大部分完成后,选择完成的比较好的学生,让
此学生来说明步骤,教师适当的补充。
任务二、在网页中插入和设置图片
(将事先准备好的网页二、网页三打开)
师:同学们都做的非常的好,现在再来“找出不同点”。
生:多了图片
师:要想我们的网页变得漂亮,怎么能少得了图片呢,那么这个图片又是怎么贴上去的呢?(学生中可能会有知道的,如果回答不出来的可以给个提示:在网页中
插入图片的方法与word相同。请同学讲一下在word中插入图片的方法)
师:现在给你们几分钟时间,看谁厉害能把图片插
入进去,并完成练一练第2题。
在这一环节学生碰到的问题可能比较多,在巡视过
程中要适时的给予学生帮助:提示同学在哪里找到“图片”工具栏。并鼓励学生对各种效果的尝试。
根据学生实际完成情况:如有学生弄得比较漂亮的,让学生上台演示,老师适当补充;若学生完成情况不是
很理想的,老师要总结一下,讲明几个常用的设置:在
图片上写文字,
旋转和翻转图片,裁剪图片,设置透明色,选定按
钮等。
展示网页四,让学生有个对比,给学生一点时间,
分组讨论,对各自己的网页做最后的修改和补充。
任务三、保存带图片的网页并总结
师:(最后在下课前评选出几组较好的,对他们进行表扬)同学们,经过你们自己的努力,你们的网页已经变得比较漂亮了,今天我们这节课主要是用什么手段装扮了我们的网页?
生答:水平线和图片
师:对,非常好,我们今天主要学习了打扮网页的两种手段:在网页中插入水平线和图片。我们以后还会学更多的打扮的手段,把我们的网页化得更漂亮,那么怎么样保存起来以便我们下次再使用呢?
生答:点保存按钮,或者是“文件”→“保存”(这一步一般学生都能回答出来的)
师:(按学生说的步骤演示)跳出一个“保存嵌入式文件对话框”,教师作惊奇状,哎,为什么呢?(学生可能回答的出来,也可能回答不出,对前一种情况只要按学生的说法顺势将图片的保存几个知识点说一下,若没有学生回答出来,教师可自问自答:哦,原来在制作网页的时候如果有图片插入的话,对图片也要进行保存,那么图片保存在哪里呢?)
教师先不作修改,直接按确定以后,关闭网页,让学生寻找刚才保存过的网页,最后发现在什么都不改动的情况下,保存在“images”文件下(对于站点),再打开网页,说明各个设置。
让学生保存好自己的网页(完成课后练一练第3题)
手把手教你如何制作一个完整的网站
手把手教你如何制作一个完整的网站 制作网站是一件耗时间的事情,不过我们也要带着责任心去做,想要制作好一个网站,必须要先了解它的具体操作流程,详细的了解各个步骤后,才能找到有效的制作方法。 第一、了解需求 制作网站的第一步就是要了解好客户对网站的制作需求,首先让客户把他们想要的效果、风格、开设的栏目等说明清楚,然后再根据他们提供县官的资料,比如单位的简介,联系方式,网站框架的设计要求,对产品和项目的描述等。 第二、制定网站的制作方案 工作人员与客户双方要协商好关于网站的制作的内容、细节和风格等问题,最终达
成共识后才能开始制作,如果制作之前没有商量好,那么制作的结果会使得客户不满意,矛盾就会产成了,所以工作人员要负责,在制作之前客户也不能抱着随便的心理。协商好了之后就可以直接支付相应的费用,并签合同了,合约是关系到双方的利益问题,也要引起重视,谨慎签订。客户在签完一系列的合同之后,要注册好域名和空间,因为网站开展运营的前提条件就是选择适合的域名和空间。 第三、网站的定位很关键 网站的制作应该明显的体现出相关单位的一个核心理念,因为我们要做的就是在最短的时间内、最有限的空间里将自己的核心思想通过相应的介质传播给用户,我们可以选择通过图片、文字、音频等途经进行传播,网站的建立就应该明确的宣传自己能为客户提供哪些帮助,而不是仅仅是为了“门面”的设计而忽略了网站的实用性。 第四、验收 就是网站制作完成后应该多次进行审核、修改和通过客户的验收,这样一个网站才能算是建好了。如果网站涉及到图片和文字等数据的安全问题,应该立即采取更新、修改或者找回密码等措施,我们有权利制作网站,那就要旅行好维护网站安全的义务。 通过以上的详细介绍,相信大家对网站的制作流程都已经很熟悉了,想要制作网站的朋友赶紧尝试一下吧。
(完整版)《网页设计》课程教学大纲
《网页设计》课程教学大纲 一、课程说明: 课程类别:选修课 适用专业:工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时:60学时(讲课24学时,上机实验36学时) 学分:4 先修课程:计算机基础 执笔: 审阅: 二、课程的教学目的 以培养应用型人才为目标,充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言,全面介绍与网页设计制作有关的知识,通过对Web页制作技术和制作工具的学习,使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法,掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法,进而掌握将这四个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求: 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用,使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能,提高学生分析解决问题能力和项目实施能力,注重学生在学习和实践过程中职业素质的养成。通过学习,使学生熟练掌握运用Dreamweaver网页制作软件制作网页,掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作,掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 (1)理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用; (2)理解CSS样式表中属性单位的作用和意义; (3)理解javascript语言脚本程序的工作方式; (4)深入理解超级链接、图形图像各种功能和应用; (5)深入理解表格、AP Div、框架、表单的作用; (6)深入理解模板、库、行为和脚本的高级应用; (7)理解网站测试的目的和测试方法; (8)深入理解“切片”和“热点”的涵义和应用; (9)深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作; (10)理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 (1)了解HTML语言的基本内涵。理解基本标记的用法; (2)掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式; (3)熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法; (4)掌握在网页中嵌入图象和多媒体的方法;
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第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 二、简答题
网页设计与制作构思
网页设计与制作构思 姓名:刘海梅 学号:20080514106 专业:08级电子商务 首先是网页的整体布局:因为是网页的自我介绍,所以采用了最简单的格式来布局。网页的左边用的是文字的介绍,右边就是自己的图片,将文字和图片结合起来能更形象的展现自己。 其次,网页整体是体现一个人的风格和思想,展现一个人的想法。而我想要突出的是一种希望,一种追求,一种宁静的生活,在漫无边际的黑夜,有着几颗明亮的星星,天空显得很宁静,但是当黑夜过后,黎明回来到,也就是一种希望,所以我选择的是黑色的背景颜色,然后添加了满天星星的小程序。 然后是自我介绍,自我介绍采取的是渐进的方式,跟着读者的眼球一点一点的往下播放,这个也是我自己根据一些小程序改编的。在自我介绍小面有一首谜底,因为自己喜欢和别人交流,所以是谜底的最后一句话添加了邮件地址,访问者可以点击“想知道答案”然后发
送邮件给我和我交流。网页的开头我设定了时间日期,时间会根据系统自己来调节。右边是我自己的照片,照片我用photoshop进行了色彩的调整,使其和网页的背景相符合。照片上面是一句“梦想随心飞”的动态图案,这句话是体现我的思想,就是有梦想是很好,但是心要向着梦想的方向努力,才能实现自己的梦想。在照片的下面插入了一个表格,分成3行,分别讲了有关于爱情、星座、神话的一些小故事,这些我添加了想左滚动的代码,使文字有序的向左滚动,并调整了滚动的次数、滚动速度等等,加入这些小故事也体现了我的个人爱好,在平时的生活中自己喜欢收集一些小故事,所以拿出来和大家一起分享,也体现对美好事物的追求。自己的照片也是一个超链接,链接到我的另一个网页“梦幻世界”,讲的是一个很唯美的小故事。在主页网站的下面有几张图片,这是为了使网页看起来不那么沉闷,可以说是为了美化网页添加上去的。这几张图片都是我精心挑选的,其中有动态有静态的图片,动态图片“很不错哦,支持一下”是希望大家喜欢我的网页,同时也是对自己的鼓励,希望自己努力! 最后,在网页底部图片的上面添加了超链接“返回”,这是为了能很快的返回寝室的主页。我的个人介绍网页大体就是这样根据自己的思路而一步一步来展现的,其中的文字、图片都是经过自己的思考和挑选的,这样才能体现出我自己的想要表达的思想和自己喜欢的一些事物。
网页制作教案
课堂任务快速建站技术—模板的应用 课程名称:利用模板快速建站 课时数:4 教学目标: 知识与技能:了解模板的定义,模板的可编辑区域的定义。 过程与方法:掌握在网页中创建模板的三种方法; 掌握模板的可编辑区域的定义、建立和取消; 掌握模板的应用和取消; 掌握如何将模板从网页中分离出来; 掌握使用模板快速建站; 情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。 教学重点: 在DreamWeaver8中创建模板和应用模板。 教学难点: 学会模板的可编辑区域的定义、建立和取消。 教法: 任务驱动法 学法: 记录关键步骤,积极动手练习。 课前准备: 第三章第三节素材和实例,视频教程:快速建站技术-模板的应用.WMV,快速建站技术-模板的应用(快速更新).WMV。 教学过程设计: (一)导入设计: 我们制作一个网站时,会发现许多网页的版面和元素都是相同的,在设计一个新页面时,我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同,这时修改或更新网页的共同元素如网站标志时,会发现工作量实在太大!而使用Dreamweaver 软件中的模板功能来创建新网页,可以大大提高更新和修改的工作效率,网站的维护工作会轻松很多。本节主要内容如下。(二)新课讲解设计: (1)请学生带着以下问题阅读P110~115知识预读,问题如下: A、模板的定义? B、模板创建的三种方式?了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消; D、学会模板的应用和取消; E、学会如何将模板从网页中分离出来; (2)教师提问,请学生一一回答以上问题。期间对回答问题的同学要多多表扬,如“你真棒”。增强学生对教师的亲和力。 (3)教师在学生回答问题的同时,总结评价并补充相关要点。 (4)教师展示完成后的模板网站作品,与学生共同讨论分析该网站制作过程。 (5)教师演示建立模板,创建可编辑区域,应用模板等部分操作(详见教材任务一)。
网站设计与制作试卷和答案
第一部分应知考试题库 2.1.2网页制作基础 1.填空题 (1)网页一般分为()网页和()网页。 (2)HTML是()的缩写,意思为()。(3)网页主要由()、()、()、超链接等基本元素构成。(4)常用的制作网页的专门工具有()和()。 (5)如果属性面板被隐藏了,可以通过执行()菜单下的“属性”命令来打开。2.选择题 (1)下面文件属于静态网页的是______。 (2)属于网页制作工具的是______。 A.photoshop B.flash C.dreamweaver D.cuteFTP (3)用于调整编辑窗口中被选中元素的属性的面板是_____ A.插入面板 B.属性面板 C.设计面板 D.文件面板 (4)在网页中经常用的两种图像格式是_______。 A.bmp和jpg B.gif和bmp C.png和bmp D.gif和jpg (5)下列说法正确的是_____。 A.动态网页使用应用程序解释器但不使用后台数据库 B.动态网页不使用应用程序解释器但使用后台数据库 C.动态网页不使用应用程序解释器也不使用后台数据库 D.动态网页使用应用程序解释器也使用后台数据库 2.1.3网站的创建与管理 1.选择题 (1)如果正在编辑的文件没有存盘,系统在文件名上加上____符号提示用户。 A.! B. C.# D.* (2)在“资源面板”中没有列出的资源是______。 A.文本 B.图像 C.颜色 D.脚本 (3)保存网页文档的快捷键是__________。 A.Ctrl+A B.Ctrl+S C.Ctrl+W D.Ctrl+N (4)下列哪一种视图不属于“文件面板”中视图列表中的视图类型 A.本地视图 B.地图视图 C.远程视图 D.大纲视图 (5)定义站点时,存放网页的默认文件夹为__________。 A.C盘根目录 B.D盘根目录 C.我的文档 D.没有默认文件夹,必须由用户指定 2.1.4页面的整体控制 1.选择题 (1)打开页面属性对话框,使用_______功能键。 A.Ctrl+K B.Ctrl+J C.Ctrl+M D. Ctrl + F (2)下面的颜色中,____表示黄色。 A.#FFFF00 B.#FFOOFF C.#00FFFF D.#00FF00 (3)当网页既设置了背景图像又设置了背景色,那么_____。 A.以背景图像为主 B.以背景色为主
(完整版)《网页设计与制作》课程教学大纲.docx
《网页设计与制作》课程教学大纲 课程名称:网页设计与制作 学分及学时: 4 学分总学时72学时,理论36 学时 适用专业:网络工程 开课学期:第四学期 开课部门:计算机与互联网学院 先修课程:计算机文化基础计算机网络 考核要求:考试 使用教材及主要参考书: 向知礼主编:《网页设计与制作》航空工业出版社2017 年 杨松主编:《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务: 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章,分为 3 大部分。前 5 章为第 1 部分,主要介绍网页制作的基本理论——HTML,同时穿插介绍Fireworks,Flash, Anfy 等软件在网页制作过程中的应用;第 6 章~第 8 章为第 2 部分,主要介绍网页 制作技术,包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术;第9 章~第 10 章为第3 部分,主要介绍当前最流行的网页制作工具——Dreamweaver ,通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论,而且强调网页制作的具体应用,使读者既能打下坚实的理论基础,又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线,介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布; 要求:教学过程中,须注重学生实践操作能力的培养,采取“面向实践、能力为先”的 教学思路,教学内容应结合当前WEB 技术的发展趋势,把握未来企业级WEB 页面开发的发 展方向,兼顾各行各业的需求变化,力争面向社会,服务于企业“互联网+”战略。
《网页设计与制作》课程标准
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路:以计算机专业学生的就业为导向,根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析,紧紧围绕完成工作任务的需要来选择课程内容,设定职业能力培养目标;以“工作项目”为主线,创设工作情景;以书本知识的传授变为动手能力的培养为重点,强化学生实践动手能力的培养,以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1.熟悉HTML 语言的作用和开发环境,能够编写HTML 代码; 2.掌握常用的HTML 标签,能够实现基本的图文信息显示; 3.理解HTML 页面框架的作用,能够针对需求进行框架的设计; 4.掌握各类HTML 表单元素标签,能够进行表单设计;
5.掌握各类HTML 多媒体元素标签,能够进行多媒体页面设计; 6.掌握CSS 样式的基本使用方法,能够应用CSS 样式表美化页面;7.掌握CSS 网页布局的方法,能够结合DIV 标签进行页面布局; 8.掌握JavaScript 的语法基础,能够编写简单的JavaScript 应用程序;9.掌握JavaScript 的函数、内置对象、事件等,能够实现表单的验证;10.掌握DOM 树形结构及其操作方法,能够控制DOM 对象。 2.职业技能目标 1.能独立进行资料收集与整理、具备用户需求的理解能力; 2.能根据项目需求,具备项目页面的设计与实现能力; 3.能根据静态页面设计原则与CSS 技术规范,实现页面美化与布局;4.具有使用JavaScript 技术进行页面事件处理与表单验证的能力; 5.能根据DOM 树形结构,进行页面DOM 的控制; 6.具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1.养成善于思考、深入研究的良好自主学习的习惯; 2.通过项目与案例教学,培养学习者的分析问题、解决问题的能力; 3.具有吃苦耐劳、团队协作精神,沟通交流和书面表达能力; 4.通过课外拓展训练,培养学习者的创新意识; 5.具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
网页设计与制作课程标准
《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于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学时)
网页设计与制作试题及答案
《网页设计与制作》期末考试试题 一、单项选择题 ( 本大题共 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 Netw ork System D 、 Distributed Network Service 3、主机域名 center. nbu. edu. cn 由四个子域组成,其中 A 、 center B 、nbu C 、 edu D 、 cn ( ) 子域代表国别代码。 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是 A 、 G B 码 B 、 Unicode 码 C 、 BIG5 码 D 、HZ 码 ( )。 5、当标记的 A 、 TEXT B TYPE 属性值为 、 PASSWORD C ( ) 时,代表一个可选多项的复选框。 、RADIO D 、 CHECKBOX 6、为了标识一个 HTML 文件开始应该使用的 A 、