课程平台制作流程ppt课件

1、精品课程建立流程阐明会主讲人：杨一1网站建立与维护兴趣组培训一、网页和网站的关系2二、网站制造的流程三、如何发布网站1、什么是网页2、网页的定义3、网页的构成4、网页的分类5、网站制造的相关工具目录3一、网页和网站的关系什么是网页？网页(web page)，是网站中的一页，通常是HTML格式文件扩展名为.html或 .htm或 .asp或 .aspx或 .php或 .jsp等。网页的定义网页是构成网站的根本元素，是承载各种网站运用的平台。通俗的说，您的网站就是由网页组成的。假设您只需域名和虚拟主机而没有制造任何网页的话，您的客户仍旧无法访问您的网站。网页的构成文字与图片是构成一个网页的两个最根

2、本的元素。他可以简单的了解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、视频、程序等等。文字资料图像档案Applet在页面内执行的副程式超链结网页的合成体为网站。目录4一、网页和网站的关系网站的分类？编程言语分类：asp网站、php网站、jsp网站、Asp. net网站等； 用途分类：门户网站综合网站、行业网站、文娱网站等； 功能分类：单一网站企业网站、多功能网站网络商城等。 持有者分类：个人网站、商业网站、政府网站、教育网站等。 商业目的分类：营利型网站行业网站、论坛、非营利性型网站企业网站、政府网站、教育网站目录5制造网站的相关工具？Dreamwea

3、ver：用与编辑HTML、ASP、JSP、PHP、javascript时的辅助工具。FLASH：网页需求画面流动时的首选择。Photoshop：图象处置软件，普通网页都需求有图片相搭配，Adobe Photoshop是款很强大的工具。Aspmao：用于快速调试ASP网站程序的运用工具。Flashfxp：发布网站的主要工具之一。一、网页和网站的关系1、确定网站的主题2、确定网站的配色方案3、整理网站素材和内容4、制定网站栏目和规划5、谋划网站并制造网页及调试目录6二、网站制造的流程目录62.1 确定网站的主题 确定网站的主题,普通来说是确定网站的类型，如个人网站、新闻网站、游戏网站、房产网站、教

4、育网站等，不同的网站，其确定的主题都有一定的归属，网页制造者设计网页创建网站时，都应该根据网站的类型来制造。主题是目的、内容是根本，一个胜利的网站在内容方面必需紧扣在主题的范围之内，才干不脱离网页设计和制造的技术轨道。所以，确定网站的主题是制造网页、创建网站的第一步，也是网站制造的关键。确定网站的主题可以从以下几方面来定位：1主题定位要准确2主题要小而精3题材最好是本人擅长或者喜欢的内容4题材不要太滥或者目的太高目录62.2 确定网站的配色方案 颜色搭配既是一项技术性任务，同时也是一项艺术性很强的任务，因此，设计者在设计网页时除了思索网站本身的特点外，还要遵照一定的艺术规律，从而设计出颜色鲜明

5、、风格独特的网站。以下是一些颜色搭配的方法和技巧： 2.2.1网页颜色搭配的原理2.2.2网页颜色搭配的技巧2.2.3网页颜色如何分配目录62.2.1 网页颜色的搭配原理颜色选用，是展现网站的风格的重要手段之一。要学习颜色的选用，首先要了解黑白灰颜色的运用，由于黑白灰是万能色，可以跟恣意一种颜色搭配。当运用者为某种颜色的搭配苦恼的时候，不防试试用黑白灰。或者当运用者觉得两种颜色的搭配不协调时，试试参与黑色或者灰色，或许会收到意想不到的效果。对一些明度较高的网站配以黑色，可以适当地降低其明度。白色是网站用的最普通的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。 这就是留白艺术

6、。很多设计类网站会较多的运用此种方式。留白，给人一个遐想的空间，让人觉得心境酣畅。恰当的留白对于协调页面的平衡起到相当大的作用。对于颜色搭配要留意以下几点：颜色鲜明：网页的颜色要鲜明，容易引人注目。颜色独特：要有与众不同的颜色，或是点睛之笔，使得大家对网页的印象剧烈。颜色适宜：颜色和想表达的内容气氛相适宜、协调。颜色联想：不同颜色会产生不同的联想，蓝色想到天空，黑色想到黑夜，严肃，红色想到喜事等，选择颜色要和网页的内涵相关联。总之一切颜色调和, 都离不开色轮，色轮 是搭配颜色的根本工具。目录62.2.1 网页颜色的搭配原理色 环色环是颜色按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色，就可

7、以得到一个颜色环。色环通常包括12种不同的颜色。十二色相环每一色相间距为30度。 原色：也叫三原色。即红、黄、蓝三种根本颜色。自然界中的颜色种类繁多，变化丰富，但这三种颜色却是最根本的原色，原色是其他颜颜色配不出来的。除白色外，把三原色相互混合，可以调和出其他种颜色。根据三原色的特性做出相应的颜色搭配，有最迅速最有力最剧烈的传达视觉信息效果。 间色：又叫二次色。它是由三原颜色配出来的颜色，是由2种原颜色配出来的。红与黄调配出橙色；黄与蓝调配出绿色；红与蓝调配出紫色，橙、绿、紫三种颜色又叫间色。在调配时，由于原色在份量多少上有所不同，所以能产生丰富的间色变化。 复色：也叫“复合色。复色是由原色与

8、间色相调而成的“三次色，复色是纯度最低，含灰色成份。复色包括了除原色和间色以外的一切颜色。将一种原色和一种二次色组合， 可得到一种三次色红+橙朱红 橙+黄琥珀 黄+绿黄绿绿+蓝碧绿 蓝+紫靛青 紫+红紫红目录62.2.1 网页颜色的搭配原理 补色：是广义上的对比色。在色环上划直径，正好相对即间隔最远的两种颜色互为补色。如：红色是绿色的补色；橙色是蓝色的补色；黄色是紫色的补色。补色的运用可以呵斥最剧烈的对比。 临近色：是在色环上任一颜色同其毗邻之色。临近色也是类似色关系，只是范围减少了一点。例如红色和黄色，绿色和蓝色，互为临近色。 同类色：比临近色更加接近的颜色，它主要指在同一色相中不同的颜色变

9、化。例如，红颜色中有紫红、深红、玫瑰红、大红、朱红、桔红等等种类，黄颜色中又有深黄、土黄、中黄、桔黄、淡黄、柠檬黄等等区别。它起到颜色调和一致，又有微妙变化的作用。 暖色：指的是红、橙、黄、这类颜色。暖色系的饱和度越高，其暖和特性越明显。可以刺激人的兴奋性，使体温有所升高。 冷色：指的是绿、青、蓝、紫等颜色，冷色系亮度越高，其特性越明显。可以使人的心境安静，清新，恬雅 目录62.2.1 网页颜色的搭配原理 间色：间色是由三原色中的两原颜色配而成的，因此在视觉刺激的强度相对三原色来说缓和不少。属于较易搭配之色。间色虽然是二次色，但仍有很强的视觉冲击力，容易带来轻松、明快、愉悦的气氛。目录62.2

10、.1 网页颜色的搭配原理 复色：复色是由两种间色或原色与间色混合而成，因此色相倾向较微妙、不明显，视觉刺激度缓和，假设搭配不当，页面便呈现易脏或易灰朦朦的效果，沉闷、压制之感，属于不好搭配之色。但有时复色加深色搭配能很好的表达奥秘感、纵深感空间感；明度高的多复色参看明度的网页例图多用来表示安静柔和、细腻的情感，易于长时间的阅读。 目录62.2.1 网页颜色的搭配原理 补色：补色最能传达剧烈、个性的情感。纯度稍低的绿色为背景的大面积运用，对比并突出了前景纯度明度较高的、面积较小的红色图形，构成了视觉中心重点突出，到达主次清楚的主题效果。红绿、橙蓝、黄紫这三组补色中，前两种运用得最频繁。这三组补色

11、搭配出的最终效果和目的，可以用两个字来概括剧烈！ 目录62.2.1 网页颜色的搭配原理 临近色：由于是相邻色系，视觉反差不大，一致、调和，构成协调的视觉韵律美，相较显得安定、稳重的同时不失活力，是一种恰到益处的配色类型。 目录6 同类色：第一眼看上去给人温顺、雅致、安宁的心思感受，便可知该组同类色系非常调和一致。只运用同类色系配色，是非常谨慎稳妥的做法，但是有时会有单调感。添加少许相邻或对比色系，可以表达出页面的活泼感和强度。 2.2.1 网页颜色的搭配原理目录62.2.1 网页颜色的搭配原理 暖色：高明度高纯度的颜色搭配，把页面表达得艳丽夺目，有非常剧烈刺激的视觉表现力。充分表达了暖色系的饱

12、和度越高，其暖和特性越明显的性格。 目录62.2.1 网页颜色的搭配原理 冷色：冷色系的亮度越高，其特性越明显。单纯冷色系搭配视觉感比暖色系温馨，不易呵斥视觉疲劳。蓝色、绿色是冷色系的主要系，是设计中较常用的颜色，也是大自然之色，带来一股清新、祥和安宁的空气。 目录62.2.2 网页颜色的搭配技巧首先，一个网站假设只运用一种颜色，会让人觉得单调、乏味；但是假设将一切的颜色都运用到网站中，也会适得其反，让人觉得轻浮、花哨。一个网站必需有一种或者两种主题色，所以确定网站的主题色是设计者必需思索的问题之一。在网页设计上，一个页面尽量不要超越4种颜色，用太多的颜色会让人觉得没有偏重。当主题色确定以后，

13、思索其他配色时，一定要思索其他配色与主题色的关系，要表达什么样的效果。另外要思索哪种要素占主要的位置，是明度、纯度还是色相。以下是几种快速找到网页颜色搭配的最正确方案：运用同一色系这里是指选定一种颜色，然后调整透明度或者饱和度，产生新的颜色，用于网页的不同位置，这样的页面看起来颜色一致，又有层次感。巧用对比色先选定一种颜色，然后选择它的对比色，并调整一下饱和度找一款调和的对比色，使整个页面颜色丰富但不花哨。运用相近色简单的说就是用一个觉得的颜色，例如淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。用黑、白或灰搭配一种颜色黑、白或灰色根本可以和任何一种颜色相搭配，不会让人觉得突兀，让人觉得比较调和。有时

14、候又可以配出很“跳的觉得，如黑色背景配红色的文字。在网页中，有以下忌讳：网页中的颜色要控制在四种以内；背景和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景。目录62.2.2 网页颜色的搭配技巧同一色系色环上45度以内的2个颜色就是同类色取任何一种颜色加黑加白或加灰，而构成的颜色，所构成的一系列色系称为同色系。它们色相的性质一样。但色度有深浅之分。同色系在配色上是一种稳定，温暖的组合，其特点是主调柔和含蓄、有亲和力、有层次感。目录62.2.2 网页颜色的搭配技巧巧用对比色在色相环中处于120度到150度之间的任何两个原色，它们对比剧烈，对比色在运用中给人以活泼、明快的觉得。能使颜色到达最鲜明

15、的程度，并产生剧烈的刺激感。目录62.2.2 网页颜色的搭配技巧运用相近色色环上90度以内的2个颜色就是相近色通常色与色之间是他中有我，我中有他。 虽然在色相上差别很大，但在视觉上却比较接近，色与色之间可以很好的相互交融，展现调和的效果 。目录6黑、白或灰搭配一种颜色2.2.2 网页颜色的搭配技巧黑色：深沉，严肃，具有奥秘之感，灰色：高雅，简朴，使人有现实感，白色：明快，无瑕，表纯真之感目录62.2.3 网页颜色如何分配背景和文字LOGO和BANNER导航、小标题链接颜色的设置(假设是企业网站，而且该企业又有本人的视觉识别系统，普通会要求用本企业的VI系统颜色来定义网站的主、辅颜色。)目录62

16、.3 整理网站的素材和内容网站内容的电子文档网站所需的图片网站栏目的大体规划企业的LOGO企业标志(假设是企业网站，上述资料客户都会事先预备好，交给相关业务人员，再由业务员转交给网站设计师。)目录62.4 制定网站栏目和规划根据网站要求确定网站栏目( 普通情况下业务人员会提早和客户制定好) 常用的几种网页规划方式上下规划构造左右规划构造左中右规划构造半包围规划构造网站拓扑图目录62.4 制定网站栏目和规划上下规划构造目录62.4 制定网站栏目和规划左右规划构造目录62.4 制定网站栏目和规划左中右规划构造目录62.4 制定网站栏目和规划半包围规划构造目录62.5 谋划网站并制造网页及调试确定主

17、题决议网页风格网页规划制造的技巧向规划完成的表格中添加内容网页的制造过程中的调试草图实践效果3.1、恳求域名、空间3.2、上传网站内容3.3、输入网址，阅读网站内容目录6三、如何发布网站目录63.1 恳求域名、空间假设网页制造完了，就去互联网域名空间效力商的网站上恳求他本人的域名和空间，当然这是要付费的。假设是个人网站的话，也可以恳求免费的空间和免费的二级域名。恳求完后空间效力商会给他一个IP地址，就是他本人的效力器IP，还有他本人为该网站恳求的用户名和密码。收费空间：中国万网 新网 数据中国 等免费空间：3v 等目录63.2 上传网站内容需求Ftp软件，这里我们用flashfxp工具，这是一款功能强大的FXP/FTP软件，集成了其它优秀的FTP软件的优点，支持目录和子目录的文件传输，删除；支