下载文档原格式
XXXX中等职业学校《网页制作》的课程标准一、课程的性质与任务（一）课程性质《网页制作》是我校计算机应用专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS3,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
（二）课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程,学生可以掌握以下技能和知识：1.掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。
2.掌握各种网页元素在DremweaverCS3中的使用。
例如，文本、表格、图像、超级链接、层、框架和表单等。
3.掌握HTML,理解各种标记的功能和用法。
4.掌握在DrenIWeaVerCS3中使用CSS控制网页元素的方法。
5.掌握在DrenIWeaVerCS3中使用JavaScript制作网页特效的基本方法。
6.能够解决一些网页设计中的常见问题。
（三）本课程的特点1.课程注重实际应用，即实践性强。
2.涉及的DremweaverCS3软件是目前网页制作工作中较为流行的软件，是“网页三剑客”之一，具有较强的实践性，学习难度不大。
3.突出理论联系实际，实作课时占总课时的50%以上，实际应用知识占课程总知识量的80%以上。
（四）与相关课程的衔接、配合、分工先修课程：“计算机应用基础”、“图形图像处理（FireWorkS或PhotoShop）"、"Flash动画制作”等。
二、课程目标本课程的基本目标是：使学生通过本课程的学习，掌握DreanIWeaVerCS3的使用方法，学会使用DreamweaverCS3制作Web网页的技术。
本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。
多媒体课程实训报告模板一、实训内容本次多媒体课程实训主要分为两个部分，分别是理论课和实践课。
其中理论课包含了多媒体技术的基本概念、应用场景以及发展历程等内容；实践课则重点介绍了多媒体软件的使用方法，例如PPT制作、音视频处理、网页设计等。
二、实训过程1.组建团队在实训开始前，我们先进行了团队组建。
我们的团队共有4人，分别担任不同的角色，例如项目经理、文案策划、平面设计师和多媒体制作人等。
在组建团队的过程中，我们也讨论了每个人的长处和短处，以确保我们能够互相补充，发挥出最好的团队合作效果。
2.理论课学习在理论课学习中，我们对多媒体技术有了更加深入的了解。
我们主要学习了多媒体的发展历程，掌握了多媒体的基本概念和应用场景，并结合实际案例进行了详细的讲解分析。
在理论课的学习中，我们也参加了一些有关多媒体领域的线上讲座和座谈会，了解了业界最新的技术发展动态，并对未来的发展趋势作了展望和探讨。
3.实践课学习在实践课学习中，我们主要掌握了多媒体软件的使用方法。
我们使用了PPT制作、音视频处理和网页设计等多种软件进行实践操作，学习了如何让视觉、听觉和交互等多个方面的元素融合到一个项目中，从而打造出一个完整的多媒体作品。
我们还参观了一些多媒体行业的企业，了解了他们的生产流程和制作方法，收获了很多实用经验和技巧。
4.实训项目我们的实训项目是一个PPT制作项目，该项目旨在提升我们的多媒体制作能力和团队合作能力。
这个项目分为多个阶段，包括项目策划、设计方案制定、素材搜集、制作和最终呈现等。
在项目中，我们分工明确，各司其职，确保了项目进程和质量。
我们在制作过程中遇到了很多问题，但是我们都能及时解决和讨论，最终呈现出了一份出色的PDF文件。
三、实训成果本次多媒体课程实训，我们在理论和实践两方面都得到了很好的提升。
我们不仅掌握了多媒体的基本理论知识，还能够自如地运用多媒体软件进行制作，我们的团队合作能力也得到了增强。
我们的实训项目PPT制作也取得了很好的成果。
网页设计与制作实验指导一览表实验1 HTML语言实训目的:为了让学生能熟悉学习网页不可避免要接触的HTML语言，达到用该语言可以建立一个简单的网页的目的，同时了解建立站点是做网站必不可少的，要掌握建立站点的方法。
素材准备：准备制作网页所需的文字素材、图像素材。
实验课时：2学时实验内容：1.创建站点；2.新建网页以及保存，重命名；3.输入HTML语言。
实验步骤：1.在E盘中新建本地根文件夹，命名为root，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。
2.定义站点：设置 "站点名称"，命名为 "mysite";设置本地根文件夹,指定为E盘下的root文件夹;设置 "HTTP地址"为localhost。
3.创建与设置文档的页面属性：新建一个页面，保存名为“HTML基础”的文档。
4.切换代码模式下，输入代码。
5.保存文件，预览文件效果。
实验过程注意事项:1.在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；2.所有的图片文件单独放在image文件夹内。
实验思考:除了用HTML语言来做这个网页，还有没有其它的方法？书写实验报告要求:根据最终所作的网页，写出实验报告。
页面效果图：图1-1实验2 初识Dreamweaver实验目的：为了让学生能熟练掌握Dreamweaver的安装与卸载，启动与退出，基本工作环境和设置，对Dreamweaver操作环境有一定了解。
素材准备：准备好从网上下载的安装程序。
实验课时：2学时实验内容：1.安装Dreamweaver：2.Dreamweaver的启动与退出：3.了解工具栏、菜单栏、标题栏等工作环境：4.卸载Dreamweaver实验步骤：1.打开从网上下载的Dreamweaver程序，双击安装。
2.安装完成后输入注册号。
3.启动Dreamweaver，并查看工具栏、菜单栏、标题栏等工作环境。
网页设计与制作课程设计一、课程目标知识目标：1. 让学生掌握网页设计的基本概念，包括网页结构、布局、色彩搭配等；2. 使学生了解并熟悉HTML、CSS等网页编程语言；3. 让学生掌握网页制作的基本工具和软件，如Dreamweaver、Photoshop 等；4. 引导学生了解互联网发展趋势，提高对网页设计行业标准及规范的认识。
技能目标：1. 培养学生运用HTML、CSS进行网页编写的能力，能独立完成静态网页的制作；2. 培养学生运用网页设计工具和软件进行创意设计的能力，提高网页视觉效果；3. 培养学生团队协作能力，能在团队项目中发挥个人特长，共同完成复杂网页设计任务。
情感态度价值观目标：1. 激发学生对网页设计的兴趣和热情，培养创新精神和审美观念；2. 培养学生严谨细致的工作态度，注重细节，追求卓越；3. 引导学生关注互联网产业发展，树立正确的职业观念，为未来职业生涯奠定基础。
课程性质：本课程为实践性较强的学科，注重理论知识与实践操作的相结合。
学生特点：本课程针对初中年级学生，学生具备一定的计算机操作基础，好奇心强，喜欢探索新事物。
教学要求：结合学生特点，采用案例教学、任务驱动等方法，注重培养学生的实际操作能力。
在教学过程中，将课程目标分解为具体的学习成果，以便进行有效的教学设计和评估。
二、教学内容1. 网页设计基础知识：包括网页的基本结构、布局原则、色彩搭配技巧等，对应教材第一章内容。
- 网页的基本结构及其作用- 常见的网页布局类型及特点- 网页色彩搭配原则及视觉效果2. 网页编程语言HTML、CSS：学习HTML、CSS基本语法及其应用，对应教材第二章内容。
- HTML标签及其使用方法- CSS选择器、属性及其应用- 网页样式表编写及优化3. 网页制作工具与软件：学习Dreamweaver、Photoshop等软件的基本操作，对应教材第三章内容。
- Dreamweaver的基本操作与使用技巧- Photoshop在网页设计中的应用- 网页图片处理与优化4. 网页设计与制作实践：通过实际案例，培养学生动手能力，对应教材第四章内容。
多媒体实验报告实验目的：本实验旨在研究多媒体技术在信息传递和学习中的应用，并探讨其对学习效果和记忆力的影响。
实验设备：计算机、显示器、音响设备实验过程：1. 实验对象分为实验组和对照组，每组10名参与者。
实验组使用多媒体技术进行学习，对照组使用传统教学方法进行学习。
2. 实验组和对照组的学习材料相同，内容为介绍植物的生长过程，包括文字、图片和音频。
3. 实验组使用计算机和显示器展示学习材料，通过观看图片和文字的同时，听取相应的音频解释。
4. 对照组使用课本展示学习材料，参与者通过阅读文字和观看图片来学习。
5. 学习结束后，实验组和对照组的参与者分别进行知识测试和记忆回溯。
6. 使用统计学方法分析两组参与者的测试成绩和记忆回溯结果。
实验结果：1. 实验组在知识测试方面表现出更好的成绩，平均分高于对照组。
2. 实验组在记忆回溯方面表现出更好的表现，能够回忆起更多的学习内容。
3. 使用多媒体技术的学习方式相比于传统教学方法能够更好地激发参与者的学习兴趣，提高学习效果。
实验讨论与分析：1. 多媒体技术能够通过多种感官刺激同时传递信息，使学习内容更加生动和易于理解。
2. 多媒体技术可以提供丰富的视听效果，增强学习材料的吸引力和记忆效果。
3. 多媒体学习方式能够帮助参与者更好地理解和记忆学习内容，提高学习效果。
实验结论：多媒体技术在学习和信息传递中具有重要的应用价值。
相比于传统教学方法，多媒体学习方式能够提高学习效果和记忆力，激发学习兴趣。
因此，在教育和培训领域中，多媒体技术的应用将会有更广泛的发展和应用前景。
实验延伸：基于本次实验结果，我们可以进一步探究多媒体技术对学习效果和记忆力的具体影响因素。
以下是一些相关的研究方向：1. 多媒体形式对学习效果的影响：我们可以比较不同类型的多媒体材料，例如视频、动画、交互式游戏等，对学习效果的影响。
通过比较不同形式的多媒体，我们可以确定最适合特定学科和学习内容的多媒体形式，以提高学习效果。
多媒体实训报告一、实训背景及目的在多媒体技术不断发展的时代背景下，多媒体实训作为学生提高综合能力和创新思维的一种重要方式，被广泛引入教育领域。
本报告以多媒体实训为主题，旨在总结实训活动的过程和成果，探讨实训对学生技能培养和学习效果的影响。
二、实训内容及操作过程1. 实训的主要内容本次多媒体实训的主要内容是学生基础技能的培养，包括多媒体制作软件的使用、音视频编辑、图像处理等方面的技能训练。
通过实际操作，学生能够熟练掌握多媒体软件的功能和操作方法，并能够利用这些工具创作出具有一定创意和表现力的作品。
2. 实训的操作过程（段落内容根据实际情况自行编写）三、实训成果展示1. 多媒体作品通过实训活动，学生们创作了一系列多媒体作品，包括视频、音频内容以及图像设计等。
这些作品既展现了学生的创造力和表达能力，也体现了他们对多媒体技术的理解和应用能力。
2. 成果评估为了对学生的实训成果进行评估，我们采用了多种评价方式，包括作品质量、专业知识及技术运用情况等方面的综合评估。
经过评审、点评和打分等环节，我们对学生的成果进行了全面的评估。
四、实训效果分析1. 技能培养多媒体实训的核心目标之一是培养学生的多媒体技能。
通过实际操作，学生们对多媒体软件和工具的使用变得更加熟练，不仅增强了他们的实践能力，也提高了他们的专业素养。
2. 综合能力提升在实训过程中，学生们需要进行团队合作、创意思考、解决问题等多种能力的训练。
通过与他人的合作和项目实践，他们的沟通能力、协作能力和问题解决能力得到了很大的提升。
3. 创新思维培养多媒体实训注重培养学生的创新思维和创造力。
在实训过程中，学生们需要从创意的角度出发，设计独具特色的作品。
通过思考、尝试和反思，他们的创新思维得到了有效培养。
五、实训活动的启示多媒体实训作为一种综合性的学习活动，不仅能够提升学生的技术水平，还能够培养他们的创新能力和团队合作精神。
通过实训，学生们能够获得更全面和深入的学习体验，为未来的工作和学习奠定坚实的基础。
网页制作实验报告主题：NBA七大全明星一、实验目的通过利用框架集做一个简单的静态网页，主题为“NBA七大全明星”。
通过此次使用我应该更深的理解制作网页的具体步骤、方法，掌握创建一个网站的整个过程，有利于以后从事相关的事业打下坚实的基础。
最主要是可能锻炼自己的动手能力，查阅知识、运用知识的能力。
也能实现从书本到实践的运用能力。
二、实验步骤(一)、准备素材首页确定网页的主题和风格，收集各种可能需要的设计素材，素材包括图片，音乐，动画，视频，由于开始学习制作网页，所以我主要搜集图片和必须的文本。
并新建一个文件夹把搜集的素材放到该文件夹里面。
（二）、设计规划规划网站，对网页的整体框架和结构进行设计，我这个网页主要是用框架集来做主页面，设置三个框架和一个框架集，设置一个页面为主页面。
确定整个网站的内容，明确自己的网页需要满足的功能和内容。
（三）、具体设计1、创建站点。
点击【站点】下拉菜单的【创建站点】，命名站点（站点名为：2b）称和站点在计算机的路径，用英文为站点名。
具体的如图所示2、创建框架集面板。
在计算机里面运行Dreamweaver 8,在“文件”下拉菜单点击【新建】，打开【新建文档】对话框，选举【框架集】里的“上方固定，下方左侧嵌套”，并点击【创建】按钮，如图所示：3、调整各个框架的大小，分别保存各个框架和框架集并命名。
顶端的框架为top.html,左下角框架：left.html.右下角框架：main.html,框架集：index.html（注：不能用汉字，只能用英文字母）。
选中框架最简洁的方法是在【视图】菜单下点击【框架】或者按快捷键【shift+f2】。
然后在右下角显示框架面板图，就可以在面板中选中要编译的框架。
4、设置各个框架的内容。
分别给各个框架加入合适的背景色或者或者插入图片并插入相应的导航和主题。
（1）、选中top.html的框架，在属性窗口中点击【页面属性】弹出页面属性对话框，选择【外观】，在背景图像中点击【浏览】选择准备好的图片（通过photshopt处理过的图片，尺寸大小为：长1440高160），按住【确定】把图片传到网页上，调整框架大小与图片大小的宽度一样。
湘教版小学信息技术实验目录本文档旨在提供湘教版小学信息技术实验的目录，为教师和学生提供有关实验室实验的指导和参考。
以下是实验目录的详细列表：1. 实验一：计算机基础知识的研究- 实验目标：通过研究计算机基础知识，了解计算机的组成和原理。
- 实验内容：了解计算机硬件和软件的基本概念、计算机网络的基本原理等。
2. 实验二：操作系统的安装和使用- 实验目标：通过实际操作，研究和掌握常用操作系统的安装和使用方法。
- 实验内容：安装和配置操作系统、了解操作系统的基本功能和常用操作。
3. 实验三：网络应用的使用- 实验目标：掌握网络应用的基本使用方法，了解互联网的应用场景。
- 实验内容：使用浏览器访问网页、发送电子邮件、使用搜索引擎等。
4. 实验四：办公软件的使用- 实验目标：研究和掌握常用办公软件的基本功能和应用。
- 实验内容：使用文字处理软件编写文档、使用电子表格软件制作表格、使用演示软件制作幻灯片等。
5. 实验五：多媒体制作- 实验目标：了解多媒体制作的基本原理，研究使用多媒体制作工具。
- 实验内容：制作简单的图片、音频和视频。
6. 实验六：编程基础- 实验目标：研究编程的基础知识和方法。
- 实验内容：研究编程语言的基本语法、编写简单的程序。
7. 实验七：信息安全与网络礼仪- 实验目标：了解信息安全和网络礼仪的重要性，掌握相应的知识和技能。
- 实验内容：了解网络安全的基本概念、研究安全上网和保护个人信息的方法。
以上是湘教版小学信息技术实验的目录，希望能为教师和学生提供实验指导和参考。
请根据教学需要，选择适当的实验进行教学实施。
实验四多媒体网页制作
【目的与要求】
1．熟悉网页制作软件Dreamweaver功能和特点；
2．学习使用网页制作软件Dreamweaver制作网页的方法
【实验仪器与器件】
硬件：多媒体个人计算机
软件：Dreamweaver软件
【实验内容】
1.网站建立与网页发布流程
建立网站首先要在本地机上构建本地站点，创建合理的站点结构，编辑制作网页，用合理的组织形式来管理站点中的文档，并对站点进行必要的测试。
一切就序后，再将站点上载到Internet服务器，供其他人浏览。
网站建立与网页发布基本流程是：站点规划与设计→素材准备→建立网站与网页制作→网站测试→网站发布→维护更新。
2.Dreamweaver 操作界面
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器,Dreamweaver与flash、Fireworks三个软件被称之为网页制作三剑客。
Dreamweaver具有两个主要功能：网站建立与维护；网页制作。
Dreamweaver 集成布局操作界面按功能分为四大部分：即页面编辑器；面板组；属性面板；站点管理器。
3.创建网站
1）规划网站
在建立网站与制作网页之前首先要规划站点：
① 规划站点结构：合理的站点结构可以加快对站点的设计，提高工作效率。
② 规划站点导航机制：提供清晰易懂的浏览方法，采用统一的网页组织形式，引导用户轻松访问网站。
③ 构建整体的站点风格：网站中网页风格应该统一，使网站特点鲜明，突
出主题。
2）创建本地站点
在制作网页之前，必须首先创建网站或打开网站，此后Dreamwear会自动将所有网站资源（HTML文档、图片、动画、声音、程序等）都保存到网站文件夹中，从而保证网站发布后网页上的所有元素可以正常浏览。
网站分为本地站点（网站存放在本机硬盘上）与远程站点（网站存放在用于发布网站的服务器端）。
4.页面布局
页面布局是进行网页设计最基本、最重要的工作之一。
常用的布局方法有框架、表格和图层。
①框架
框架式常见的页面设计方式，使用框架可以讲一个网页分割成几个既有联系又各自独立的部分，从而实现在一个浏览器中显示多个网页文档的目的。
一个包含有三个框架的网页实际上是由四个独立的HTML 页面组成：框架集文件和三个包含在框架中显示的内容的文件。
当使用框架集设计网页时，为了该网页能在浏览器中正常工作必须对这四个页面都进行保存。
要在框架内使用链接，必须为链接设置一个目标。
这个目标是指在哪个框架内链接要打开的内容。
②表格
表格是进行网页布局时最常用的工具。
表格为网页设计者提供了在页面中增加垂直和水平结构的简洁方法。
使用表格可以在页面上排列数据与图像，在页面上设计栏目等。
③层
层是一种网页元素定位技术，使用层可以精确定位页面元素，层对于制作网页的部分重叠具有特殊作用。
层可以放置在页面的任意位置，可以在层中防止文本、图像或其它层。
5. 设置超链接
利用超级链接可以实现文档间或文档中的跳转，超级链接由两部分组成:链接的载体以及链接的目标地址。
许多页面元素可以作为链接载体，如:文本、图像、图像热区、轮替图像、动画…。
而链接目标可以是任意网络资源，如:页面、图像、声音、程序、其他网站、Email、锚点。
6.交互表单
表单是网页中提供交互操作的重要手段，它可以收集浏览者提供的信息，并对此作出反应，处理用户的要求。
每个表单中都可以包含一系列的输入工具，如文本域、密码域、单选按钮、复选框、列表框、菜单、命令按纽、隐藏域等。
在Dreamweaver中添加表单就像插入其它对象一样，只需将光标置于插入点处，点击表单工具栏中的表单图标或插入菜单中的表单命令，将在文挡窗口中出现红色虚线组成的空白表单体，在表单体中可以放置各种表单对象。
7.添加多媒体
Dreamweaver中可以添加多种格式的多媒体插入对象。
8. 系统的测试优化
网页制作完毕后，就可以将网站发布到Internet上，在发布网站之前应首先对网站进行测试与整理。
Dreamweaver为整理站点，提供了多种方法。
使用“检查超链接”的方法，可以迅速地找出网站中无效的链接。
【实验内容及步骤】
1、主页导航：
2、网页布局：
欢迎
主页
Before
风景
发展Now
专业
文化
活动
实习
Future
工作
展望
AboutMe
3、链接结构：
4、制作截图：
属性设置
链接设置
【心得体会】
1、主题创意：
本网站主题围绕作者而建，包括三个部分，过去（Before）、现在（Now）和未来（Future）。
充分利用图片、音频、视频等素材，体现出作者对当前生活的热爱，对美好未来的努力奋斗，表现一种宁静淡泊的情怀。
过去部分展现作者家乡的风景（scenery）和发展（develop），通过回忆，描绘对家乡的眷恋和期望。
现在部分则是作者大学生活，分别是专业（special）、文化（culture）、活动（travel）和实习（practice）。
从四个方面展示了母校的文化氛围、专业方向，和对即将到来的实习之期待。
未来部分从工作（work）和展望（hope）两方面描绘出一个令人期待的美好生活，并为之努力的坚持。
关于我（About me）是一个小小的个人简历，恰逢导师布置的训练任务，借此制作网页机会，融入其中。
算是在节约时间和创新层面，有自己的想法。
2、操作步骤：
第一步，确定主题；
首先规划出大致的网页设计，思考所必要的素材等项目。
第二步，素材整理；
按照第一步构想内容，在网上搜寻图片等素材，音频和视频文件则是很早之前就有收藏。
之后又利用各种软件处理好，做成适合网页制作的大小和美感。
第三步，网页制作；
打开Dreamweaver CS4 开始一点点制作，不懂就问，不懂就查，不懂就搜。
期间经历各种失误、错误，导致两次NG，不得不重新来过。
最后，（此环节）耗时两天，共计36小时以上，终于完成。
3、实验心得
本次网站制作，感觉比上一实验视频制作还要辛苦。
相对来说素材要求很多，网站的结构、布局、链接等环节比较麻烦。
毕竟是一个人在完成，没有美工等的协助。
图片自己处理，音频自己处理，视频自己处理。
经过此役，完全是一个人在“战斗”。
很辛苦，很累。
不过，很值得！
所有的事情一个人完成，那么，所有的知识就是自己学到。
经历过的“阻挠”、“挫折”，实则是宝贵的经验，现在发生以后就不会发生。
其实很多灵感都是在制作过程中产生的，“咦这个导航可以这么来着。
”“噢图片也可以那样无限滚动展示，多炫！”“嗯，加个音乐效果应该很好。
”不断冒出新的方式，新的灵感。
这也算是工作的乐趣所在，沉浸于此，知足常乐。
较大的一次失误出现在链接设置，初步的结构做出来之后测试了一下可以通过。
然后在查看链接时候，之前正确的链接在查了一遍之后全部错误。
当时心死一般的冰凉啊，如果错误那就预示着又要全部重新来过，情形十分骇人。
不能大意，又检查了一遍还是错误。
报错在百度搜索了一下，也没有解决之道。
就在即将按下删除的确认时候，一下子惊醒过来。
迅速在每个文件夹中建立链接的Button文件。
再次测试终于成功，顿时“泪流满面”，欣喜若狂。
这事说明了，遇事千万不能慌乱，以免做出任何不智的举动，使得之后万分后悔为时已晚。
心若冰清，天塌不惊！
【实验结果】
附件：
压缩文件：多媒体实验四.rar
附件下载：百度网盘
http://pan点baidu点com/share/link?shareid=455970&uk=4228522131
注意：该网站内所有链接是建立在作者主机之上，若是拷贝至其他电脑，烦请在D盘根目录之下建立My Documents文件夹，并将MySite文件夹解压至其中。
如图：
然后运行MySite中的home.html文件，若是部分内容无法显示，请设置浏览器允许插件运行，或者下载支持插件。
