您的位置：360文档中心› 网页制作教学设计(公开课)

网页制作教学设计(公开课)

网页制作教学设计(公开课)
网页制作教学设计(公开课)

一体化课程教案（首页）

一体化课程教案（内页）

0 / 19

1 / 19

2 / 19

3 / 19

4 / 19

5 / 19

6 / 19

《网页制作教学设计》教案

《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如 下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文 化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的 实际情况，我认为要出制作内容丰富的网页，关键是要知 道网页间互相链接的方法，所以我把超级链接做为本节的

网页制作教学设计(公开课)

一体化课程教案（首页） 课程网页制作授课教师 课题（项目） 名称 创意型网站开发审批 学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中 项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。 教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达， 解决问题的经验，体验团队合作和信息共享的乐趣。 教学重点 分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞； 内容页制作和超链接。 教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。 学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。 教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为

网页设计与制作》网上作业题答案(全)

1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。 参考答案： （1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间； （2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间； （3）TELNET：远程登录协议，用于客户机与终端之间。 2．现给出一个网址如下：https://www.360docs.net/doc/ba11341246.html,/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。 参考答案： //前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上； https://www.360docs.net/doc/ba11341246.html,表明了WWW服务器的位置； planetwide/select/selector.html表明最终要访问的文件所在的位置。 3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可） 参考答案： （1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；（2）ftp：如ftp:\\https://www.360docs.net/doc/ba11341246.html,（此处也可输入IP地址）； （3）http：如https://www.360docs.net/doc/ba11341246.html,/； （4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组； （5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7； 4．我们要进入紫霞的公众网，网址如下：telnet://https://www.360docs.net/doc/ba11341246.html,，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。 参考答案： （1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://https://www.360docs.net/doc/ba11341246.html,”；（2）“开始”→“运行”→“输入telnet”→“确定”→在命令行输入“open https://www.360docs.net/doc/ba11341246.html,”命令并回车； （3）“开始”→“运行”→“输入cmd”→“确定”→在命令行输入“telnet https://www.360docs.net/doc/ba11341246.html,”命令并回车； （4）“开始”→“运行”→“输入c md”→“确定”→在命令行输入“telnet211.157.100.8”命令并回车。 5．如果远程登录失败，请问原因可能是什么？ 参考答案： （1）计算机地址拼写错误（主机名或IP地址错误）； （2）远程计算机暂时不能使用； （3）你所指定的计算机不在Internet上。 6．实践：启动INTERNET EXPLORER浏览器，修改其INTERNET选项，并观察其效果。 您的答案： 答：将https://www.360docs.net/doc/ba11341246.html, 设置为INTERNET选项的首页后，只要打开INTERNET EXPLORER 便直接登录到该网站的主页 1．个人网站有哪三种基本风格？ 参考答案： （1）主题图形式； （2）信息发布式； （3）介于两者之间的风格。

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的基本知识

网页效果图的制作公开课教案

网页效果图的制作 ——制作网页标志横幅 课程：电子商务网页制作班级：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、教师巡回指导，发现问题，个别辅导 任务二、美化横幅——添加阴影、元件转换为按钮

动态网页制作实训作业

实训任务（2011 春） 郭明 2011年02月22日文章浏览次数：54 责任教师联系方式：郭明:guom@https://www.360docs.net/doc/ba11341246.html, 资料来源：北京广播电视大学 实训任务 实训一（ASP编程环境设置）任务书 【实训目的】 1．学会Windows 2000/NT服务器上IIS（Internet服务管理器）的安装与配置； 2．学会创建虚拟目录； 3．学会运行ASP程序 【建议学时】3课时 【项目类型】必做 【实训内容】 实训内容操作提示 在Windows平台上安装服务器软件IIS 在Windows 2000/NT或Windows XP 平台上安装。

【样张】 【实施环境及提供的材料】

1．能正常运行IIS服务器的计算机和操作系统 2．实训素材（与本任务书在同一目录中） 【拓展练习】 通过本实训的操练，同学具备了基本的操作能力，试着脱离指导步骤，独立安装服务器软件、熟练创建虚拟目录并正确运行ASP程序。 【思考题】 1．什么是IIS？ 2．怎样安装和设置IIS? 3．是否一定要在 C:\Inetpub\wwwroot 下建立Web应用程序？可不可以放在别的文件夹下？ 实训二（HTML标记的使用）任务书 【实训目的】 1．通过编写简单的网页文件，掌握HTML文档的基本结构； 2．掌握网页中图像、超链接、表格、表单等相关标记的使用，并能熟练应用这些标记进行网页设计； 3．了解网页设计中CSS样式的使用。 【建议学时】6课时

【项目类型】必做 【实训内容】 编写一个网页（扩展名为htm），设计如样图所示的表单。 操作提示： 1.打开记事本（或dreamweaver软件），建立html文档的基本结构； 2.使用表格（table标记）进行网页布局：使用表格嵌套，先建立一个3×1的表格，第一行插入图片，第二行嵌套一个11×2的表格，用于设计表单，第三行插入图片并建立 E_mail链接； 3.使用form标记设计表单； 4.使用img标记插入图片； 5.使用a标记建立超链接。 【样图】

网页制作教案

课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。

2016年网页设计作业答案

第一次 1、在网站设计中所有的站点结构都可以归结为( B ) A：两级结构B：三级结构C：四级结构D：五级结构 2、IP地址在概念上被分为( B ) A：二个层次B：三个层次C：四个层次D：五个层次 在域名系统中，域名采用( C ) A：树型命名机制B：星型命名机制C：层次型命名机制D：网状型命名机制下面关于CSS的说法正确的有（ABC ） A：CSS可以控制网页背景图片 B：margin属性的属性值可以是百分比 C：整个BODY可以作为一个BOX D：对于中文可以使用word-spacing属性对字间距进行调整 E：margin属性不能同时设置四个边的边距 在CSS中，下面属于BOX模型属性的有（BCE ） A：font B：margin C：padding D：visible E：border 下列关于IP地址与域名的说法正确的是（ABCD ） A：IP地址以数字表示，域名用字符表示 B：IP地址是供全球识别的通信地址 C：IP地址与域名是一一对应的 D：域名可以多于三个层次 E：IP地址与域名都限制在32位内 下面属于JavaScript对象的有( ABCDE ) A：Window B：Document C：Form D：String E：Navigator 以下属于DHTML最主要的优点的是( ABD ) A：动态样式B：动态定位C：动态链接D：动态内容E：动态扩展 下面说法正确的是( AE ) A：Java是一种编译语言 B：JaveScript是面向对象的程序设计语言 C：JavaScript是由SUN公司开发的 D：JavaScript的源代码非常安全 E：Java采用强定义类型变量检查 下列关于网页设计的说法中，正确的有( ACE ) A：冷暖色调在均匀使用时不宜靠近 B：纯度相同的两种颜色适宜放在一起 C：整个页面中最好有一个主色调 D：文本的色彩不会发生抖动，只有图片的色彩才会发生抖动 E：抽象线条的构图很容易造成重心不稳 网页制作工具按其制作方式分，可以分为( BE ) A：通用型网而制作工具B：标记型网页制作工具 C：专业型网页制作工具D：编程型网页制作工具 E：“所见即所得”型网页制作工具 一般来说，适合使用信息发布式网站模式的题材有( ABDE ) A：软件下载B：新闻发布C：个人简介D：音乐下载E：文学作品大全WWW的组成主要包括( ACD ) A：URL B：Gopher C：HTML D：HTTP E：Telnet Internet上使用的最重要的两个协议是( B )

网页制作的教学设计

网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，

通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。

动态.网页制作形考作业

完成 获得3.00分中的3.00分 题干 HTML的颜色属性值中，RED的代码是（） 选择一项： A. ″#808080″ B. ″#FF0000″ C. ″#0000FF″ D. ″#00FF00″ 反馈 正确答案是：″#FF0000″ 题目2 完成 获得2.00分中的0.00分 题干 把窗口分割成上下两个框架，高度分别为40%和60%，正确的代码是（）。选择一项： A. B. C. D.

正确答案是： 题目3 完成 获得2.00分中的2.00分 题干 HTML标记中只能有一个属性值。 选择一项： 对 错 反馈 正确的答案是“错”。 题目4 完成 获得2.00分中的0.00分 题干 主体标记中的BACKGROUND属性是设置页面的背景颜色。 选择一项： 对 错 反馈 正确的答案是“错”。 题目5 完成 获得2.00分中的0.00分

题干 HTML文档中的标记不能多于一个，但标记可以放在任意位置。选择一项： 对 错 反馈 正确的答案是“错”。 题目6 完成 获得2.00分中的2.00分 题干 一张图片可以拥有多个超链接，方法是创建图像映射。 选择一项： 对 错 反馈 正确的答案是“对”。 题目7 完成 获得3.00分中的0.00分 题干

网页设计与制作课程教案

《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会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制作各种超级链接

《动态网页制作11》学习资料

动态网页制作（开放本科） 【题目】（共 20 道试题，共 80 分。） 1. 在网页中设置表单为复选框的HTML代码是法( )。 A. B. C. D. 参考答案：D 2. 嵌入多媒体内容的HTML的基本语法是（）。 A. B. C. D. 参考答案：B 3. 在HTML中，下列哪个标记在最前面（）。 A. B. C. D. 参考答案：C 4. 在HTML中,<form method=?>,method表示( )。 A. 提交的方式 B. 表单所用的脚本语言 C. 提交的URL地址 D. 表单的形式 参考答案：A 5. 在HTML中，表格用( )来标记。 A. FRAMESET B. FRAME C. TABLE D. FORM 参考答案：C 6. HTML中<body text=red>，表示（）。 A. 正在点击文字的色彩是红色。 B. 可链接文字的色彩是红色。 C. 非可链接文字的色彩是红色。 D. 已链接文字的色彩是红色。 参考答案：C 7. 若链接页面以新窗口方式载入，应在Taget中设置成( )项。 A. _parent B. _top C. _self D. _blank 参考答案：D</p><h2>网页制作公开课教案.doc</h2><p>教学科目授课日期节次教学内容 教学目标 教学重点与难点教学方法 教学资源 公开课教案 网页制作授课班级10 计 4授课教师徐彬2011．06． 12课型任务驱动授课学时 1 课时下午第二节授课地点图书馆动漫机房 有趣的拼图 通过讲解、演示、实践，让学生掌握在网页中运用层制作拼图游戏。 知识目标技能目标态度目标 通过讲解让学生 1. 提高学生分析问题、解决问1、培养学生的观察能力及掌握在网页制作中题的能力勇于探索、勇于创新的精层的特点，学会添加2．锻炼学生的表达能力和协神 “拖动层”行为。并作、沟通能力2、培养学生的团队精神且了解相应的事件。3．提高学生的动手实践能力， 能运用层制作有趣的拼图 教学重点：层的特点、“拖动层”行为。 教学难点：“拖动层”行为。 综合（讲授、启发、引导、演示示范、观察、比较、实践等） 多媒体计算机、多媒体教学软件 本节是《网址制作 DreamweaverMX2004》中层的应用中的内容，是操作实践课。 本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识， 教学 引起学生的学习兴趣，激起学生的求知欲望，发挥学生的主体作用，体现教师设计 的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技 能，进而培养学生的自学能力与动手实践能力。</p><p>教学过程设计 教学环节与主要内容具体教 学目标 教学活动 【复习导入】 ( 一 ) 导入（学时分配： 2 min ） 创设情境，打开“趣味拼图”网页，请 同学玩一玩拼图游戏。 ( 二 )复习知识点（学时分配： 2 min ）1、你觉得我们玩的拼图游戏有什么特点？ 这种特点是利用了什么技术实现的？2、拼图游戏利用了层的什么特点？1、激发学生学习兴 趣。 2、导入新课 教师：帮助学生回顾复习 层的特点。 学生：回顾并实践复习已 学知识 教师：根据实例，提问诱 导，导入课堂任务 学生：观察、讨论、思考 ( 三 ) 明确学习目标（学时分配：1min） 1、层的特点。 2、“拖动层”行为。教师：明确学习目标 3、 onLoad 事件。 【任务分析与制作】 （一）任务初分析（学时分配： 5min）让学生理解理解掌教师：讲解、示范、演示打开趣味拼图网页，引导学生分析制作此网握层的特点。学生：观看操作演示、学页所需的技术：习领会 1、网页布局：表格。 2、图片素材的添加：插入图片（拓展）。通过练习巩固所学学生：实践，完成练习 3、拼图图片的移动：表格转换为层。知识内容。 教师：巡视、评价、辅导（二）任务初制作（学时分配： 15min） 学生制作趣味拼图网页并调试。 （三）任务再分析（学时分配： 5min ）让学生理解理解掌教师：讲解、演示、示范请同学们汇报自己作品的调试成果。握“拖动层”行为以学生：观察、学习、领会针对调试作品所发现的问题进行再分析。及事件的用法。 1. “拖动层”行为。 2. 事件。</p><h2>网页制作作业</h2><p>谈谈网站建设中需要注意哪些重要的问题。 无标准答案。按具体作答内容给分。 1、域名的选择，选择简短易记适合的域名； 2、空间。一定要选择稳定的、快速的服务器（放在国内的话需要备案） 3、对网站内容的需求和目标要明确。 4、程序的选择，尽量使用div+css布局 5、用户体验，一定要站在访客的角度来多完善网站，不可完全依靠自己的主观臆断。 网站框架搭建、网站程序开发、域名备案、网站服务器、网站测试等方面吧，我能想到的就这些了，希望能帮到 一、网站内容： 浏览大部分企业网站我们会发现，这些网站的网站导航基本都是一样的，包括公司简介、企业动态、产品介绍、没有利用有特点的文字或图形来装饰网站，整体设计没有个性。似乎这样的设计已经成为一种定式，建站公司可中，达到减少成本的目地。这相对而言还不重要，网站内容的安排才更重要。 二、技术实现 在这里先申明，我们并不是鼓励企业在自己的网站里使用过多的技术手段。而是这些技术手段是否能达到预期的本的一种选择。在我们接触到的客户中，经常会碰到有的客户需要很高的技术含量来完成某一操作，也投入很多方式来实现。但是企业并不了解这些。我们没有必要去讨论建站公司的好坏，我们想要说明的是企业在网站建设比较，同时要慎重审查建站公司所提交的网站设计方案。在此，无锡网鼎科技提醒您，网站建设并不是一个单一规划、营造一个实用价值高的网站，投入与网站功能相配套的技术，需要您与建站公司仔细探讨。 三、设计理念 确切的说，设计理念是国内网站存在的最普遍的问题，体现在网站构架、着色、栏目划分等， 四、用户交互 企业网站是否实现了与用户的交互，怎样实现这一问题，值得您仔细考虑，在我们接触的客户中，甚至有客户抱华师在线网址https://www.360docs.net/doc/ba11341246.html,中的WWW是（） A.网址的前缀 B.全球互联网 C.网站</p><h2>网页制作技术形成性考核第一次作业教学内容</h2><p>保定电大高职高专2008---2009年度第一学期 网页制作技术 形成性考核作业 姓名 学号 年级 专业</p><p>网页制作技术形成性考核第一次作业 成绩 一、填空题 1．在Firewoks MX中，除了可以改变画布的大小外，还可以改变画布的________。 2．在Firewoks MX中，有三种文本变形工具，即缩放工具、倾斜工具和_______________。3．新建的Firewoks文档，默认情况下包含____________和层1两个层，根据需要还可以增加其他的层。 4．如果要在Firewoks文档中的所有帧中都包含相同的对象，可以将对象所在的层设置为_____________。 5．蒙板可以________或隐藏对象的某些部分。 6．蒙板组的创建方法有使用“组合为蒙板”命令和使用___________________命令两种方法。7．制作动画时，食用洋葱皮技术的目的是通过半透明的效果__________其他帧中的内容。8．Firewoks中的帧概念是指__________静态的画面。 9．用Firewoks制作的动画在网页中浏览时，可以播放一次也可以播放多次，如果要动画在网页中持续不断循环播放，应在制作动画时将其设置为__________。 10．在Firewoks中，创建切片的方法有使用工具面板中的切片工具和使用___________________在图像中创建切片。 11．在Firewoks中，创建按钮主要是通过_________________完成，通过绘制不同状态下的按钮图像，完成整钮的创建。 12．在Fireworks中创建弹出适菜单时，应选择一个热点或_______________作为弹出菜单的触发区域,而不能选择一个普通的图像。 13．在文档窗口中，用拖动弹出式菜单边框位置可以设置其相对于触发对象位置，用这种方法只能确定_______________的位置。 14．在Fireworks中, 若要导出单个图像，保存类型选择“仅图像”；若要导出切片图像，保存类型选择__________________。 15．在Fireworks MX中可以使用多种方法制作动画，主要的制作方法有：、补间法制作动画和等。 二、不定项选择题 1．Fireworks MX是一个_______应用软件。 A、网页制作 B、动画编辑 C、图像处理 D、文本处理</p><h2>《网页制作》教学设计(优质课比赛优秀设计)</h2><p>《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计 一、教材或教学内容分析 本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。 本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。 重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。 难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。 二、教学对象的分析 第 1 页共 6 页 信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常</p><p>用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内 第 2 页共 6 页 掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必</p><h2>《网页制作》教学设计(优质课比赛优秀设计)</h2><p>信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内</p><h2>国开广东[课程号]50161《动态网页制作》形考作业3答案</h2><p>课程号：50161《动态网页制作》形考作业3 学校：国家开放大学广东 试卷满分100分得分100分 【题目】对于request对象，如果省略集合，如request("strname")，将按什么顺序依次检查是否有信息传入? A. Cookies、QueryString、Form、ServerVariables、ClientCertificate B. Form、QueryString、Cookies、ServerVariables、ClientCertificate C. Form、QueryString、Cookies、ServerVariables、ClientCertificate D. QueryString、Form、Cookies、ServerVariables、ClientCertificate 【正确的答案是】：QueryString、Form、Cookies、ServerVariables、ClientCertificate 【题目】在表单中，下列哪个属性用于设定表单的提交方法？ A. method B. POST C. action D. GET 【正确的答案是】：method 【题目】若表单提交时采用get方法，则下面哪种集合可以获取表单元素的值？ A. Request.Form('元素名') B. Request.QueryString('元素名') C. Response.Form('元素名') D. Response.QueryString('元素名') 【正确的答案是】：Request.QueryString('元素名') 【题目】请问下面语句执行完毕后，页面上显示内容是什么？ 〈 % response.write "〈 a href=''〉新浪〈 /a〉" %〉 A. 错误信息 B. 新浪（带下划线的超链接） C. 新浪 D. 〈 a href=''〉新浪〈 /a〉 【正确的答案是】：新浪（带下划线的超链接） 【题目】请问下面程序段执行完毕，页面上显示的内容是什么？ 〈 % ="北京" ="上海" %〉 A. 错误信息 B. 北京上海 C. 北京 D. 北京（换行）上海 【正确的答案是】：错误信息 【题目】若表单提交时采用post方法，则下面哪种集合可以获取表单元素的值？ A. Request.Form('元素名')</p><h2>简单网页制作教学设计</h2><p>《简单网页制作》教学设计 一、设计意图： 目前网络对学生的吸引力很大，学生上网都会浏览网页内容，对网页的制作也有很大的兴趣，想知道一个网页是怎样制作成功的。但是网页的制作相对复杂，对于一些的代码的编辑学生也较难理解，因此本课选择了FrontPage网页制作工具，引导学生简单的了解网页制作的过程，采用了所见即所得的形式避开代码的繁琐，调动学生自行设计的积极性，对网页制作有一个简单的入门了解。 二、教学目标 1、知识目标 （1）理解网页制作的简单步骤。 （2）学会用FrontPage的制作简单网页。 2、技能目标 （1）掌握的FrontPage的背景添加的操作。 （2）掌握FrontPage的文字编辑、艺术字、图片的插入的操作。 （3）知道HTML的简单编码。 3、情感目标 （1）培养学生的口头表达能力、操作和分析概括能力。 （2）培养学生展示自我、表现自我的能力。 （3）培养学生独立思考问题、解决问题的能力和团结协作精神。 （4）在网页制作的过程中，提高学生对FrontPage的认识。三、重难点、问题预测及对策</p><p>1、重难点 （1）重点：FrontPage的基本操作。 （2）难点：HTML的理解。 2、问题预测 本节课是网页制作的第一节内容，需要学生掌握的技能并不困难。由于在学习网页制作的过程中，需要培养学生的制作网页的积极性，才能引发学生对网页制作的兴趣，实现自主学习，自主开发。 3、对策 以制作班级自己的主页引起学生注意，引发学生的兴趣。让学生运用FrontPage的插入、背景修改等工具，通过作品展示激发学生的动力。 在教学过程的设计上，通过自主设计自己的个人主页来达到解决一个个知识点的目的，同时通过学生自己创作，引导学生正确的审美情趣和创作激情。 四、课前准备 精美网站、优秀班级主页、素材图片等。 五、教学流程 1、情感导入：通过优秀班级主页欣赏，引发学生兴趣，跃跃欲试。 2、自主学习：引导学生做自己班级的主页。 3、示范教学：学生归纳总结，老师帮助、提醒，使学生掌握正确的操作步骤。</p></div> <div class="rtopicdocs"> <div class="coltitle">相关主题</div> <div class="relatedtopic"> <div id="tabs-section" class="tabs"> <ul class="tab-head"> <li id="221428"><a href="/topic/221428/" target="_blank">网页制作教学设计</a></li> <li id="22718120"><a href="/topic/22718120/" target="_blank">网页制作公开课教案</a></li> <li id="20539043"><a href="/topic/20539043/" 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> <li id="21548211"><a href="/topic/21548211/" 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/646882490.html" target="_blank">HTML网页设计教学教学教案</a></li> <li><a href="/doc/a4268234.html" target="_blank">网页设计制作教学设计</a></li> <li><a href="/doc/c613314583.html" target="_blank">(完整版)网页设计与制作电子教案</a></li> <li><a href="/doc/ec18495699.html" target="_blank">简单网页制作教学设计</a></li> <li><a href="/doc/1d2236407.html" target="_blank">《网页制作》教案设计</a></li> <li><a href="/doc/473860706.html" target="_blank">网页设计与制作电子教案复习进程</a></li> <li><a href="/doc/6915567225.html" target="_blank">网页设计教学教案</a></li> <li><a href="/doc/b79340825.html" target="_blank">(完整word版)网页设计与制作电子教案</a></li> <li><a href="/doc/dd12899901.html" target="_blank">网页制作教学设计(公开课)</a></li> <li><a href="/doc/f9592374.html" target="_blank">《网页设计与制作》课程教案</a></li> <li><a href="/doc/303714121.html" target="_blank">网页设计与制作课程教案</a></li> <li><a href="/doc/5d18203072.html" target="_blank">网页制作的教学设计</a></li> <li><a href="/doc/9c5152686.html" target="_blank">《网页设计与制作》课程教案设计</a></li> <li><a href="/doc/b517065651.html" target="_blank">网页制作教学设计(一)</a></li> <li><a href="/doc/e67991619.html" target="_blank">网页制作教学设计</a></li> <li><a href="/doc/0b30600.html" target="_blank">《网页制作教学设计》教案</a></li> <li><a href="/doc/3e12635026.html" target="_blank">《网页制作》教学设计(优质课比赛优秀设计)</a></li> <li><a href="/doc/6914081670.html" target="_blank">《网页制作》教学设计(优质课比赛优秀设计)</a></li> <li><a href="/doc/b33524777.html" target="_blank">《HTML网页设计》教案</a></li> <li><a href="/doc/de10666058.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 = "b98e57a9f4335a8102d276a20029bd64793e6221"; </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>