当前位置：文档之家› 网页设计制作教学设计

网页设计制作教学设计

课程教学设计

2013 ～2014 学年第二学期

教学部门信息技术系课程名称网页设计

专业、班级 13网络

主讲教师丁宁

山东省潍坊商业学校

《网页设计》课程整体教学设计

1、管理信息

课程名称：《网页设计》制定时间：2014年3月

课程代码：所属部门：信息技术系

制定人：丁宁批准人：

2、基本信息

学分： 4 课程类型：专业课

先修课：

授课对象：13网络后续课：

3、课程设计

1．课程目标设计

(1) 能力目标

总体目标：学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop制作页面的平面效果图，并能够运用多dreamweaver制作简单的静态网页。

具体目标：

① 掌握网页当中卡通元素的设计和制作。

② 熟练应用Photoshop制作页面的平面效果图的能力。

(2) 知识目标

①了解网站制作流程,布局方法以及不同方法的差异、优缺

点，学会书写网站设计说明书

②了解各类网站的各自特点及设计原则

③分析并用Photoshop临摹制作各类优秀网站效果图

④运用dreamweaver将制作好的平面效果图制作成静态网页

(3)素质目标

① 养成良好的开关机的习惯。

② 养成小组合作学习的习惯。

③ 在表述与回答问题的过程中提高语言表达能力。

2．课程内容设计

模块名称学时Dreamweaver的基本应用方法和简单命令52

网页制作的基本流程（综合实训）20

学生学习完本课程后，能掌握不同应用领域中常用的平面设计手法，并将这些手法揉合到网页设计中；熟练应用Photoshop 制作页面的平面效果图，从临摹到带有一定自己的创意，为毕业设计做好准备。

3．能力训练项目设计

编号能力训

练

项目名

称

拟实现的能

力目标

网页设计与制作期末试题及答案

网页设计与制作模拟试题一、单项选择题(每空1分，共10分) 1. 客户/服务器系统的最大特点是客户机和服务器 ( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 2. 若需要软件把LAN上的客户机从Internet上隐藏起来，并为客户机执行Web 请求，则下面( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 3. 通常一个站点的主页默认文档名是 ( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm 4. 通常，比较好的建立站点目录的习惯是 ( A ) A. 在根目录下建立一个总的IMAGE目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE目录放置图象文件 D. 在每个目录下建立一个IMAGE目录放置图象文件 5. 以下有关页面布局的说法正确的是 ( D ) A. 分辨率越高，可供使用的页面尺寸越大 B. 网页布局与平面设计一样，不受页面大小的影响 C. 页眉和页脚中只能出现文本，不能出现图形 D. 页面布局通常是通过手工设计的，目前还没有相应的电脑软件完成这一工作 6. 以下关于HTML文档的说法正确的一项是 ( A ) A. 与这两个标记合起来说明在它们之间的文本表示两个HTML 文本 B. HTML文档是一个可执行的文档 C. HTML文档只是一种简单的ASCII码文本 D. HTML文档的结束标记可以省略不写 7. 正确描述创建一个一级标题居中的句法是 ( D ) A. Heading Text B.

Heading Text

C. Heading Text

502043《网页设计与制作》课程标准

《网页设计与制作》课程标准课程代码： 502043 参考学时： 90 学分： 4 课程类型：专业课

2015年 1 月编一、适用专业计算机应用技术（3年制中职，5年制高职）二、开课时间第4学期三、课程定位 1、课程性质本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。 2、教学任务本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。四、课程培养目标 1、方法能力目标 1)培养学生谦虚、好学的品质； 2)培养学生勤于思考、做事严谨的良好作风； 3)培养学生良好的职业道德； 4)培养学生事物美的观念； 2、社会能力目标 1)培养学生的团队协作精神； 2)培养学生分析问题、解决问题的能力； 3)培养学生勇于创新、敬业乐业的工作作风； 4)培养学生诚实、守信、坚忍不拔的性格。 3、专业能力目标 1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计与制作工具；

2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架； 3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的使用技巧； 4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆分、表格嵌套来完成网页的排版； 5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页； 6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧； 7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果； 8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原理； 9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的动态效果； 10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练书写样式； 11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作记录；能够使用服务器行为开发简单的动态网站。五、课程衔接在课程设置上，前导课程有《Photoshop高级应用》，后续课程有《网站建设》六、教学内容与学时分配教学学时数分配见下表所示表教学内容与学时分配

网页设计与制作教案

《网页设计与制作教案》湄洲湾职业技术学院 2008-2009学年第一学期教师：唐俊奇系部：信息技术工程系专业：计算机应用电子信息班级：计机07（1）信息07（1）08（2）

第一讲网页设计概述【教学内容】讲解网页设计的相关术语及网站制作的基本流程。【教学目的】使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】网页设计中的若干术语。【教学难点】理解网页设计中的若干术语。【教学方式】讲授式、讨论式、案例分析式。【教学参考】 1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。 2、《Internet 网页工场》Wittime工作室重庆出版社。 3、《WEB网站设计》Joel Sklar著高等教育出版社。 4、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】 1.1 WWW和URL 1.1.1 Web的起源 Web是World Wide Web的简称，一般也称之为WWW或3W 1.1.2 Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式协议://主机名或IP地址：端口号/路径名/文件名 1.2 IE5的使用 Web浏览器是浏览Internet资源的客户端软件在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic 等 1.2.1 IE5的界面 1.2.2 IE5的使用

网页设计与制作实例教程

网页设计与制作实例教程习题答案第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行，分别讲了有关于爱情、星座、神话的一些小故事，这些我添加了想左滚动的代码，使文字有序的向左滚动，并调整了滚动的次数、滚动速度等等，加入这些小故事也体现了我的个人爱好，在平时的生活中自己喜欢收集一些小故事，所以拿出来和大家一起分享，也体现对美好事物的追求。自己的照片也是一个超链接，链接到我的另一个网页“梦幻世界”，讲的是一个很唯美的小故事。在主页网站的下面有几张图片，这是为了使网页看起来不那么沉闷，可以说是为了美化网页添加上去的。这几张图片都是我精心挑选的，其中有动态有静态的图片，动态图片“很不错哦，支持一下”是希望大家喜欢我的网页，同时也是对自己的鼓励，希望自己努力！最后，在网页底部图片的上面添加了超链接“返回”，这是为了能很快的返回寝室的主页。我的个人介绍网页大体就是这样根据自己的思路而一步一步来展现的，其中的文字、图片都是经过自己的思考和挑选的，这样才能体现出我自己的想要表达的思想和自己喜欢的一些事物。

网页设计与制作课程标准

《网页设计与制作》课程标准前言：《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于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.图象处理工具主要有那几类应用？答：使用图像处理工具可对图像进行编辑修饰`优化`图形文件格式转换等处理。包括：1图形编辑。图形编辑包括制作页面中的字体`制作3D效果，建立透明GIF文件，插入背景阴影，处理字体`箭头`徽标等页面元素。并能对图像进行剪切`移动和旋转处理。图像修饰。图像优化。 2.什么是Web服务器？Web浏览器的作用是什么？简述浏览器打开文件的步骤. 答：Web服务器是是用于存储WWW文件并响应处理客户机请求的计算机.浏览器的作用在于解释并显示超文本档，包括指向其他文档的引用（或指针），与其他HTTP服务器上非常相似，这些指针也称链接。从一个超文本页上选择一个链接时，浏览器将请求送该回到新的服务器，然后在客户端上显示另一个充满链接的页面。打开一个Web文件的基本步骤如下： 1）.在浏览器中指定要访问的Web文件的URL。 2）.浏览器将请求发送给服务器。 3）.服务器将请求转递给指定的URL处的服务器。 4）.该服务器将文件送回到服务器上。 5）.服务器将文件送回到客户端浏览器上。 6）.浏览器将文件显示在计算机屏幕上。 3.网站设计过程中的最重要原则是什么？为什么？答：网站设计过程中的最重要原则是创意。虽然一个网站的主要目的是传递给人们信息，但是在传递信息的同时还要把他的文化同样也传递给获取这些信息的人们，比如众所周知的2 63首都在线.新浪网.网易.ChinaRen等网站的页面都是非常朴实的，没有太多的花逍的效果，运用普通的制作软件就能够制作完成，但它们的页面只需要看一眼见就能够让人马上识别他是谁，这是因为他们不仅向访问者传达了新闻等网站的信息，更传递了自己的独特风格。网站的设计基本上是按照一定的步骤进行的，不同的站点开发人员有他们不同的习惯，对于网页设计都有自己独特的见解。但一般来说有些原则是共同的，有些主要概念也是共同的：仅仅会输入文本，制作超级链接和排列图片，不是真正意义上的网页制作，或者说还不能称为网页创作。因为网页制作最重要的原则是创意。这个原则也可以看成是网页制作的根本，没有创意的网站不能算一个成功的网站，而这个网站也不能长期存在。因此，创意是最重要的原则。 4.什么是站点的风格？典型的商业站点具有那些风格特征？答：站点的风格是指整个网站所采用的结构布局.色调.文字.标志.图案等要素带给浏览者的关于该网站的印象。商业公司站点由于其目的与个人站点以及非营利性的组织完全不一样，因此他的站点风格也与其他两类站点的风格完全不一样。典型的商业站点的风格特征主要体现在以下几个方面： 1）.公司的徽标或商标应出现在页面的最上方，尽可能作到色彩醒目，同时占用版面小。 2）.可以采用主题图形产品广告来突出公司形象和风格。主题图形或产品广告应精心设计，给浏览者以良好印象。 3）.主题栏目一般采用图文并茂的超级链接实现，要考虑到主要栏目图片.文字之间的色彩

网站设计与制作试卷和答案

第一部分应知考试题库 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.以背景色为主

《网页设计与制作》课程说课稿

《网页设计与制作》课程说课稿一、课程定位《网页设计与制作》课程是我院计算机应用技术专业、计算机网络技术专业及电子商务专业的重要专业基础技能课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切，仅仅就这一门课程的学习，学生毕业后就可以从事相关网页设计与制作的工作，考取相关的网页设计与制作员的资格证书，如果将此作为技能基础，继续学好后续基于网络编程的动态网页设计技术，学生还可以从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。该课程的开设，正好满足我校关于“高素质、技能型人才”培养目标的需求，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护的工作人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。二、课程教学设计的过程与思路在教学过程中，结合职业岗位对人才的需求（一线工作岗位上从事网页设计、制作、编辑，网站规划、维护和管理的人员）、我校对人才培养的目标（培养高素质、技能型、应用型人才）及本课程对人才培养的目标（能够独立完成一个网站的建设，毕业后能够从事企事业单位的网页设计与制作、网站维护与管理等工作的人才），我们将培养学生熟练的网页设计与制作操作技能作为培养重点，在具体课程教学设计中，应用“工学结合”的教育思路、实施“建构主义”的教学方法，采取“小组协作学习”的学习方式完成整个课程的教学与学习。在“工学结合”的教育思路下，主要以“工作导向——项目导向——任务驱动——知识学习”的一个架构来完成教学。具体给大家阐述如下：老师教学之前的教学设计：根据知识点——设计任务——组合项目——达成一项工作老师教学中的教学设计：给学生布置一项工作（工作导向）——将工作转化为项目（项目导向）——将项目细化为每一个任务（任务驱动）——通过任务引出知识点（知识学习）

网页设计与制作简答题

1、简述Web浏览器打开一个Web文件的工作过程。 2、描述网页设计的一般步骤。 3、简述网页设计的基本准则。 4、简述规划网站目录结构时应遵循的原则。 5、描述版面布局的步骤。 6、什么是“HTML”？HTML“标记”又是什么？ 7、简述“HTML”文档的基本结构。 8、简述以下一段HTML代码中各对标记的作用。〈html〉〈head〉〈title〉网页设计〈/title〉〈/head〉〈body〉〈h2〉北国风光〈/h2〉〈/body〉〈/html〉 9、如何进行本地网页的测试？ 10、网站管理和维护的主要工作有哪些？ 11、什么是Web浏览器? 12、简述网页设计中所需要注意的通用规则。 13、简述DHTML的概念及主要组成。 14、简述使用FrontPage在网页中插入一个日历的过程。 15、简述色彩的三原色的概念及每种颜色的调配范围。 16、为什么要采用DHTML技术？客户端动态网页技术有哪些优点？ 17、网站栏目划分的原则是什么？ 18、XML与HTML相比的主要优点有哪些？

19、请简述一下网站的设计流程？ 20、简述FireWorks的特点。 21、网页制作的步骤是什么？ 22、怎样让链接没有下划线? 23、怎样在网页中加入多媒体播放? 24、怎样让网页的背景图像不滚动? 25、怎样定义网页的关键字? 26、什么是Web浏览器? 27、网页上所说的重心平衡指的是什么? 28、什么是DHTML？DHTML技术主要由哪几部分组成？ 29、在CSS中，对字体的的设置所涉及到的属性有哪些？ 30、用HTML语言回答一个HTML文件应具有的基本结构。 31、比较GIF格式和JPG格式的原理与各自的适用范围。 32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点? 33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。 34、什么是Web安全色? 35、简述虚拟主机的概念和功能。 36、简述Dreamweaver的工作窗口由哪些部分组成。 37、在Dreamweaver中，插入图像的方法有哪些？ 38、在Fireworks中，如何使文字附加于路径？ 39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？ 40、HTML中
标记和

标记有何区别?

网页设计与制作课程试卷(五)

网页设计与制作课程试卷(五) 一、单项选择题 (本大题共40小题，每小题2分，共80分) (1) Photoshop中，下列__D_____操作不能提交图像变换。 A. 按Return键 B单击选项栏中的“提交”按钮 C. 在变换选框内双击 D在变换选框外双击 (2) Photoshop 中，利用蒙板制作淡出效果的方法为____C____。 A.添加蒙板后使用橡皮图章工具 B.添加蒙板后使用钢笔工具 C.添加蒙板后使用渐变工具 D.添加蒙板后使用填充工具 (3) 下列情况不属于冷色彩的是______A___。 A.黄色 B.蓝色 C.绿色 D.蓝绿 (4)下列情况不属于色彩联想性的是______D__。 A.蓝色——天空 B.黑色——黑夜 C.红色——喜事 D蓝色— —高科技 ^ (5) 创建浮动广告的路径应使用__C______. A.“窗口”—>“时间轴”—>“添加行为”命令 B. “窗口”—>“时间轴”—>“录制层路径”命令 C. “修改”—>“时间轴”—>“录制层路径”命令 D.“修改”—>“时间轴”—>“添加行为”命令 6）下列关于层的说法，不正确的一项是___D_____。 A.在DreamweaverMX中，层用来控制网页中元素的位置 B.层可以放置在网页的任何位置 C.层以点为单位精确定位页面元素 D.层中可以包含任何HTML文件中的元素 (7)要打开网页时弹出一个信息框，可以使用新建行为中的___B____。 A.打开测览器窗口 B.弹出信息 C.调用JavaScript D.播放声音 (8)要上传整个站点，要选定整个站点文件可以按的键是___A_____。 A.Ctrl+A B.Ctrl C.Shift D.Shift+A (9)检查测览器的兼容性应选的选项是_____D__。 A.搜索 B.验证 C.链接检查器 D.目标测览器检查 (10)下列属于合法IP的是_____A__。 A.202.96.1.2 B.257.33. 21.5 C .33.23.99 D.10001111 (11)在模板中，由DreamWeaverMX自动建立的是____D___。 A.可编辑区域 B.可选区域 C.重复区域 D.锁定区域 (12)在DreamWeaverMX中有___B____种方法可以建立基于模板的网页。 A.2 B.3 C.4 D.5 (13)模板文件的扩展名为______C_。 A.lbi B.htm C.dwt D.asp (14)下列不是FlashMX的选取工具的是___D____。 A.箭头工具 B.图标是空心箭头的工具 C.套索工具 D.手形工具

网页设计与制作课程教案

《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。（一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。（二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。（三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

网页设计与制作试卷试题(附答案)

“双语”教育2012-2013第2学期《网页设计与制作》年级专业：学号姓名：一、单选题（共45小题，每小题1分，共45分） 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中，标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部（标题） B、底部（注释） C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时，应该在每个主目录下都建立独立的images目录

B、在制作站点时应突出主题色 C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录 10、目前在Internet上应用最为广泛的服务是【B 】 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 11、Web安全色所能够显示的颜色种类为【C 】 A、4种 B、16种 C、216种 D、256种 12、为了标识一个HTML文件应该使用的HTML标记是【C 】 A、 B、 C、 D、

13、框架结构页面正确的说法是【 D 】 A、点击左边导航显示右边 B、只能链接图片 C、框架页面为新建常规页面 D、插入可编辑区域可以生成模板 14、显示页面设计时不能用到的是【 D 】 A、建立数据库 B、设置数据源 C、连接数据库 D、更新记录集 15、对远程服务器上的文件进行维护时，通常采用的手段是【B 】 A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中，最安全的权限级别是【A 】 A、读取 B、执行 C、脚本 D、写入 17、Internet上使用的最重要的两个协议是【B 】 A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 18、网页的特征是【 A 】 A、HTML文档的基本特征——超文本 B、标识语言，网页中不能没有标记（Tag） C、网页提供了一些措施以防在网上冲浪的过程中迷失方向 D、网页实现了对原文档信息的无限补充或扩展 19、与上网无关．．的协议是【 C 】 A、HTTP B、SMTP C、SOKET D、POP3 20、设置字体大小的代码是【D 】

网页设计与制作课程标准

网页设计与制作课程标准公司内部编号：（GOOD-TMMT-MMUT-UUPTY-UUYY-DTTI-

网页设计与制作电子教案

实用标准文案电子教案课程：第1章网页制作基础课时内容网页制作基础授课时间学时数2 教学目标了解 HTML 的组成和语法了解网页制作的常用软件掌握网页制作软件的启动和退出方法教学重点网页制作的一些基本知识教学难点HTML的组成和语法教学设计1、教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。 2、教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周内容。 3、教学手段：利用多媒体并结合网络进行教学。 4、教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个基本的了解。教学内容讨论问题： 1、什么是网页？ 2、网页的基本组成部分是哪些？ 3、网页有什么作用？第 1 章网页制作基础# 1.1网页制作基础知识 1.1.1网页简介 1.1.2什么是HTML 1.1.3 HTML 的组成结构及语法 1.1.4应用举例——使用记事本编写网页 1.2网页制作的常用软件 1.2.1图形图像处理软件 1.2.2动画制作软件 1.2.3网页布局软件 1.2.4软件配合及制作流程 1.2.5应用举例——实战网页制作流程 1.3网页制作软件的启动与退出 1.3.1网页制作软件的启动 1.3.2文件的打开 1.3.3网页制作软件的退出 1.3.4应用举例——启动并退出 Photoshop CS3 1.4上机及项目实训 1.4.1Flash CS3 的启动与退出 1.4.2制作“蓝莲花”网页

网页设计与制作课程简介

《网页设计与制作》课程简介课程名称：网页设计与制作课程代码：02038 适用专业：初等教育（计算机与信息技术方向）课程性质：专业核心课程、必修课、专业技能课学分：3 学分计划学时：72学时（理论36学时，实训36学时）一、前言 1. 课程性质本课程是初等教育计算机与信息技术专业的一门专业技能课程，培养学生网页设计与制作能力，适应初等教育对信息技术教师的人才基本要求，同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位。本课程的先修课程是《计算机应用基础》，后续课程是《https://www.doczj.com/doc/ac268234.html,程序设计》。在完成《计算机应用基础》课程学习后，学生掌握了计算机基本知识和原理，学会了一些应用软件和工具软件的使用，进而学习《网页设计与制作》这门课程不会感到困难。在以后学生还将学习《https://www.doczj.com/doc/ac268234.html,程序设计》课程，能设计和制作动态网页。 2. 课程基本理念初等教育计算机与信息技术专业培养的对象主要是小学信息技术教师，今后从事小学信息技术教学和学校信息化教育教学的管理者及维护者，建设网站和网页是信息技术教师应掌握的基本技能。课程要理论与实践相结合，培养学生动手能力，能胜任今后小学信息技术教师的工作任务。同时满足社会对计算机专业人才的需求，适合从事网站建设相关的岗位群。 3. 课程设计思路根据初等教育计算机与信息技术专业人才培养方案，《网页设计与制作》是重要的专业技能课程，是作为小学信息技术教师基本技能训练与考核的项目之一。课程以工作任务来组织内容，以案例驱动贯穿教学过程。由浅入深，最后完成主题网站的开发项目。课程教学中以Dreamweaver的使用为主线，要重视HTML

网页设计与制作试卷(含答案)

“双语”教育2012-2013第2学期《网页设计与制作》年级专业：学号姓名：题号一二三四五六总分得分一、单选题（共45小题，每小题1分，共45分） 1、在网站设计中所有的站点结构都可以归结为【 B 】 A、两级结构 B、三级结构 C、四级结构 D、多级结构 2、在客户端网页脚本语言中最为通用的是【 A 】 A、javascript B、VB C、Perl D、ASP 3、所学网布局的方法是【 E 】 A、表格 B、布局 C、层 D、DIV E、都是 4、在HTML中，标记的Size属性最大取值可以是【 C 】 A、5 B、6 C、7 D、8 5、所学网页页面构成有【 E 】 A、顶部（标题） B、底部（注释） C、正文 D、导航 E、都有 6、用户登陆页面不可能用到的是【 B 】 A、服务器行为检查新用户 B、绑定字段 C、用户身份验证 D、建立数据库 7、成绩录入系统不能用到的【 C 】 A、建立数据库 B、绑定插入记录集 C、检查表单 D、重复区域 8、非彩色所具有的属性为【 C 】 A、色相 B、饱和度 C、明度 D、纯度 9、下面说法错误的是【 D 】 A、规划目录结构时，应该在每个主目录下都建立独立的images目录

网页设计与制作期末考试复习题.doc

《网页设计与制作》期末考试复习题 2008春学期一、名词解释 1．互联网答：互联网是目前世界上最大的计算机通信网络，遍布全球，将世界上各种规模的计算机网络连接成一个整体，从而实现信息交流与共享，主要提供了WEB、BBS、TELNET、FTP等服务。 2．网络协议答：是一系列通信规则的总称，分为硬件协议和软件协议，主要包括用户数据与控制信息的结构和格式，需要发出的控制信息以及相应要完成的操作与响应，对事件实现顺序的详细说明等三部分内容。 3．TCP/IP 答：TCP即传输控制协议，工作在OSI模型中的传输层，用于建立和校验数据连接，而IP即网际协议，工作在OSI模型中的网络层，用于处理网络上一个主机到别一个主机的数据报路由选择。 4．IP地址答：通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址，它由32位二进制数表示，每8位为一组，以圆点“.”分隔，主要分为ABCDE五类IP地址。 5．DNS 答：DNS全称为Domain Name System，它实质上是一个分布式数据库，包括提出数据的标准格式，数据库查询方法，以及本地更新数据的标准方法。 6．WWW 答：万维网（World Wide Web，www）又称全球信息网，简称WEB，是目前互联网上最流行的交互式信息查询服务。 7．网页答：网页即是基于超文本和超媒体的信息载体，它的核心是HTML。 8．WEB浏览器答：WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此称为www客户程序。 9．重心平衡答：重心平衡即页面重心反映网页上各种元素分布的协调程序，协调方式有对称布局与非对称布局两种形式。 10．WEB安全色答：WEB安全色指浏览器所能识别的00、33、66、99、cc、ff 六组数据任意选3种组合成的216种颜色。 11．抖动答：抖动指在WEB显示时，采用WEB安全色去替代予之相近网页元素颜色，而产生的颜色的偏差。 12．站点风格

网页设计与制作教案46186

[章节名称]：网页设计入门基础 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 1.了解网络的基本知识，网页设计的基础知识，网页的分类，动态网页的原理及技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程，掌握最基本的网页的构成及最简单的网页html代码 [难点] 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编清华大学出版社《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：结合PPT课件的内容，讲解网络和网页的基本知识。了解网页的分类，网页运行的原理，介绍网页设计的工具，动态网页的技术。环节二：介绍网页的构成，并对一个网站进行实例分析说明。编写最简单的html 代码。环节三：了解网页设计的流程主要有以下几个步骤：一. 网站规划二. 素材资源收集

三. 选择开发工具四. 站点建立与规划五. 分模块进行网页设计六. 网页源代码测试与特效添加七. 申请域名与空间八. 网页源代码上传九. 定期的维护环节四：对本节课的内容进行复习，让学生练习html的代码。并进行疑难解答

[章节名称]：html基础与应用1 [课堂类型]：理论■实训□练习■测试□ [学时安排]：2课时 [目的要求] 了解html语言的基础知识，结构，掌握html语言设置网页的背景音乐，背景图片，字体的方法。 [重点] Html语言设置网页的背景音乐，图片，字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解，结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排，教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编清华大学出版社《动态网页制作教程》（第二版）刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一：复习网页设计的基础知识，介绍如何利用Dreamweaver开发工具，记事本编辑网页的源程序，介绍网页站点的创建及注意事项。环节二：讲解html语言的结构，特点，设置网页页面的背景音乐，图片，字体1. 设置背景颜色 2. 背景图片 3. 背景音乐背景音乐和上边介绍的两个有很大的不同，它的代码是放在页面的头部