个人网页设计与制作教程（网页设计与制作（个人主页）

本文目录

• 网页设计与制作（个人主页
• 网页设计与制作_网页设计与制作教程
• 网页设计与制作怎么学
• 怎么学习网页设计与制作
• 网页设计课程
• 网页设计制作详细流程
• 网页设计与制作实用教程的介绍

网页设计与制作（个人主页

网页设计与制作的实际需要出发，全面、系统地介绍网页设计与制作的基础知识、网页软件DreamweaverCS4、网页图像处理软件FireworksCS4和网页动画制作软件FlashCS4等内容，还提供了一个完整的网站规划、网页设计与制作的实例

全书共分6章

第1章介绍了网页设计涉及的基本概念、网站开发的技术层面及工具，并提供了一些典型的网页实例，使学习者具备一定的网页设计知识

第2章重点介绍HTML语言和JavaScript语言，使学习者能够掌握两种语言的代码使用方法，并能根据网页开发的需要，合理使用这些语言

第3章、第4章和第5章分别介绍了网页软件DreamweaverCS4、网页图像处理软件FireworksCS4和网页动画制作软件FlashCS4的基本使用方法和综合实例

第6章以一个完整的网站为例，详细介绍了网站规划、各页面的设计和页面制作的具体过程，其目的是通过实例的学习，综合运用所学知识设计并制作出精美的网页

网页设计与制作_网页设计与制作教程

网页设计一般包含整站网页视觉方案，提供PSD或PNG格式的主要页面预览图，高级一点的还会给出标准配色表，风格设计指南（内含一般性风格设计规格：设计理念，留白间距，按钮样式，使用场景）等附件。

大公司一般还有交互设计师，主要关注人机界面的易用性和用户友好性。

前端开发负责将网页设计和互动设计的方案转换为可工作的HtmlCssjs文件。

最后就是程序将网页做活。

网页设计与制作怎么学

网页设计与制作的学法如下：

网页设计与制作学前端设计和后端开发。

以前会Photoshop和Dreamweaver就可以制作网页。随着时代的发展，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。

Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端设计师才能做好，这方面的专业人才近两年来倍受青睐。Web前端开发是一项很特殊的工作，涵盖的知识非常广，既有具体技术，又有抽象的理念。简单地说，它的主要职能是把网站的界面更好的呈现给用户。

通常情况下用户所看到的软件应用程序只是其中的一小部分，也就是说有一大部分的应用程序是看不到的。这部分我们在使用软件时看不到的这一大部分，就是我们常说的后端。

在大多数应用中，非用户接口代码比用户接口代码多得多。复杂系统是在后台发生的各种使其工作的逻辑。需要存储和检索数据，需要遵循业务逻辑和规则，并且需要对结果进行预测。所有这一切都发生在幕后。这些幕后的工作就是后端开发，而从事这项工作的人，就是后端开发人员。

怎么学习网页设计与制作

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 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

***隐藏网址***

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

网页设计与制作实用教程的介绍

《网页设计与制作实用教程》主要介绍了Macromedia公司最新推出的网页设计软件Dreamweaver 8、Web动画制作软件Flash 8和Web图像处理软件Fireworks 8，同时在附录中列出了这3个软件在使用过程中的常见问题及操作技巧。