网页设计基础

•分析网页的构成元素

•1．文本      2．图像  3．超链接  4．表格
•5．表单  6．Flash动画  7．框架

·静态网页和动态网页

静态网页是指全部由HTML代码格式实现的网页，其所有内容都包含在网页文件中。静态网页上也可以出现各种视觉动态效果，如GIF动画、FLASH动画、滚动字幕等。静态网页的内容是固定不变的，如果需要更新内容，必须重新进行设计。静态网站由网页设计师负责设计，和开发人员无关。

动态网页并不是指具有动画功能的网页，而是指网页的内容能够根据不同情况进行动态变更。一般情况下，动态网页通过数据库进行架构。动态网页除了要设计网页外，还要通过数据库和编程来使网页具有更多自动功能和高级功能。

•    几个常用的 Web 概念

• （ 1 ）万维网（ WWW ）

• （ 2 ）超文本传输协议（ HTTP ）

• （ 3 ）统一资源定位符（ URL ）

• （ 4 ）网络域名

• 网站的通用制作流程

• （ 1 ）初始商讨

• （ 2 ）需求分析

• （ 3 ）综合内容

• （ 4 ）布局，设计页面

• （ 5 ）测试

•   网页设计流程

• （ 1 ）整体布局

• （ 2 ）准备素材资料

• （ 3 ）规划页面布局

• （ 4 ）插入素材资料

• （ 5 ）添加页面链接

• （ 6 ）页面美化

• 发布站点

• 发布站点的具体操作流程如下所示。

• （ 1 ）申请域名：选择合理、有效的域名。

• （ 2 ）选择主机：根据站点的状况确定主机的方式和配置。

• （ 3 ）选择硬件：如果需要自己的站点体现出更为强大的功能，可以配置特定的设备产品。

• （ 4 ）软件选择：选择与自己购买的硬件相配套的软件，如服务器的操作系统和安全软件等。

• （ 5 ）网站推广：充分利用搜索引擎和发布广告方式对网站进行宣传。

• 网站制作完成后，还需要进行维护。和传统产品一样，设计师们也需要做一些售后服务工作，也就是及时对网站进行“修修补补”。

• CSS 布局标准

• 1 ．传统页面布局

• 传统的页面布局方法是使用表格（ table ）元素，其具体实现方法如下所示。

• （ 1 ）根据需要，使用 table 元素的单元格将页面划分为不同区域。注意，单元格内可以继续嵌套其他表格内容，并可以随意添加 .

• （ 2 ）利用 table 元素的属性来控制内容的具体位置，如 algin 和 valgin 。

• 2 ．标准布局

在 Web 标准布局页面中，表现部分和结构部分是各自独立的。结构部分是用 HTML 或 XHTML 编写实现的，表现部分是用可以调用的 CSS 文件实现的。这样，实现了页面结构和表现内容的分离，从而方便了页面维护。

常用网页制作工具介绍

FrontPage介绍

• FrontPage 对 Web 技术的发展起了积极的推动作用，主要体现在如下三个方面。

• （ 1 ）设计。

• （ 2 ）编写代码。

• （ 3 ）扩展。

Dreamweaver介绍

• Dreamweaver 支持最新的 DHTML 和 CSS 标准，可以设计出生动的 DHTML 动画、多层次的 Layer 以及 CSS 样式表。另外， Dreamweaver 还具有如下三个主要特点。

• （ 1 ）最佳的制作效率。

• （ 2 ）强大的网站管理功能。

（ 3 ）无可比拟的控制能力

怎样设计出好的网页

• 网页设计的三个理念

• （ 1 ）内容决定形式。

• （ 2 ）先整体，后局部，最后回归到整体。

• （ 3 ）功能决定设计方向。

网页设计的三个误区

• （ 1 ）不重视域名和空间。

• （ 2 ）注重外观，不注重实用。

• （ 3 ）网站缺乏维护。

• 什么才是好的网页设计

• （ 1 ）内容和功能决定表现形式和界面设计。

• （ 2 ）界面弱化。

• （ 3 ）模块化和可修改性强。

• （ 4 ）分析能力远比创意重要。

• 配色原则

• （ 1 ）网页最常用的流行色。

• （ 2 ）颜色的忌讳。

• （ 3 ）常见的几种固定颜色搭配。

• 常用的网页布局

• （ 1 ）“国”字型

• （ 2 ）拐角型

• （ 3 ）标题正文型

• （ 4 ）封面型

• （ 5 ）“ T ”结构布局

• （ 6 ）“口”型布局

• （ 7 ）“三”型布局

• （ 8 ）对称对比布局

（ 9 ） POP 布局

•网站构建原则

•（1）明确建立网站的目标和用户需求。

•（2）网页设计总体方案要主题鲜明。

•（3）注重网站的版式设计。

•（4）体会色彩在网页设计中的作用。

•（5）实现网页设计形式与内容相统一。

•（6）三维空间的构成和虚拟现实。

•（7）网页设计中多媒体功能的利用。

•（8）结构清晰，并且便于使用。

•（9）导航要清晰。

•（10）实现更快速的下载时间。

•（11）非图形的内容。

•（12）便捷的反馈及订购程序。

•（13）定期对网站进行测试和改进。