信息技术教案第十三课网页制作技巧
第十三课网页制作技巧
《网页制作教学设计》教案
《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如 下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文 化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的 实际情况，我认为要出制作内容丰富的网页，关键是要知 道网页间互相链接的方法，所以我把超级链接做为本节的
网页制作教学设计(公开课)
一体化课程教案（首页） 课程网页制作授课教师 课题（项目） 名称 创意型网站开发审批 学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中 项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。 教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达， 解决问题的经验，体验团队合作和信息共享的乐趣。 教学重点 分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞； 内容页制作和超链接。 教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。 学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。 教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为
网页制作技术(试题库)
9105__网页制作技术(试题库) 9105 网页制作技术(三剑客) 1.假设舞台上有同一个元件的两个实例,如果将其中一个的颜色改为#FF000,大小改为原来的200%,那么另外一个实例将会发生什么变化? A:颜色也变为#FF000,但大小不变 B:大小也变为原来的200%,但颜色不变 C:颜色变为#FF000,大小变为原来的200% D:没有变化 正确答案D 2.Dreamweaver将选定文本变为斜体的快捷操作是? A:Ctrl+B B:Ctrl+I C:Ctrl+Shift+E D:Ctrl+F2 正确答案B 3.使用【修改】|【取消组合】快捷键什么为命令可以对象间的群组关系,使对象分离为群组前的各个对象? A:Ctrl+ Shift + B B:Ctrl+ Shift + Q C:Ctrl+ Shift+ G
D:Ctrl+ Shift +T 正确答案C 4.菜单栏上的【修改】|【组合】快捷键为什么,命令对多个矢量对象进行群组,群组后变成一个对象? A:Ctrl + B B:Ctrl + Q C:Ctrl + G D:Ctrl + O 正确答案C 5.Timeline表示? A:层 B:行为 C:样式表 D:时间线 正确答案D 6.Flash action“Stop All Sounds”意义是什么? A:停止所有声音的播放 B:跳转至某个超级连接地址URL C:发送FSCommand命令 D:装载影片 正确答案A 7.当Flash导出较短小的事件声音(例如按钮单击的声音)时,最适合的压缩
选项是什么? A:ADPCM压缩选项 B:MP3压缩选项 C:语音压缩选项 D:原始压缩选项 正确答案A (帮助中可找到) 8.在图层面板下创建蒙板的按钮,单击即可为当前图层创建一个蒙板,直接点击产生的蒙板为白色,按住什么点击产生蒙板,其颜色为黑色? A:Ctrl B:Alt C:Ctrl + Alt D:Shift 正确答案A 9.Bevel效果的作用是什么? A:获得凸起的倒角 B:获得凹陷的倒角 C:可以获得发光的外观 D:A和C都正确 正确答案D 10.图形用来描述图像的是? A:直线 B:曲线
高中信息技术《网页制作》优质课教学设计、教案
《6.2 网页制作》--好客青岛欢迎您 1教学内容分析 本节内容是浙教版《信息技术基础》第6 章第2 节内容，是本章的重点。本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网页的设计和制作。 通过本节内容的学习，学生将切实掌握网页的设计与制作方法，体验小组合作学习的乐趣和积极作用，同时，也是一次美育与德育（发现家乡的美，热爱家乡的美，宣传家乡的美）的过程。 2教学目标 ①知识与技能：了解网页策划和设计的基本过程。 ②过程与方法：学会设计和制作简单网页。 ③情感态度与价值观：体验小组合作学习的乐趣，感受家乡人文的魅力。 3教学重点 图文混排和设置超链接、网页布局及网页元素的科学合理运用 4教学难点 图文混排和设置超链接 5教学课时安排 本小节理论上分4 课时进行。 1.①第1 课时“网站的策划和构思”（课余完成）：学生完成分工，明确本 组及个人任务，初步完成网站的总体构思，并给出了手绘版的网页设计图。
②第2 课时“素材的收集与整理”（课余完成）：学生查找和收集素材，进行了 初步处理。 ③第3 课时，学生了解FrontPage2003 的基本操作方法，初步掌握了网页制作的简单技巧。 ④第4 课时，学生分组完成主题明确的网页的制作。（本次授课内容） 6教学过程 1 学时 教学活动 活动 1【活动】课前准备 1. 将收集整理的素材发送到学生电脑。 2. 将学案发到学生手中。 3. 每组设定一个共享文件夹。要求负责本组的主页制作的同学就坐于有共享文 件夹的电脑前。 活动 2【导入】课程导入 好客山东视频播放 网络时代如何更好的宣传自己美丽的家乡？从而导出本节课的主题-网页制作！活动 3 玩游戏，识布局 1、通过拼图游戏，让学生认识到网页布局的重要性。 盖楼——设计图纸 网页——布局图 2、了解常见的网页布局样式：封面型、国字型、拐角型、标题正文型等 活动 4【练习】活动一：制作简单的网页。
Dreamweaver网页制作教案
认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamweaver的窗口 （1）标题栏 （2）菜单栏 （3）工具栏 （4）视图栏 （5）文件夹列表 （6）工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。
HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识
制作网页详解Dreamweaver13个技巧
1、灵活运用样式 熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用CustonStyle来调用Style标准，在网页代码中就生成一个〈span〉标签，这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度，所以我们应尽量使用状态栏中的元素列表来调用Style。 2、活用FormatTable命令 在复杂的网页设计中，表格的应用是最多的，因为利用表格可以自由地控制文本和图象在网页上出现的具体位置，从而使整个网页看上去紧凑统一。Dreamweaver在这方面也不甘落后，我们可以使用其中的“FormatTable”(格式化表格)命令来快速地对表格应用预先设计好的样式。要使用预先设计好的样式，先将光标置于表格的任意一个单元格内，再选择“Command”→“FormatTable”命令，在随后出现的对话框中，从左边的列表中选择一个设计方案。按“Apply”键来查看效果，如果不满意的话，还可以重新设置或者修改部分参数的值，如边界粗细，背景颜色等等。 3、同时链接到两个网页 我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档，可以使用“GoToURL”javascript行为。打开一个有框架的网页，选择文字或图象，然后从行为面板中选择“GoToURL”。我们会注意到Dreamweaver会在“GoToURL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。 4、不给文件起中文名称 大家在制作好了网页后，通常会给网页起一个具有代表性的中文名称，一来能使人一看文件名就能大概了解文件所包含的内容，二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做，就会发现Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，所以我们以后在Dreamweaver中保存网页的时候，尽量用英文或者数字作为文件名称，这样就可以避免上面的出错现象。 5、巧妙设置字体分辨率 我们在制作网页的时候，经常有这种体会，那就是制作好的网页在本地计算机上浏览时很正常，但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了，这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示，在Dreamweaver 中得到了较好的解决。在文档窗口的右下角，Dreamweaver显示当前文档被设计成的分辨率大小。单击哪个数字，在弹出式菜单中可以为当前的页面指定显示分辨率，通过修改可以使你的主页更具灵活性。使不同分辨率的显示器都能较好地显示。 6、巧妙隐藏标签 如果在网页中插入了不可见的元素时，Dreamweaver会自动在页面上添加一个与之相应的元素标签，以便于我们选择不可见元素。但这并不全是件好事，比如我们在一个有很多层的页面中的第一行便插入一个表格，就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行，虽然在浏览时并不影响效果，但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时，就索性将之屏蔽掉。方法是按CtrlU打开Preferences面板，在Category中选中InvisibelElements，在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉，以后它就保证不会再出现了。
网页效果图的制作公开课教案
网页效果图的制作 ——制作网页标志横幅 课程：电子商务网页制作班级：09电商3+2 时间：12月16日第三节授课教师：李晓琳 教学目标：知识目标：1、能描述创建网站主页的目的 2、能列举网页应包含的内容 3、了解网页标志横幅的作用 技能目标：1、能绘制网站主页的网页标志横幅 2、掌握fireworks工具属性的设置方法 情感目标：对操作过程中遇到的问题能主动思考具有较强的网页设计 创意思维、艺术设计素质。 教学重点：1、Firewoks中矩形工具、文字工具、直线工具、库命令的使用 2、Firewoks中元件转换为按钮的操作 难点：元件转换为按钮及库命令的使用 教学方法：任务驱动教学法 一、导入 提问：同学们平时的休闲方式有哪些呢？——影视文化通常是我们茶余饭后的谈资，平时也会去电影院看电影是吧？特别是大片，往往去了电影院要排长队，而且还不一定买的到票，在电子商务迅速发展的推动下，网上订票为我们消除了排队买票的烦恼。那网上订票是基于什么样的平台呢？下面我们来看下我们德清的大地数字影院的网络平台——“哈票网”。 二、新授 任务一：网页横幅的制作—— 1、“哈票网”网站的展示，分析引出一个网页应包含哪些内容。 提问：看了这个页面，请你说出一个网页包含哪些元素呢？ （学生回答，教师补充）——引出网页横幅的重要性 2、为什么要制作网页横幅？ 在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，
它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。（展示不同网站的不同网页横幅效果图，说明网页横幅是可以多种形式展现的。） 3、提出任务，教师演示：效果图展示，操作示范 （1）新建一个文档：宽1200像素，高为600像素。 （2）矩形工具、圆角矩形工具、椭圆工具、文字工具、直线工具的使用及属性设置 4、学生活动：按所给效果图及素材制作网页横幅（根据男女生兴趣偏好不同， 男女分组操练：男生做NBA网页横幅、女生做淘宝门户网的网页横幅）操作步骤: （1）新建一个文档：新建一个文档：宽1200像素，高为600像素。 （2）用矩形工具绘制两个矩形：可与画布同长，宽度根据需要自定，大矩形的颜色设为“#333333”,小矩形的颜色设为“#666666” （3）在小矩形右侧添加文字，选择“文字工具”，添加文字，其属性设置为：字体——宋体，颜色——“#66FF00”，字号——“15” （4）用椭圆矩形工具在画布的左侧绘制两个圆形，一大一小，填充颜色渐变，颜色为“#FFFF00”至“#00CC00”,如图所示（5）用文字工具，在大圆上添加文字“哈”，文字属性设置为：“白色”“隶书”“90”；小圆上添加文字“票”，属性设置为“白色” “幼圆”“30”；再用文字工具在“哈票”右侧添加文字“快速 订票轻松观影”，属性设置为“白色”“幼圆”“24”，紧接着下 方添加网址，属性设置为“#66FF00”“Century Gothic”“22” 5、教师巡回指导，发现问题，个别辅导 任务二、美化横幅——添加阴影、元件转换为按钮
网页制作技术期末综合习题
网页制作技术期末综合习题 一、填空题 1．Dreamweaver MX有______种工作界面。 2．在站点中建立新的网页文件，其默认的文件扩展名为_________。 3．打开站点面板时，可执行__________菜单中的“站点”命令。 4．如果不想在段落间留有空行，可以按__________组合键。 5．为了让浏览者快速了解图像的概况，在Dreamweaver MX提供了设置__________的功能。 6．单元格内间距是指单元格内的对象与单元格__________之间的距离。 7．单元格间距是指单元格与__________之间的距离。 8．为了使所设计的表格在浏览网页时，不显示表格的边框，应把表格的边框宽度设为_______。 9．在表格的__________中可以插入另一个表格，这称为表格的嵌套。 10．表格的嵌套是指在一个表格中插入另一个表格，表格的平铺是指将不同的表格放置在网页的____________。 11．为了加快下载速度，尽量_______整个网页的内容放在一个大的表格中。 12．在_________视图中，可以使用拖动鼠标的方法在页面中绘制布局单元格。 13．在_________视图中，可以使用拖动鼠标的方法移动单元格的位置。 14．在Dreamweaver MX中，可以插入文本框的类型有单行文本框、多行文本框和__________。 15．在网页种插入文本框、单选框、多选框或跳转菜单时，要先插入空白的_________。 16．在表单中可以插入的按钮包括提交按钮、重置按钮和___________。 17．在包含框架的页面中，每个框架都显示一个________。 18．保存包含框架的页面时，如果页面中包含四个框架，要保存全部页面信息，共需要保存______个文件。每个文件的扩展名都为htm。 19．在保存框架文件时，框架的文件名必须以字母开头且________大小写。 20．浏览器在第一次装载文框架网页时，如果需要指定该框架所显示的网页文件，则要设置该框架的______________属性。21．如果链接的目标文件在本地站点中，可以使用绝对URL或相对URL，如果要链接站点以外的目标文件，则必须使用______________。 22．创建锚链接之前，必须在页面中失当的位置____________。 23．锚链接所起到的作用，就是在页面中起到________的作用，节约查找信息的时间。 24．建立与电子邮件的超链接时，在属性面板的链接文本框中输入__________+电子邮件地址。 25．在制作文本超链接时，建立了超链接德文本__________发生了变化，并且多了一条下划线。 26．使用_____________可以改变页面中建立超链接文本的显示属性。 27．使用_______________可以将格式与网页结构分离，同时可以控制多个网页稳当。 28．通过层可以非常精确地对页面中的________定位。 29．___________是指包含在另一个层中的层。 30．如果选中多个层，_______________的一个层调整柄一黑色突出显示，其他被选中层的调整柄以白色显示。 31．利用属性面板使多个层实现左对齐的操作时，选中多个层后应该在属性面板的_______文本框中输入数值。 32．默认情况下，层的__________值是按照层的创建顺序依次增加。该值大的层显示在层的上面。 33．用户与网页进行简单交互时，若不使用服务器端的应用程序，可以使用javascript脚本外还可以使用Dreamweaver MX 提供的__________功能。 34．使用时间轴面板可以设置各个____________的显示属性以及整个时间轴的播放顺序。 35．_____________是动画条中为对象设置位置、大小、颜色等属性的帧。 36．用鼠标拖动动画条，可以调整其在时间轴的位置，从而可以改变对象的持续时间。 52．在文档窗口中，用拖动弹出式菜单边框位置可以设置其相对于触发对象位置，用这种方法只能确定_______________的
网页制作教案
课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。
十个网页设计技巧
十个网页设计技巧 做网页设计对一个人的审美观要求非常高，下面是关于十个网页设计技巧，欢迎大家阅读了解！ 学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。 这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。 有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时，将
会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的，然后问自己以下问题： 1)是否真的需要这个设计么? 2)这是什么组件是做什么用，它如何协助用户浏览? 3)如果我突然删除这个组件，大多数人会希望它“回来”吗 ? 4)如何把这些元素和目标、消息和网站的宗旨互相结合?此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。要有创意，但还要保持简单。 一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。 首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。 摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。 在没有CSS的状况下，你的导航设计应该也是可用的，
网页制作技术B
中山火炬职业技术学院《网页制作技术》练习册 专业： 班级： 姓名： 学号： 2011年5月26日制
《网页制作技术》习题二 一、选择题（30分，每题2分） 1、浏览器是显示网页信息的工具，以下那种不是浏览器？（） A、IE B、Netscape Navigator C、火狐浏览器 D、163 2、以下错误的是（）。 A、动态网页的扩展名是固定的，只能是.aspx 。 B、浏览一个Web站点时，一般自动显示该站点的主页。 C、定义网页中的标题用
标签。 D、网页在计算机中是以纯文本文件格式存储的。 3、若希望在新开的浏览窗口中打开链接内容，则超链接目标框架设置应为：（） A、_self B、_blank C、_parent D、_aa 4、定义表格的行可以使用（）标签。 A、C、
5、在Dreamweaver中，下面关于布局表格属性的说法错误的是（）。 A、可以设置宽度 B、可以设置高度 C、可设置表格的背景颜色 D、不能设置单元格之间的距离 6、以下( )不是网页文件的后缀。 A、*.php B、 *.ppt C、*.htm D、 *.html 7、在Dreamweaver中，下面关于层的说法错误的是（）。 A、不可以改变重叠的次序 B、可以改变层的大小 C、层可以被定位于网页的任何地方 D、可以设定层的可是否见与否可见 8、在Dreamweaver中，下面关于CSS的说法错误的是：( )。 A. CSS语法格式中有几个不同的属性，中间用逗号隔开 B. 一般用“标签属性：属性数值”来表示CSS语法格式 C. CSS定义一般是由标签、大括号构成 D. CSS语法中的大括号中放置此标签的属性 9、在Dreamweaver中超链接标签有四种不同的状态。下面不是其中一种状态的是（）。 A、 a:visited B、a:active C、a:link D、 a: br 10、以下那种声音文件格式不可以导入到FLASH中？（） A、MID格式 B、ggo格式 C、MP3格式 D、WAV格式 11、在Dreamweaver 中，对已有的样式表不可以进行的操作是（） A、合并或拆分 B、修改 C、删除 D、复制 12、在Dreamweaver中，下面关于CSS语法的颜色表达方法错误的是（）。 A、在颜色属性中可用关键字，如green
网页制作的教学设计
网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
网页制作技术综述
网页制作技术综述 一、html,xhtml与xml ●HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 HTML简介 设计HTML语言的目的，是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里，只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去。而这些信息可能存放在网络的另一台电脑中。 HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 HTML标签通常是英文词汇的全称（如块引用：blockquote）或缩略语（如“p”代表Paragraph），但它们的书写与一般文本有区别，因为它们放在单书名号里，如Paragragh标签是，块引用标签是
。有些标签说明页面如何被格式化，例如开始一个新段落。其他则说明这些词如何显示，如表示加粗。还有一些其他标签提供在页面上不显示的信息，例如标题。 基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效。接着是标签，以结束。在它们之间，整个页面有标题和正文两部分。 标题词－－夹在和标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。 HTML的特点和好处 HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW 盛行的原因之一，其主要特点如下： 1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。 2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 HTML结构 文件类型标记开始，HTML文件 文件头开始页面标题 页面标题标记 文件头结束 主题标记开始 正文内容主题内容网页制作公开课教案.doc
教学科目授课日期节次教学内容 教学目标 教学重点与难点教学方法 教学资源 公开课教案 网页制作授课班级10 计 4授课教师徐彬2011．06． 12课型任务驱动授课学时 1 课时下午第二节授课地点图书馆动漫机房 有趣的拼图 通过讲解、演示、实践，让学生掌握在网页中运用层制作拼图游戏。 知识目标技能目标态度目标 通过讲解让学生 1. 提高学生分析问题、解决问1、培养学生的观察能力及掌握在网页制作中题的能力勇于探索、勇于创新的精层的特点，学会添加2．锻炼学生的表达能力和协神 “拖动层”行为。并作、沟通能力2、培养学生的团队精神且了解相应的事件。3．提高学生的动手实践能力， 能运用层制作有趣的拼图 教学重点：层的特点、“拖动层”行为。 教学难点：“拖动层”行为。 综合（讲授、启发、引导、演示示范、观察、比较、实践等） 多媒体计算机、多媒体教学软件 本节是《网址制作 DreamweaverMX2004》中层的应用中的内容，是操作实践课。 本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识， 教学 引起学生的学习兴趣，激起学生的求知欲望，发挥学生的主体作用，体现教师设计 的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技 能，进而培养学生的自学能力与动手实践能力。
教学过程设计 教学环节与主要内容具体教 学目标 教学活动 【复习导入】 ( 一 ) 导入（学时分配： 2 min ） 创设情境，打开“趣味拼图”网页，请 同学玩一玩拼图游戏。 ( 二 )复习知识点（学时分配： 2 min ）1、你觉得我们玩的拼图游戏有什么特点？ 这种特点是利用了什么技术实现的？2、拼图游戏利用了层的什么特点？1、激发学生学习兴 趣。 2、导入新课 教师：帮助学生回顾复习 层的特点。 学生：回顾并实践复习已 学知识 教师：根据实例，提问诱 导，导入课堂任务 学生：观察、讨论、思考 ( 三 ) 明确学习目标（学时分配：1min） 1、层的特点。 2、“拖动层”行为。教师：明确学习目标 3、 onLoad 事件。 【任务分析与制作】 （一）任务初分析（学时分配： 5min）让学生理解理解掌教师：讲解、示范、演示打开趣味拼图网页，引导学生分析制作此网握层的特点。学生：观看操作演示、学页所需的技术：习领会 1、网页布局：表格。 2、图片素材的添加：插入图片（拓展）。通过练习巩固所学学生：实践，完成练习 3、拼图图片的移动：表格转换为层。知识内容。 教师：巡视、评价、辅导（二）任务初制作（学时分配： 15min） 学生制作趣味拼图网页并调试。 （三）任务再分析（学时分配： 5min ）让学生理解理解掌教师：讲解、演示、示范请同学们汇报自己作品的调试成果。握“拖动层”行为以学生：观察、学习、领会针对调试作品所发现的问题进行再分析。及事件的用法。 1. “拖动层”行为。 2. 事件。
网页制作小技巧总结
网页制作小技巧总结 01、让背景图不滚动 IE浏览器支持一个Body属性bgproperties，它可以让背景不滚动：
02、让你的网页无法另存为 03、让IFRAME框架内的文档的背景透明 04、禁止右键： 05、进入页面后立即自动刷新 cJavaScript“> 07、能隐藏IFRAME的滚动条的三种方法 （1）、设置iframe scrolling=”no“ （2）、被包含页body应用overflow:hidden（3）、被包含页的body标签加scroll=”no“ 08、加入背景音乐
只适用于IE 网页制作技术教案免费学技术改变生活
第一模块 Fireworks 教学课题： 第十章Fireworks8入门 计划课时：2课时 授课形式：多媒体教学 教学辅助：投影，电脑 教学目的与要求： 1.了解Fireworks的功能和新特性 2.掌握Fireworks的工作界面、工具箱、面版组等 3.掌握Fireworks基本文档操作 4.掌握有关图像编辑的基本概念 知识点： 教学重点： 1.Fireworks的工作界面 2.文档的基本操作 3.像素的概念 教学难点： 1.Fireworks的工作界面 2.矢量图和位图的区别 突破难点的关键： 1.实例讲解，区别对比 作业布置： 1.课本第125页填空题，直接做在书上 2.作业本：写出矢量图与位图的区别 本课小结：Fireworks8是一款用来设计网页图形的多功能应用程序。随着版本的不断升级，功能的不断加强，Fireworks受到愈来愈多图像网页制作者的青睐。目前最新版本Fireworks8更是以它方便快捷的操作没事和在位图编辑、矢量图形处理与GIF动画制作功能上的多方面优秀整合，有的诸多好评。通过本课的学习，应该掌握以下内容：认识Fireworks8工作区，掌握基本的文档操作，掌握图像编辑的基本概念。 新课引入：第十一章使用Fireworks8制作图片 11.1路径的绘制与编辑； 11.文本的创建与编辑···················································································· 教学过程与时间分配： 一、Fireworks8界面与功能简介：（约50分钟） (一)Fireworks8的新功能： (二)Fireworks8的工作区域：标题栏、菜单栏、工具栏、工具箱、属性面板、面版组合、 文档窗口、标尺辅助线、 二、基本文档操作：（约20分钟）
《网页制作》教学设计(优质课比赛优秀设计)
信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内
网页制作技术试题库
《网页制作技术》试题库 第一单元：html语言基础，网页版式设置 选择题 1、在Dreamweaver中，查看HTML的代码，下面哪种方法是正确的？（）。A．在HTML纯文本编辑模式下可以查看HTML代码 B．在HTML纯文本编辑模式下不能查看HTML代码 C．在页面模式下可以查看HTML代码 D．在HTML纯文本+页面模式下不能查看HTML代码 2、关于Dreamweaver 具有的功能下面说法正确的是（）。 A．不可以制作计数器B．不可以制作留言板 C．可以上传网页D．不可以自己决定域名 3、Flash中FILL表示什么面板？（） A．信息面板B．填充面板C．描边面板D．变形面板 4、（）是构成网站的基本信息资源。 A．文本B．声音C．动画D．图像
5、在Dreamweaver MX 2004中可利用（）生成具有相似结构和外观的网页，从而大幅度提高网页制作效率，并简化繁琐的网页编辑和维护工作。 A．模板B．HTML样式C．CSS样式D．站点管理器 6、在下列标记中,不是对称标记的是( ) A、 B、
C、<br> D、<marquee> 7、在编辑网页时，按CTRL+Shift+空格键插入的HTML源代码为（） A、 B、 C、&sbnp D、&sbnp; 8、在页面属性对话框中，我们不能设置（） A、网页的背景色 B、网页文本的颜色 C、网页文本的大小 D、网页的边界 9、DreamweaverMX通过（）面板管理站点。 A、站点 B、文件 C、资源 D、结果 10、影响网站风格的最重要的因素是（） A、特效和架构 B、色彩和窗口 C、内容和布局 D、色彩和布局 11、下列哪个软件不属于Macromedia 公司的“网络三剑客”（） A、Flash B、Firework C、Photoshop D、Dreamweaver 12、以下不能编辑网页的软件是（） A、Word B、Dreamweaver C、FrontPage D、IE 13、目前在Internet上应用最为广泛的服务是( ) A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务 14、在域名系统中，域名采用( ) A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制 15、IP地址在概念上被分为( ) A.二个层次 B.三个层次 C.四个层次 D.五个层次 16、在网站设计中所有的站点结构都可以归结为( ) A.两级结构 B.三级结构 C.四级结构 D.多级结构 17、Web安全色所能够显示的颜色种类为( ) A.4种 B.16种</p></div> <div class="pagiv"> </div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="22718120"><a href="/topic/22718120/" target="_blank">网页制作公开课教案</a></li> <li id="20667511"><a href="/topic/20667511/" target="_blank">网页制作技术</a></li> <li id="22777399"><a href="/topic/22777399/" target="_blank">信息技术课教案</a></li> <li id="10580502"><a href="/topic/10580502/" target="_blank">网页制作技巧</a></li> <li id="1661794"><a href="/topic/1661794/" target="_blank">网页制作教案</a></li> <li id="17241185"><a href="/topic/17241185/" target="_blank">网页制作公开课</a></li> </ul> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/0b6998537.html" target="_blank">高中信息技术《网页制作》优质课教学设计、教案</a></li> <li><a href="/doc/188883612.html" target="_blank">网页制作公开课教案.doc</a></li> <li><a href="/doc/4d12717683.html" target="_blank">《网页设计---用CSS设置丰富的超链接特效》公开课教案</a></li> <li><a href="/doc/5111596226.html" target="_blank">网页设计公开课教案</a></li> <li><a href="/doc/711699473.html" target="_blank">网页制作教学设计公开课</a></li> <li><a href="/doc/9212270975.html" target="_blank">高中信息技术《网页制作1》优质课教学设计、教案</a></li> <li><a href="/doc/ba11341246.html" target="_blank">网页制作教学设计(公开课)</a></li> <li><a href="/doc/d26183603.html" target="_blank">网页制作的教学设计</a></li> <li><a href="/doc/f38302856.html" target="_blank">公开课HTML-表格教案</a></li> <li><a href="/doc/1a8683021.html" target="_blank">网页设计与制作教学课件</a></li> <li><a href="/doc/3b14850983.html" target="_blank">网页制作教学设计优质课比赛优秀设计</a></li> <li><a href="/doc/5e7930240.html" target="_blank">网页制作公开课教案</a></li> <li><a href="/doc/6a14672673.html" target="_blank">网页制作公开课教案</a></li> <li><a href="/doc/8215666726.html" target="_blank">网页制作教学设计(公开课)</a></li> <li><a href="/doc/b17603279.html" target="_blank">网页制作超链接公开课教案</a></li> <li><a href="/doc/c513961427.html" target="_blank">小学信息技术人教版六年级上册第1课《网页制作初体验》公开课优质课教案比赛讲课获奖教案</a></li> <li><a href="/doc/e014135207.html" target="_blank">网页设计公开课教学设计以及评课记录</a></li> <li><a href="/doc/121270864.html" target="_blank">网页制作公开课教案</a></li> <li><a href="/doc/3e12635026.html" target="_blank">《网页制作》教学设计(优质课比赛优秀设计)</a></li> <li><a href="/doc/5e7578484.html" target="_blank">网页制作教学设计(公开课)</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/0f19509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li> <li><a href="/doc/0119509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li> <li><a href="/doc/9b19184372.html" target="_blank">自然教育课件</a></li> <li><a href="/doc/3019258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li> <li><a href="/doc/d819211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li> <li><a href="/doc/a419240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li> <li><a href="/doc/9d19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li> <li><a href="/doc/8a19195909.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/8519195910.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/7f19336998.html" target="_blank">高中语文基础知识点总结大全</a></li> <li><a href="/doc/7119336999.html" target="_blank">超详细的高中语文知识点归纳</a></li> <li><a href="/doc/6619035160.html" target="_blank">高考语文知识点总结高中</a></li> <li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li> <li><a href="/doc/4a19232289.html" target="_blank">高中语文知识点整理总结</a></li> <li><a href="/doc/3b19258758.html" target="_blank">高中语文知识点归纳</a></li> <li><a href="/doc/2619396978.html" target="_blank">高中语文知识点归纳(大全)</a></li> <li><a href="/doc/2b19396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li> <li><a href="/doc/1419338136.html" target="_blank">高中语文基础知识点整理</a></li> <li><a href="/doc/ed19066069.html" target="_blank">化工厂应急预案</a></li> <li><a href="/doc/bd19159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li> </ul> </div> </div> <script> var sdocid = "6fe4ed2827fff705cc1755270722192e443658ee"; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br /> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈 </div> <script type="text/javascript">foot()</script> </div> </body> </html>