网页制作作业基础理论概述！

一、什么是静态的网站
    老师的作业明确规定：网页制作作业用静态页面制作，那什么是静态页面呢；在我们做网页作业

的时候，纯粹以HTML格式的网页被称为“静态网页”也可以说明静态页面；这个静态页面是对动态页

面来说的，没有数据库；不能交互，不加任何程序；我们在编辑的时候，看到的是什么，显示的就是

什么，不会有其它的变化；优点：加载相对会比较快；但因为所有的页面全部都是HTML格式的，维护

起来相当麻烦；只适用于很少页面的网站，对页面多的网站来说，使用动态网页和静态网页结合；才

是最好的选择；

二、什么时动态网页
    我们通常所看到的以.asp、.php、等，这些我们可以算成是动态网页，注意；不是看到.html的页

面就是静态网页；特别是在我们浏览的网站的时候，更不能这样认为，所以同样以.asp或以.php的页

面我们可以说成动态网页，但动态网页中可以全部是静态页面的内容；我们可以直接把.html的文件直

接改成.asp的文件完全可以运行，反过来不一定可以运行。目前主流的就是以.asp或以php来完成的网

站比较多；学校开设的以asp居多。所以学生的作业如果是动态网页基本是以asp写在，有时会附带

access数据库；

三、动态网页和静态网页的区别及联系

    联系：动态网页是在静态网页基本上形成的，可以说是静态网页中加了一些代码就形成了动态的

网页；
    优点：动态网页容易维护；网站中出现的相同的内容可以独立于一个文件调用，对后期的更改更

加方便；不需要像HTML页面一样，所有的页面全部都是独立的，各个文件互不影响；在修改HTML页面

的时候，每次的修改都需要用FTP上传下载，而动态网站可以直接以数据库为基本，进行修改，增加或

删除；同样，因为数据库的加入，动态网页每次被加载的时候，都会给服务器带来一定的负担；对服

务器的要求比较高；
    解决动态页面缺点：我们可以使用自动生成HTML代码；使我们的动态网页生成静态网页；

四、动画、js等算不算是动态网页
    不算；
     很多企业的客户会让为网站动的就是动态的网站，完全不是这个意思！动态网站的特点：交互性

；浏览者在不同的地区，会看到同一个页面不同的显示结果，可以使人于服务器沟通而得到浏览者想

的结果。相反静态网页是不能达到这个结果的，正因为有交互功能，所以动态网页才是WEB的主流；其

次动态网页的自动更新功能，网站维护人员只需要打开后台，上传就可以得到一些新的页面，对工作

量来说相比静态页面，那是大大的减少了。

五、制作网页的工具
    工具的选择，直接决定你的工作效率；同样的记事本也可以做出网页来，但如果我们使用

dreamweaver的速度决对不是记事本可以比拟的；所以记事一只是我们在学校为了容易使我们记忆代码

而使用的，网页设计爱好都决对不会使用记事本来做所有的网页；使用相辅助相成的工具会使我们的

能制作出更好的网页来
    1、图形图像制作工具——photoshop
    要想学习网页的制作，PHOTOSHOP这个是必须要学的，也是在学习网页制作之前就需要会的。网页

中如果只有文字会显得空洞，看着也会让人无味；就像做菜不放盐一样；我们在制作网页之前，应该

把我们想要做成的网页效果在PS中做出来，在PS中我们可以处理图片，处理文件的效果，图像是网页

中不可少的元素之一，处理图片更需要PS的合作，所以使用PS可以使网页更加精美；
    2、网站动画制作flash
     flash是交互性的多媒体动画制作软件，作为学生作业；我们不需要考虑它的交互性，只需要做

出简单的动画，图片、字的变化效果就可以了，当然也可以加入一些音乐，使动画更有创意；flash制

作的导航会更更精彩和更具动感！
    3、网页编辑工具——DW
    PS制作出来的只是图片，并不是真正的网页，想要在网页上浏览就需要使用网页编辑工具DW来编

辑排版；在DW中可以插入各种特效，也可以在DW中很容易的加动态的网页代码！dwI的站管管理很轻松

的帮助网页编辑人员快速的完成网页编辑工作；

六、一个网页制作的流程
    1、综合构思
     网页在没有做之前，一定要想好做什么样的网页，做网页的目地，内容；展现的形式；做到先思

后做，不要边思边做，更不要先做后思；
    2、收集素材
     开放性的网络使我们有大量的网页设计素材可选择；比如.JPG的图片。PNG的图片。还可以下载

一些PSD的文件来使用；
    3、使用photoshop设计好我们的网页
     这是必不可少的一步；我们把先前的构思及收集的素材通才PS，做成图片的形式展现出来，在PS

中修改我们不满意的地方是比较很容易的；做完后我们使用切片把我们所需要的网页素材切成小的图

片以供下面我们网页编辑来用；切完后保存成.html和图片格式的，这样所有的图片就会存放在一个

images的文件夹中；注意：存的时候请用英文名字，不要用中文；
    4、新建站点使用DW完成网站编辑工作
     所有的网站在没有做这前，我们都应该在DW中新建站点；以方便网页编辑工作；HTML可以直接浏

览，但动态网页就需要配置服务器来完成；学一通常使用ASP代码，所以只需要IIS服务器配置就可以

了；
七、在网站编辑工作中使用的排版方式

    1、表格的排版方式
    这也是最早期的排版方法，插入式就可以完成排版工作；简单，看到就是所得到的，注意的是，

表格的排怎么，不要将所有的内容都放在一个大的表格中，网页加载的原理是，一个表格中的内容全

一次性加截，如果一个网页一次性显示出来，会给你的感觉比较慢。把网页的内容分成不同的表格，

加截就会相对的快速；
    2、CSS+DIV的排版方式
    目前流行的排版方式；也是老师要求必做的一点；使用CSS+DIV排版需要注意的是各个游览器的监

容，这也是最难以实现的，特别是在各种特效的情况下；