静态网页设计专业实训总结报告.doc

静态网页设计专业实训总结报告 前言 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针DREAMWEAVER对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页器的发展过程，随着互联网(Inter)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页器，从网页器基本性质可以分为所见即所得网页器和非所见即所得网页器（则原始代码器），两者各有千秋。所见则所得网页器的优点就是直观性，使用方便，容易上手，您在所见即所得网页器进行网页制作和在WORD中进行文本不会感到有什么区别，但它同时也存在着致命的弱点。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“代言人”。 1对静态网页设计的认识 1.1网页设计介绍 从文件的角度来说，一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后，在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容，为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序，只有HTML代码，一般以.html或.htm为后缀名的网页，静态网站内容不会在制作完成后发生变化，任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合，是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站，是指带有一定主题的多个网页集合；对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页，即网站的第一个页面。动态网页是指网页文件不仅具有HTML标记，而且还含有程序代码，并使用数据库连接。动态网页能根据不同的时间，不同的来访者显示不同的内容，动态网站更新方便，一般在后台直接更新。 1.2网页设计及网页布局技术 网页是构成网站的基本元素。一个网页是否精彩与网页布局有着重要关系。常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型等。其他类型的有：标题文本型，封面型，Flash型，框架型。可以用表格的形式讲一个页面分成几个单元格，通过单元格的合并拆分，对网页进行布局，单元格就相当于是一块纸，在纸上写的东西单元格里都可以容得下。通过设置单元格的长宽对页面进行布局。框架对网页进行布局有很多优点网页结构清晰，易于维护和更新。方便用户浏览网页，采用滚动条，可节省页面空间，使网页风格保持统一；CSS作为网页设计中的一种重要技术，具有以下优点：，表现和内容相分离，提高页面浏览速度，易于维护和修改，应用apdiv创建网页，网页清晰，易于分块。应用表单创建网页，应用行为创建网页。 1.3静态网页设计的技术要点 用框架对网页进行布局时有很多缺点：网页内容无法被大多数搜索引擎搜索到，不被低版本浏览器支持，样式陈旧，无法满足个性化设置，难以实现不同框架中各元素的精确对齐。在网页设计过程中使用CSS样式表，主要有以下两种方式，内部CSS样式表，外部CSS样式表，应用库创建网页时：对于站点访问者和开发人员而言，使用交互式网页.具有更多用途，使访问者可以快速方便地在一个内容丰富的网站上查找信息，后台管理者可以收集、保存和分析站点访问者提供的数据，后台管理者可以对内容不断变化的网站进行更新。静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”;网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;静态网页的内容相对稳定