网页设计与制作实验指导一览表
实验名称 实验内容 备注
实验一 HTML语言 详细内容
实验二 初识Dreamweaver 详细内容
实验三 文本操作 详细内容
实验四 图像操作 详细内容
实验五 超级链接 详细内容
实验六 表格布局 详细内容
实验七 多媒体应用 详细内容
实验八 CSS样式 详细内容
实验九 层的布局 详细内容
实验十 框架网页 详细内容
实验十一 模板和库 详细内容
实验十二 表单网页 详细内容
实验十三 网站开发综合实例 详细内容
实验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语言来做这个网页，还有没有其它的方法？
书写实验报告要求:
根据最终所作的网页，写出实验报告。
页面效果图：
《网页设计与制作》课程标准
适用专业：计算机系各专业 学时：72 学分：4
编写执笔人：**** 审定负责人：**** 课程编码：
一、课程性质
本课程是专业学习领域课程，主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能读懂HTML代码，能够运用专业的网页设计工具，使用“DIV+CSS”技术，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
本课程前导课程：计算机应用基础、网络应用基础
本课程后续课程：动态网站开发
二、课程设计思路
本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，请计算机各专业有经验的教师对各自专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养，体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配
项目名称 学时 学分 备注
1．认识网页、网站 4
4 每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网2、文本、图像、表单等页面元素的插入 8
3、超链接的设置 4
4．使用页面布局工具布局页面 8
5．使用DIV+CSS布局页面 20 6．使用库和模板创建维护网页 4 页的设计操作；动态网页设计部分学习留言板的设计，初步理解动态网页设计的要点。 7．网页设计与制作综合作业 24
xxx学校
课
程
大
纲
科目名称：《网页设计与制作》
专 业：计算机
说 明
随着互联网的高速发展和广泛传播，对从事网页设计与制作的人员需求量也愈来愈多。教材在教学过程中起着至关重要的作用，而缺乏优秀实用的网页设计与制作方面的教材是目前中职学校普遍存在的问题。本书编者旨在为中职学校相关专业，以及对网页设计与制作有兴趣的人员提供一本实用教程。
本书是依据网页设计行业的业内制作标准和相关案例执行为范围编写的。在编写过程中针对读者的特点，项目选择合理、针对性强、理论和实践有机融合；以实践为主，特别注重实用性，并注重融入先进的教学理念与方法，注重提高读者的学习能力。全书从实用的网页设计制作项目入手，以任务驱动的方式系统地介绍了以下内容：网站的制作流程、使用HTML制作简单网页、认识Dreamweaver CS3、搭建与管理本地站点、网页元素的编辑、使用CSS控制页面元素、使用表格布局制作页面、使用框架布局制作网页、使用CSS+DIV布局页面、使用模板和库提高制作效率、使用JAVAScript制作网页特效、策划与制作个人艺术网站。同时结合作者多年来积累的教学工作经验，以实践为主，理论融合其中，是帮助教师联想三大软件、提高学生实践力的有力助手。通过课程学习，学生将具备网页设计与制作的基本技能，并帮助学生在从业道路上积累经验。
本教材还具备一下特点：
1.任务明确；
2.结构新颖；
3.图文并茂，简洁易懂；
4.与国家职业资格证接轨。
《网页设计与制作》课程教学大纲
课程名称：《网页设计与制作》
课程总学时：72
一、教学目的和任务
（一）目的
《网页设计与制作》是计算机相关专业的一门应用性较强的选修课程。通过对网页设计与制作的初步学习，使学生对网页设计与制作的各个环节有感性的认识并理性理解各个网页中各布局的功能和特点，学习网页设计与制作制作方法，为今后在网页设计与制作行业工作提供必要的基础知识，以便能够得心应手地使用好Dreamweaver软件，更好地使设计网页发挥作用。
学习迁移理论在网页设计与制作课程中的应用
摘要：网页设计与制作作为高等学校计算机基础教育的主干课程之一，由于其中涉及到了代码的编写和调试，对于许多非计算机专业的学生来说存在一定的难度。针对这一问题，在网页设计与制作课程中的层叠样式表css、模板和库项目以及javascript的教学中引入了学习迁移理论。通过把学生们已经掌握的office系列软件中的知识与网页设计与制作课程相应的概念做类比，消除同学们对新内容的距离感和陌生感。在实际教学中，取得了良好的教学效果。
关键词：学习迁移；网页设计与制作；css；模板；javascript
中图分类号：g442 文献标识码：a 文章编号：1009-3044（2013）02-0423-04
1 概述
学习迁移理论是指一种学习对另一种学习的影响。学习迁移的作用在于使习得的知识和经验得以概括化、系统化，形成一种稳定的整合的心理结构，给学习者带来事半功倍的学习效率。它既包括先前学习对后继学习的影响，也包括后继学习对先前学习的影响[1-3]。网页设计与制作课程是在大学计算机基础课程之后，许多非计算机专业本科生所要学习的一门课程。由于其中涉及到许多接近编程方面的知识，学生在掌握起来遇到了不小的困难。在课程中引入合适的教学方法将能够大大减少学生学习中的障碍，提高教学效率。通过在网页设计与制作课程引入学习迁移理论，并进行相关的实践教学活动，取得了良好的教学效果。 2 基于学习迁移理论设计网页设计与制作的教学
学生在学校获得知识、技能、行为以及态度的过程中，必然存在新旧知识和经验之间的相互影响。学生在学习网页设计与制作课程之前，通过大学计算机基础课程的学习，已经普遍掌握了office系列软件，如word、excel和powerpoint的使用。在网页设计与制作课程中，借助于同学们已经掌握的知识来促进这门课程的学习，即通过学习迁移的方法使同学们感到这门课程中的许多内容使用到的方法都是他们已经掌握的，从而达到降低学习的难度的目的。
