网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

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

扩展资料：

网页设计

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

风格

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

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

色彩搭配

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

网页配色小技巧：

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

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

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

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

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

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

参考资料：百度百科：设计

制作课件的软件有哪些？

一、PowerPoint

微软公司出品的制作幻灯片的软件，此软件制作的电子文稿广泛地应用于学术报告，会议等场所，有好多教师也在用此软件制作课件，就此软件来说，他的优点是做课件比较方便，不用多学，很容易上手，制作的课件可以在网上播放（当然客户端必须安装有此软件或者课件已经打包）但就其功能来说就差一点，他只能出现一些图片、视频、文字资料，起到资料展示的作用，交互方面比较缺乏，现在的OFFICE XP里包含的POWERPOINT虽然已经改变了很多，但用起来比较有限，只能做一些简单的按钮、区域交互。打包以后的文件对里面的资料一般不加压缩，所以如果资料大，文件就大。引用外部文件比较有限，并缺乏控制。

二、Authorware

Authorware是Macromedia公司推出的多媒体开发工具，由于它们具有强大的创作能力、简便的用户界面及良好的可扩展性，所以深为广大用户的欢迎，成为应用最广泛的多媒体开发工具，一度被誉为多媒体大师，现在的版本已经发展到7.0，用户比较多，广泛用于多媒体光盘制作等领域，教师用些软件来进行课件制作的人数也比较多。此软件的主要特点是：Authorware是基于图标（Lcon）和流线（Line）的多媒体创作工具，具有丰富的交互方式及大量的系统变量的函数、跨平台的体系结构、高效的多媒体集成环境和标准的应用程序接口等。可用于制作网页和在线学习应用软件。如果变量函数用得好的话，可以用他来开发一些小的应用软件。我用过一段时间，他的交互比较强大，就是不会编程也可以做出一些交互好的课件。唯一让我感到不好的地方就是做起动画来比较困难，如果不借助其他的软件，做一些好的动画来说是根本不可能的（毕竟不是专业的动画制作软件），虽然有很多插件，但打包以后还要带着走，所以对于制作一些生活有趣的课件有一些困难。另一个就是打包后的文件比较大，不利用传播。

三、Director

Director是Macromedia公司推出的多媒体开发工具，是全球多媒体开发市场的重量级工具，据统计，它在美国专业CDROM开发市场占据85%以上的份额。它不仅具备直观易用的用户界面，而且拥有很强的编程能力（它本身集成了自己Lingo语言），全称是：Macromedia Director Shockwave Studio，目前最高的版本为Directo MX（也就是9.0）。主要定位于CDROM/DVDROM（多媒体光盘）的开发。用Director制作多媒体动画，无论是演示性质的还是交互性质的，都显出其专业级的制作能力和高效的多媒体处理技术。图象，文本，声音，动画等等这些多媒体元素，在Director中都可以非常方便而有机的结合起来，创造出精美的动画。因为非常专业，所以教师用此软件制作课件的不多，我也见过几个，非常漂亮，交互也比较好。特点：帧动画与编程相结合的多媒体编制软件，用帧可以做出很多漂亮的动画，有Lingo语言可以编出你想要的交互，引入的外部的多媒体元素非常丰富。可是生成的文件比较大，在网络传输方面做得还不是很理想。对于初学者来说，用他来做课件比较困难，说实在话我非常喜欢这个软件，也正在学，对于Lingo语言我还是一知半解。（我实在是非常的笨）

四、FLASH

FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！（因为我们学它，所以我多讲一些了）

FLASH的特点

1. 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。

2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。

3. 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。

4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。

总之：做动画非常漂亮，你是知道的，也看过的，做交互非常多，你用过的，也玩过的（FLASH游戏等），做网页非常酷，现在你感觉得到，将来你会看到很多，做课件非常小，而且生动、交互好、文件小、利于网络传播等，我觉得最好的就是它可以与网页的脚本联系，做出功能强大的大型学习网站。

总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向，现在有好多做课件的老师正在加入到FLASH这个行列来，在今后，我相信会有更多的老师加入到我们中间来。面对这么不可多得的设计工具，你还等什么，赶快加入Flash的行列吧！

五、方正奥思等其他软件

我还接触到一些国产的课件制作软件，象方正奥思，这些软件主要是立足于课件制作的多媒体制作软件，就其功能来说，比较单一，还需要不断完善，操作方面也各有特点，有的象POWERPOINT一样用版块架起来的，有的是基于线程基础上的，但用下来，总觉得烦锁。

说到底，一句话，一切为了孩子。只要做出来得课件好，能为教学服务，能达到很好的教学效果就行，不管是用什么软件做的都行。

就我个人来说，比较钟爱flash，不是因为它做出来的课件生动小巧，而是因为用它可以搭建一个个人的素材库，也可以用它来建设一个网络形式的积件库。在今后的学习里我将给大家讲讲如何利用flash来做。

网络课件设计的原则有哪些

网络课件的设计原则

符合教学目标

简单直观

体现教学理念

我想用FrantPage 2003 自学网页制作，有什么好的自学课件吗？

首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。

建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。推荐一个教程地址，有空可以去看看，

三、制作

开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 .

四

一、首先确定你要制作的网页的主题，就是你建这个网站的内容是什么（注：网站和网页的关系与区别就好比一本书和其中的一个页面的关系）；

二、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；

三、选择制作网页的工具软件，常见的有dreamweaver和office组件里面的frontpage，如果你是初学者，哪我建议你使用frongpage,因为这个软件的入门比较简单（当然功能也很强大），如果你会使用word的话，哪就可以很快作出网页的，如何你想作专业的网页制作人员，哪我建议你使用dreamweaver，目前的版本是XM，我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾代码，并且支持各种代码的性能很好，基本上各种代码可以直接编辑。

四、如果你作好了页面，就需要考虑你的网页放到什么地方发表，也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用（有发布空间的标志是你有了FTP账号，这个需要申请）。

五、找到发布空间以后，你需要把自己的网页上传到你的发布空间，这个需要一个上传软件，我推荐使用ACEFTP，这个软件体积小，速度快，注意我发现这个软件的2.0中文版不能够正确使用，我建议使用1.31版。

六、制作网页需要的其他相关软件：ACDSEE,这个是查看图片的最好软件，也可以对图片作简单的处理，目前的版本是4.0，网上很多地方可以下载；另外如果你对图片需要复杂处理的话，哪最好选择使用PHOTOSHOP，目前的版本是7.0，也有中文补丁，使用起来很方便，当然，这个软件的学习使用相对是比较难点的。

7、使用层的时候最好定义为div标签而不是layer，因为前者在两种主流浏览器都有很好的兼容性。

8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画出直线。

9、当我们将框架结构建立好后，可以将此框架体文件和Site窗体并排放置，然后从Site中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页面。

10、如果对一张图片不满意，想更换另一张，最简单的方法双击此图片，直接选择要替换的图片即可。

11、在预览网页之前最好先保存一下，有时候在不能正确预览网页，而存一下就可能会解决这个问题。

12、如果你的页面中使用了CSS或是Java Applet，最好不要使用“file-convert-3.0 browser compatible”命令，因为这一选择会把所有3.0 浏览器不认识的定义都抹去。最可怕的是我们不知道在这个过程中Dreamweaver 到底做了什么，具体发生了那些变化。而且要提醒你，对一批页面执行此操作时，一定要先备份，否则可没地方买后悔药。

五---资源

1. 水晶情缘--网页特效专家 2006 情人节特别版

这个软件是专为那些想在网上安家而苦于制作网页特效源

2. 网建博士 1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

3. 网页背景选择器 2.5.1

当您制作网页时，您是否为了在大量素材中选一张背景，每每都要用看图软件查看--修改网

4. Animagic GIF Animator 1.22

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

5. Animagic GIF Animator 1.22 汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，也支持拖曳功能，它不仅支持gif

6. Macromedia Authorware V7.0

先进丰富的视音频、可视媒体集成制作解决方案，可用于制作网页和在线学习应用软件

download.21cn.com/list.php?id=31900

7. Picture2Web 2.3.1

用来制作网页电子相簿的好工具

download.pchome.net/design/homepage/9539.html

8. SCP Button Magic 4.0

专门制作网页广告横幅和按钮的软件

download.pchome.net/design/webpic/2138.html

9. Animagic GIF Animator V1.22

一个很好用的制作网页动画的软件，它提供了六种特效，

10. Magic Gallery 4.5

一款制作网页照片集以及其缩略图的软件

download.pchome.net/design/homepage/17444.html

11. Animagic GIF Animator 1.22

一个很好用的制作网页动画的软件

download.pchome.net/design/animation/633.html

12. Banner Maker Pro V4.0.0.1 汉化版

是一套制作网页横幅广告及按钮软件。特点包含：可以调

13. Banner Maker Pro V6.0.6

是一套制作网页横幅广告及按钮软件。特点包含：可以调

14. Animagic GIF Animator V1.22 汉化补丁

一个很好用的制作网页动画的软件，它提供了六种特效，

15. Mapedit 3.16

制作网页Image Maps的工具

download.pchome.net/development/html/13659.html

16. Banner Maker Pro 6.0.6

是一套制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色

17. GIF Dispenser 1.0

是一个快速制作网页动态GIF图片的好工具

download.pchome.net/design/animation/923.html

18. 自助建站专家 5.0

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要会用

19. 酷网宝典(CoolWEB) 2.0

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作三大类效果：特殊层效果，动态

20. 下雨天网页特效王 RD2.0

制作网页的好帮手,大量的特效代码

download.pchome.net/development/html/17686.html

21. Macromedia Contribute 3.11

Macromedia出品的全新概念网页设计工具，可以将网页编写程序化繁为简,制作网页,现在就

22. 酷网宝典(CoolWEB) V2.0

酷网宝典(coolweb)是用于制作网页特效的软件。能够制作

23. Button Magic V4.0

专门制作网页广告横幅和按钮的软件，可存成 BMP、JPG

24. Liatro Button Maker V2.2

Liatro Button Maker 是一套专门制作网页按钮的绘图软

25. Mapedit V3.16

制作网页Image Maps的工具，小巧、使用方便。

26. 网建博士 V1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任

27. GIF Dispenser 1.0

是一个快速制作网页动态GIF图片的好工具，使用者只要移动操作视窗上的浮标组，来调整

28. Reptile V3.0

所视即所得的背景制作软件，制作网页背景再也不需要求

29. GIF Dispenser V1.0

是一个快速制作网页动态 GIF 图片的好工具，使用者只要

30. 网建博士 V1.01

不懂制作网页的专门技术，不懂网页编程技术，不需要任何专业背景知识，任何人只要

download.21cn.com/list.php?id=24329

31. MapEdit V3.05 汉化版

制作网页Image Maps的工具，小巧、使用方便。 本

32. 网页特效王 Beta 1

制作网页特效的得力助手,正在进一步开发中

33. MapEdit 3.16

小巧但是使用方便的制作网页ImageMaps的工具!

34. Picture2Web V2.3.1

Picture2Web 是一个用来制作网页电子相簿的好工具。它

35. Banner Maker Pro V6.0.1

制作网页横幅广告及按钮软件。特点包含：可以调整看板及按钮尺寸、选择背景颜色、

download.21cn.com/list.php?id=10850

36. Button Magic 4.0

专门制作网页广告横幅和按钮的软件，可存成BMP、JPG和GIF格式。

37. Magic Gallery 4.5.13

MagicGallery是一款制作网页照片集以及其缩略图的软件，可以方便的调节图片尺寸。

38. Magic Gallery V4.5.13

Magic Gallery 是一款制作网页照片集以及其缩略图的软

39. 下雨天网页特效王 RD2.0

制作网页和好帮手，该软件包含了大量的javascript特效和vbscript特效。你只需简单

download.21cn.com/list.php?id=42907

40. BSCOutline Tutorial V5.10

用来制作网页上的Java applet导航条，类似于文件管理器

网络课件设计做什么的

什么是网络课件？在网络环境下，为完成教学活动所需要而制作和组织的一件或一组数字化教学材料，其中可以（但不一定）包括单机课件。

网络课件设计的主要内容:1、分析学科内容，学习需求和学习对象。进行课件结构设计，导航设计及功能界面设计。2、进行学习目标设计和学习环境设计。3、完成课件布局，课件用语，表现媒体和交互方式的设计。4、辅助开发和制作简单课件。5、分析网络课件开发和技术开发的环境，编写网络课件开发的技术要求。6、组织和管理网络课件开发项目。7、对网络课件进行功能测试和系统测试。8、评价网络课件的质量。