正规网站建设教学设计（网站建设课程设计）
今天给各位分享正规网站建设教学设计的知识，其中也会对网站建设课程设计进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、网页设计课程
- 2、网页设计制作详细流程
- 3、中小学专题学习网站的设计
网页设计课程
网页设计课程
1、课程定位和课程设计
《网页设计与制作》课程是高职电子商务专业正规网站建设教学设计的一门专业必修课程。本课程以图形图像处理为前导课程正规网站建设教学设计，本课程将从职业技术教育正规网站建设教学设计的特点出发，以培养学生实际动手能力为目标，使学生具备网页制作、网站规划与网站维护正规网站建设教学设计的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位。
2、课程目标
本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。
3、素质目标
(1) 培养具有较强的网页设计创意思维、艺术设计素质;
(2) 培养学生在学习过程中解决困难的能力;
(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性;
(4) 培养学生理论联系实际的工作和学生方法;
(5) 培养具有高度责任心和良好的团队合作精神;
(6) 具有社会责任感。
4、知识目标
(1) 了解WEB站点的工作原理;
(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用;
(3) 了解服务器、客户端、浏览器的概念和作用;
(4) 掌握常规网站的规划及流程;
(5) 熟练掌握HTML语言中各种标记符的运用能力;
(6) 熟练掌握Dreamweaver应用软件的使用;
(7) 理解网页中脚本语言的使用方法;
(8) 熟练开发常规静态网站。
5、能力目标
(1) 熟练掌握Dreamweaver应用软件制作网站及网页;
(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接;
(3) 掌握在网页中添加CSS的方法;
(4) 培养学生设计、制作和维护动态网站。
(5) 培养学生搜集资料、阅读资料和利用资料的能力;
(6) 能独立制定、实施工作计划。
(7) 具备检查、判断能力;
(8) 具备简单的需求市场分析能力。
6、课程内容与教学要求
第一章正规网站建设教学设计：个人网站的制作
【教学内容】
网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop制作网页平面效果图、 HTML语言简介、HTML语言的基本结构、HTML常用标记、Css样式表的应用。
【教学重点】
项目基础与流程设计，个人网站效果图设计与切片，HTML编辑静态页面，个人网站CSS样式表设计，网站测试。
【教学要求】
了解网站项目建设流程。
掌握个人网站效果图设计。
熟练掌握HTML编写静态页面的方法。
第二章：网页设计与制作精品课程网站建设
【教学内容】
Photoshop的综合运用， Dreamweaver的认识与基本使用方法、Dreamweaver中站点的建立与管理，插入文本、图像、表格、模板等资源，网络空间的申请与与域名的申、网站文件的上传。
【教学重点】
精品课程网站的策划方案，主页面的设计与制作，模板页的制作，效果图的切片与导出，网站后期编辑，网站的发布与测试。
【教学要求】
了解网站建设的流程、需求分析。
理解网站色彩搭配的原则。
掌握网站的建设流程及网页效果图的制作。
能够利用Dreamweaver软件设计精品课程网站。
第三章：企业类网站建设
【教学内容】
Photoshop效果图的制作， Flash动画的制作，Dreamweaver中框架、表单、图层、行为、时间轴、简单脚本语言的制作、模板的使用，Dreamweaver的综合使用。
【教学重点】
商务类网站的前期策划，效果图的设计、切片与动画的设计，网站编辑与动画设计，网页的布局及后期制作。
【教学要求】
了解企业类网站的策划过程。
进一步理解Dreamweaver建立网站及网页的流程。
掌握网站动画的设计与制作。
掌握网站的后期制作与编辑，并能够调试。
第四章：自主选题进行网站建设
【教学内容】
Photoshop效果图的制作， Flash动画的制作，HTML语言的综合运用，Dreamweaver的综合运用。
【教学重点】
网站的.前期规划(文字、图片等素材的收集与整理及使用)，网站效果图的制作，网站的建立与网页的制作与编辑，网站的发布五测试。
【教学要求】
了解整个网站的建设流程。
理解制作工具(dreamweaver)的使用方法
掌握网站的制作过程及综合运用方法。
能够独立并完美地完成一个完整网站的建设工作。
7.教学模式、教学方法与手段
1、注意教学方法的灵活性，可组织学生案例教学，进行讨论、问题教学、阅读指导等。全部在实训室授课，提高学生的实践操作能力。
2、充分发挥学生的学习主观能动性。在本课程的教学过程中，注意训练学生的操作动手能力，引导学生理论联系实际，应用课本中的理论知识来解决实际操作问题。本课程的学习过程全部是基于生产过程中的教学过程。
8.课程实施课时安排
(一)课时安排与教学建议
一般情况下，每周四课时，约18周，合72课时。具体课时安排如下：
一、考核方式
本课程为考试科目，期末考试总分100分，包括以下三部分成绩：
建立过程考核与结果考核相结合的方法，强调过程考核的重要性。过程考核占60分，结果考核占40分。
1、过程考核
(1)自评、小组评价和教师评价相结合;采用绩效考核，首先学生进行自评，然后再进行小组评价和教师评价。
(2)考核点占分权重：个人作业完成情况(10%);实践操作技能(30%);学习态度(10%);团队合作精神(10%)。
2、结果考核
(1)自评、小组评价和教师评价相结合：对项目完成进行结果性考核，首先学生进行自评，然后再进行小组评价和教师评价。
(2)作品考核：项目结束要求每个小组提交全部作品及资料，根据完成情况进行考核。
(3)小组答辩：小组答辩实际上是各个项目小组对本小组学习情况及成果的总结、汇总和展示。小组答辩的内容包括小组组织过程、工作程序和步骤、学习成果与收获、取得的经验与教训、回答教师提问等。该项由老师给分。
(4)项目报告：报告包括项目描述、主要任务、设计流程、岗位技能及职责，每天的过程记录，以及项目完成后的个人总结等，每人提交一份，字数约2000字左右。该项由教师给分。
;
网页设计制作详细流程
分析如下：
1、首先下载安装Dreamweaver正规网站建设教学设计，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好正规网站建设教学设计的制作网页。
3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。
4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。
5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。
6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。
7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。
8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以正规网站建设教学设计了。
9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。
扩展资料：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
参考资料：百度百科：设计
中小学专题学习网站的设计
一、引言
随着Internet网络建设的迅速发展，特别是校园网络的广泛建立，开发建设基于Internet的多媒体学习资源具有重大意义。专题学习网站是在因特网的环境下，围绕某一专题进行较为广泛深入研究的资源学习型网站，专题学习网站在中小学教学的应用，充分体现了信息技术与课程整合的优势。本文将对专题网站建设的意义和设计策略结合扬州大学附属中学信息技术拓展专题学习网站对专题学习网站的设计开发做一探讨，并就专题学习网站如何有效地实施课堂教育教学结合课程实例作一阐述。
二、专题学习网站的定义
专题学习网站的本质是一个基于网络资源的专题研究、协作式学习系统，它通过在网络学习环境中，向学习者提供大量的专题学习资源和协作学习交流工具，让学习者自己选择和确定研究的课题或项目的设计，自己收集、分析并选择信息资料，应用知识，去解决实际问题。它强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。
三、专题学习网站的基本特征
专题学习网站通常包含以下四个基本内容：
（1） 专题知识部分是指通过收集整理与建设与本专题相关的文本、图片、动画等教学媒体，按一定的教学策略进行分类、组织，以网页形式制作专题网络教学课件。
（2） 专题资源库部分是指按有关的资源建设规范分类、整理与本专题相关的资源入库（例如学习工具（字典、词典、读音、仿真实验）以及相关资源网站的链接等，并提供良好的资源上传、下载、资源维护、资源检索、资源应用等资源管理与应用功能
（3） 专题学习应用工具部分指学习者提供能应用专题知识和专题资源进行网络学习的工具，这为协作学习的开展提供了有利的空间，学生可以利用“论坛”、“留言板”、“BBS”、“聊天室”等方式互相交流，并且也为教师与学生之间的沟通搭建了桥梁。
（4） 专题学习评价部分是指为学习者提供自我学习评测的手段，通过收集与学习专题相关的思考性问题、形成性联系以及总结性考察的评测资料，学生可以在线完成自我学习的评价。
专题学习网站是围绕某一专题进行详细而深入的资源建设，利用网站组织学习者对该专题进行全面的学习，并使用所提供的资源，在创设的情境下（如教学活动、各种问题情境以及虚拟实验，甚至游戏）分析信息、利用信息、培养学习者的观察思维能力，具有专题性、综合性、开放性、实践性的特点。
五、专题学习网站的设计
专题学习网站的包括选题、内容设计和系统设计几个步骤。
1．专题学习网站选题
选题网站的设计关键，主题的选择要体现专题的特点，可以涉及与中小学学习有关的学科知识、人文社会、自然科学等方面。专题学习网站不同于网络课程，课程在内容上有系统性、完整性、教学性，而专题内容相对具体，更加针对一项具体的知识内容，因此在选题时应注意以下原则
（1）选题上的教育性、科学性原则：专题是为教学服务的，要符合学习对象的特点，选题内容有一定的教育意义，突出学习中的重点，注意启发，促进思维，培养能力。选题内容正确、逻辑严谨，层次清楚，扩展资源内容健康、合情合理，突出专题特征。
（2）内容上的整合性原则：专题不只是单个知识点，它是具有相关知识特征的知识点的集合与延伸，所以选题要在专题范围内自成体系，各相关知识点要围绕专题设立，不仅仅局限于书本内容，允许在该专题涉及的范围内涵盖相关学科，体现了学科的整合。
另外，在选题时还要注意下面几个方面：
（1）专题要小而精。定位要小，内容要精，选择的题材涉及面可以很广，不要只是局限于学校的学科教学，但也要有所侧重，以实用为主。
（2）要有独特性，新颖性，只有专题网站要做出自己的特色来，才会有生命力。
2．专题学习网站的设计原则
（1）交互性原则：专题学习网站要有良好的交互性，及时对学生的学习活动做出相应的反馈。
（2）界面直观友好原则：网站界面要美观，符合学生的视觉心理；操作要简单，不需要大量的预备技能；提示信息要详细、准确、恰当。
（3）创新能力培养原则：知识创新和信息获取的能力是当代素质教育的核心，专题学习网站应采取多种教学策略，以便充分体现学生的认知主体作用，使学生在学习过程能进行积极的思考，而不是处于被动接受知识状态，从而在培养学生的创新能力和增强信息文化素养方面发挥应有的作用。
（4）科学性原则：专题网站中所要表达的知识要具有科学性，措辞要准确，行文要流畅，符合知识的内在逻辑体系和学生的认知结构。
（5）协作性原则：协作学习有利于高级认知能力以及合作精神的培养，而网络为协作学习提供了理想的环境，因此，专题学习网站要充分发挥这一优势，提供协作学习和协同工作的工具和网络空间。
（6）教学设计原则：要重视教学设计，即要注意分析学习者的特征、要分析教学目标和教学内容的结构、要设计符合学生认知心理的知识表现形式，设计能够有力地促进主动建构知识意义的学习策略。
六、专题学习网站建设的步骤：
确定选题
（1）选题要具有教育性、科学性、知识性、趣味性与整合性。
（2）选题要独特、新颖、定位准确。
（3）选题要发挥本身优势、教学试验与内容建设相结合。
专题结构化知识设计。
（1）标题
（2）专题内容（知识点）
（3）制作思路
系统结构的设计
（1）专题知识框架
（2）各部分内容的说明
网页界面的设计
工作任务列表分工
素材、资源的搜集和制作
制作工具的使用
自主学习的设计
协作交流的设计
学生评价系统的设计
网站评价的设计
七、专题学习网站的制作
目前各个学校专题学习网站的开发与设计，大部分都是由计算机教师完成的。由此而带来的弊端就是懂技术的教师不懂教学，懂教学的老师不懂技术。因此制作时必须由一线教师广泛参与网站建设，资源的整理、加工，素材的制作，制作相对简单的网页部分，计算机教师进行整合，已充分体现教师的教学思想。网站的资源建设，可采纳如下途径：
一线教师：收集资料，上传，下载符合专题的资源整理加工利用。
专业教师：围绕专题制作相关素材、课件。
购买:购买教育教学类素材。
制作时要选择或设计合适的网站源程序，制作富有个性的网站界面，学习资源的呈现要符合学生的认知规律，要按照专题内容的类型和学习者的特征，选择最合适的形式来表现专题内容。不能是资源的简单堆积，要对上传的资源适当加工，并建立合理的检索机制。其检索方式至少包括：关键字、作者、所属专题等.
正规网站建设教学设计的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于网站建设课程设计、正规网站建设教学设计的信息别忘了在本站进行查找喔。
