网页设计与制作(网页设计与制作知识点)
发布网友
发布时间：2024-09-17 06:22
共1个回答
热心网友
时间：2024-09-28 23:17
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
网页设计与制作学什么
网页设计与制作学前端设计和后端开发。
以前会Photoshop和Dreamweaver就可以制作网页。随着时代的发展，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端设计师才能做好，这方面的专业人才近两年来倍受青睐。Web前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。
通常情况下用户所看到的软件应用程序只是其中的一小部分，也就是说有一大部分的应用程序是看不到的。这部分我们在使用软件时看不到的这一大部分，就是我们常说的后端。
在大多数应用中，非用户接口代码比用户接口代码多得多。复杂系统是在后台发生的各种使其工作的逻辑。需要存储和检索数据，需要遵循业务逻辑和规则，并且需要对结果进行预测。所有这一切都发生在幕后。这些幕后的工作就是后端开发，而从事这项工作的人，就是后端开发人员。
网页设计课程网页设计课程
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字左右。该项由教师给分。
;
热心网友
时间：2024-09-28 23:22
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool3d、GifAnimator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
网页设计与制作学什么
网页设计与制作学前端设计和后端开发。
以前会Photoshop和Dreamweaver就可以制作网页。随着时代的发展，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端设计师才能做好，这方面的专业人才近两年来倍受青睐。Web前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。
通常情况下用户所看到的软件应用程序只是其中的一小部分，也就是说有一大部分的应用程序是看不到的。这部分我们在使用软件时看不到的这一大部分，就是我们常说的后端。
在大多数应用中，非用户接口代码比用户接口代码多得多。复杂系统是在后台发生的各种使其工作的逻辑。需要存储和检索数据，需要遵循业务逻辑和规则，并且需要对结果进行预测。所有这一切都发生在幕后。这些幕后的工作就是后端开发，而从事这项工作的人，就是后端开发人员。
网页设计课程网页设计课程
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字左右。该项由教师给分。
;
