网页设计制作概述教案.ppt

《网页设计制作概述教案.ppt》由会员分享，可在线阅读，更多相关《网页设计制作概述教案.ppt（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计制作概述 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望1.1.1 1.1.1 网页、网站和主页网页、网站和主页网页、网站和主页网页、网站和主页 网页网页网页网页（Web PageWeb Page）是存放在）是存放在）是存放在）是存放在WebWeb服务器上供客户端用服务器上供客户端用服务器上供客户端用服务器上供客户端用户浏览的文件，可以在户浏览的文件，可以在户浏览的文件，可以在户浏览的文件，可以在InternetInternet上传输。网页是按照网页文上传

2、输。网页是按照网页文上传输。网页是按照网页文上传输。网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标档规范编写的一个或多个文件，这种格式的文件由超文本标档规范编写的一个或多个文件，这种格式的文件由超文本标档规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建，能将文字、图片、声音等各种多媒体文件组合记语言创建，能将文字、图片、声音等各种多媒体文件组合记语言创建，能将文字、图片、声音等各种多媒体文件组合记语言创建，能将文字、图片、声音等各种多媒体文件组合在一起，这些文件被保存在特定计算机的特定目录中。几乎在一起，这些文件被保存在特定计算机的特定目录中。几乎在一起，这些

3、文件被保存在特定计算机的特定目录中。几乎在一起，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转到其他相关网页或所有的网页都包含链接，可以方便地跳转到其他相关网页或所有的网页都包含链接，可以方便地跳转到其他相关网页或所有的网页都包含链接，可以方便地跳转到其他相关网页或是相关网站。是相关网站。是相关网站。是相关网站。网站网站网站网站由一组相关的由一组相关的由一组相关的由一组相关的HTMLHTML文件和其他文件组成，这些文文件和其他文件组成，这些文文件和其他文件组成，这些文文件和其他文件组成，这些文件存储在件存储在件存储在件存储在WebWeb服务器上。当用户访问一个

4、服务器上。当用户访问一个服务器上。当用户访问一个服务器上。当用户访问一个WebWeb站点时，该站站点时，该站站点时，该站站点时，该站点中有一个页面总是被首先打开，该页面称为点中有一个页面总是被首先打开，该页面称为点中有一个页面总是被首先打开，该页面称为点中有一个页面总是被首先打开，该页面称为首页首页首页首页或或或或主页主页主页主页（一般为（一般为（一般为（一般为index.htmlindex.html或或或或default.htmldefault.html）。）。）。）。1.11.1 网页、网站的概念网页、网站的概念网页、网站的概念网页、网站的概念1.1.2 1.1.2 静态网页和动态网页静态

5、网页和动态网页静态网页和动态网页静态网页和动态网页 按照按照按照按照WebWeb服务器的响应方式的不同，可以将服务器的响应方式的不同，可以将服务器的响应方式的不同，可以将服务器的响应方式的不同，可以将WebWeb页分为静页分为静页分为静页分为静态网页和动态网页。态网页和动态网页。态网页和动态网页。态网页和动态网页。静态网页指客户端的浏览器发送静态网页指客户端的浏览器发送静态网页指客户端的浏览器发送静态网页指客户端的浏览器发送URLURL请求给请求给请求给请求给WWWWWW服务器，服务器，服务器，服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，服务器查找需要的超文本文件，不加处理直

6、接下载到客户端，服务器查找需要的超文本文件，不加处理直接下载到客户端，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网运行在客户端的页面是已经事先做好并存放在服务器中的网运行在客户端的页面是已经事先做好并存放在服务器中的网运行在客户端的页面是已经事先做好并存放在服务器中的网页。其页面的内容使用的仅仅是标准的页。其页面的内容使用的仅仅是标准的页。其页面的内容使用的仅仅是标准的页。其页面的内容使用的仅仅是标准的HTMLHTML代码，静态网代码，静态网代码，静态网代码，静态网页通常由纯粹的页通常由纯粹的页通常由纯粹的页通常由纯粹的HTML/C

7、SSHTML/CSS语言编写。语言编写。语言编写。语言编写。1.11.1 网页、网站的概念网页、网站的概念网页、网站的概念网页、网站的概念1.1.2 1.1.2 静态网页和动态网页静态网页和动态网页静态网页和动态网页静态网页和动态网页 按照按照按照按照WebWeb服务器的响应方式的不同，可以将服务器的响应方式的不同，可以将服务器的响应方式的不同，可以将服务器的响应方式的不同，可以将WebWeb页分为静页分为静页分为静页分为静态网页和动态网页。态网页和动态网页。态网页和动态网页。态网页和动态网页。静态网页指客户端的浏览器发送静态网页指客户端的浏览器发送静态网页指客户端的浏览器发送静态网页指客户端

8、的浏览器发送URLURL请求给请求给请求给请求给WebWeb服务器，服务器，服务器，服务器，服务器查找需要的超文本文件，服务器查找需要的超文本文件，服务器查找需要的超文本文件，服务器查找需要的超文本文件，不加处理不加处理不加处理不加处理直接下载到客户端，直接下载到客户端，直接下载到客户端，直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网运行在客户端的页面是已经事先做好并存放在服务器中的网运行在客户端的页面是已经事先做好并存放在服务器中的网运行在客户端的页面是已经事先做好并存放在服务器中的网页。页。页。页。1.11.1 网页、网站的概念网页、网站的概念网页、网站的概念网页、

9、网站的概念1.1.2 1.1.2 静态网页和动态网页静态网页和动态网页静态网页和动态网页静态网页和动态网页动态网页是指必须经过应用程序服务器处理后才能交给动态网页是指必须经过应用程序服务器处理后才能交给动态网页是指必须经过应用程序服务器处理后才能交给动态网页是指必须经过应用程序服务器处理后才能交给WebWeb服务器送到客户端进行显示的网页文件。这类网页根据所采服务器送到客户端进行显示的网页文件。这类网页根据所采服务器送到客户端进行显示的网页文件。这类网页根据所采服务器送到客户端进行显示的网页文件。这类网页根据所采用的应用程序服务器不一样，其文件名的扩展名也不一样。用的应用程序服务器不一样，其文

10、件名的扩展名也不一样。用的应用程序服务器不一样，其文件名的扩展名也不一样。用的应用程序服务器不一样，其文件名的扩展名也不一样。可以是可以是可以是可以是 hphhph，jspjsp，aspasp等等。等等。等等。等等。动态网页技术根据程序运行的区域不同，分为客户端动态技动态网页技术根据程序运行的区域不同，分为客户端动态技动态网页技术根据程序运行的区域不同，分为客户端动态技动态网页技术根据程序运行的区域不同，分为客户端动态技术与服务器端动态技术。术与服务器端动态技术。术与服务器端动态技术。术与服务器端动态技术。客户端动态技术不需要与服务器进行交互，实现动态功客户端动态技术不需要与服务器进行交互，实

11、现动态功客户端动态技术不需要与服务器进行交互，实现动态功客户端动态技术不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言形式直接嵌入到网页中。服务器能的代码往往采用脚本语言形式直接嵌入到网页中。服务器能的代码往往采用脚本语言形式直接嵌入到网页中。服务器能的代码往往采用脚本语言形式直接嵌入到网页中。服务器发送给浏览者后，网页在客户端浏览器上直接响应用户的动发送给浏览者后，网页在客户端浏览器上直接响应用户的动发送给浏览者后，网页在客户端浏览器上直接响应用户的动发送给浏览者后，网页在客户端浏览器上直接响应用户的动作。常见的客户端动态技术包括作。常见的客户端动态技术包括作。常见的客户端动态技术

12、包括作。常见的客户端动态技术包括JavaScriptJavaScript、ActiveXActiveX和和和和FlashFlash等。等。等。等。1.11.1 网页、网站的概念网页、网站的概念网页、网站的概念网页、网站的概念1.2.1 Web1.2.1 Web标准的概念标准的概念标准的概念标准的概念WEBWEB标准不是某一个标准，而是一系列标准的集合。标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：网页主要由三部分组成：结构（结构（StructureStructure）结构标准语言有：结构标准语言有：XMLXML、XHTMLXHTML表现（表现（PresentationPres

13、entation）表现标准语言有：表现标准语言有：CSSCSS行为（行为（BehaviorBehavior）行为标准语言有：行为标准语言有：DOMDOM、ECMAScriptECMAScript1.2 Web1.2 Web标准标准标准标准1.2.2 1.2.2 建立建立建立建立WebWeb标准的目的标准的目的标准的目的标准的目的 简单地说，建立简单地说，建立简单地说，建立简单地说，建立WebWeb标准的目的是：标准的目的是：标准的目的是：标准的目的是：提供最大利益给最多的网站用户；提供最大利益给最多的网站用户；提供最大利益给最多的网站用户；提供最大利益给最多的网站用户；确保任何网站文档都能够长

14、期有效；确保任何网站文档都能够长期有效；确保任何网站文档都能够长期有效；确保任何网站文档都能够长期有效；简化代码，降低建设成本；简化代码，降低建设成本；简化代码，降低建设成本；简化代码，降低建设成本；让网站更容易使用，能适应更多不同用户和更多网络设备；让网站更容易使用，能适应更多不同用户和更多网络设备；让网站更容易使用，能适应更多不同用户和更多网络设备；让网站更容易使用，能适应更多不同用户和更多网络设备；当浏览器版本更新或者出现新的网络交互设备时，确保所当浏览器版本更新或者出现新的网络交互设备时，确保所当浏览器版本更新或者出现新的网络交互设备时，确保所当浏览器版本更新或者出现新的网络交互设备时

15、，确保所有应用能够继续正确执行。有应用能够继续正确执行。有应用能够继续正确执行。有应用能够继续正确执行。1.2 Web1.2 Web标准标准标准标准1.2.3 1.2.3 采用采用采用采用WebWeb标准的优点标准的优点标准的优点标准的优点 1 1客户端的优点客户端的优点客户端的优点客户端的优点 文件下载与页面显示速度更快；文件下载与页面显示速度更快；文件下载与页面显示速度更快；文件下载与页面显示速度更快；内容能被更多的用户所访问（包括失明、弱视、色盲等残内容能被更多的用户所访问（包括失明、弱视、色盲等残内容能被更多的用户所访问（包括失明、弱视、色盲等残内容能被更多的用户所访问（包括失明、弱视

16、、色盲等残障人士）；障人士）；障人士）；障人士）；内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜素机器人等）；搜素机器人等）；搜素机器人等）；搜素机器人等）；用户能够根据样式选择定制自己的表现界面；用户能够根据样式选择定制自己的表现界面；用户能够根据样式选择定制自己的表现界面；用户能够根据样式选择定制自己的表现界面；所有页面都能提供适于打印的版本。所有页面都能提供适于打印的版本。所有页面都能提供适于打印的版本。所有页面都能提

17、供适于打印的版本。1.2 Web1.2 Web标准标准标准标准1.2.3 1.2.3 采用采用采用采用WebWeb标准的优点标准的优点标准的优点标准的优点2 2服务器端的优点服务器端的优点服务器端的优点服务器端的优点 更少的代码和组件，容易维护；更少的代码和组件，容易维护；更少的代码和组件，容易维护；更少的代码和组件，容易维护；带宽要求降低（代码更简洁），成本降低；带宽要求降低（代码更简洁），成本降低；带宽要求降低（代码更简洁），成本降低；带宽要求降低（代码更简洁），成本降低；更容易被搜寻引擎搜索到；更容易被搜寻引擎搜索到；更容易被搜寻引擎搜索到；更容易被搜寻引擎搜索到；改版方便；改版方便；改

18、版方便；改版方便；提供打印版本不需要复制内容。提供打印版本不需要复制内容。提供打印版本不需要复制内容。提供打印版本不需要复制内容。1.2 Web1.2 Web标准标准标准标准 在建设网站之前，需要对网站进行一系列的分析和设计，在建设网站之前，需要对网站进行一系列的分析和设计，在建设网站之前，需要对网站进行一系列的分析和设计，在建设网站之前，需要对网站进行一系列的分析和设计，然后根据分析的结果提出合理的建设方案，这就是网站的规然后根据分析的结果提出合理的建设方案，这就是网站的规然后根据分析的结果提出合理的建设方案，这就是网站的规然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。划与设

19、计。划与设计。划与设计。网站的规划与设计一般应遵循以下三个原则：网站的规划与设计一般应遵循以下三个原则：网站的规划与设计一般应遵循以下三个原则：网站的规划与设计一般应遵循以下三个原则：最大限度地满足用户需要；最大限度地满足用户需要；最大限度地满足用户需要；最大限度地满足用户需要；最有效地进行资源利用；最有效地进行资源利用；最有效地进行资源利用；最有效地进行资源利用；使用方便，界面友好，运行高效；使用方便，界面友好，运行高效；使用方便，界面友好，运行高效；使用方便，界面友好，运行高效；常规的规划与设计方法一般有以下三种：自顶向下、自常规的规划与设计方法一般有以下三种：自顶向下、自常规的规划与设计

20、方法一般有以下三种：自顶向下、自常规的规划与设计方法一般有以下三种：自顶向下、自底向上、不断增补的设计方法。底向上、不断增补的设计方法。底向上、不断增补的设计方法。底向上、不断增补的设计方法。1.3 1.3 网站的规划与设计网站的规划与设计网站的规划与设计网站的规划与设计 典型的典型的典型的典型的WebWeb开发工作流程包括以下几个阶段。开发工作流程包括以下几个阶段。开发工作流程包括以下几个阶段。开发工作流程包括以下几个阶段。1 1）规划站点：包括确立站点的策略或目标、确定所面向的用）规划站点：包括确立站点的策略或目标、确定所面向的用）规划站点：包括确立站点的策略或目标、确定所面向的用）规划站

21、点：包括确立站点的策略或目标、确定所面向的用户以及站点的数据需求。户以及站点的数据需求。户以及站点的数据需求。户以及站点的数据需求。2 2）设置开发环境：包括选择）设置开发环境：包括选择）设置开发环境：包括选择）设置开发环境：包括选择WebWeb应用程序服务器、利用应用程序服务器、利用应用程序服务器、利用应用程序服务器、利用DreamweaverDreamweaver网页制作软件定义站点及数据源。网页制作软件定义站点及数据源。网页制作软件定义站点及数据源。网页制作软件定义站点及数据源。3 3）规划页面设计和布局：包括用绘画工具创建页面和界面模）规划页面设计和布局：包括用绘画工具创建页面和界面模

22、）规划页面设计和布局：包括用绘画工具创建页面和界面模）规划页面设计和布局：包括用绘画工具创建页面和界面模型，以及使用型，以及使用型，以及使用型，以及使用DreamweaverDreamweaver、FrontPageFrontPage布置页面。布置页面。布置页面。布置页面。4 4）创建内容资源：包括使用）创建内容资源：包括使用）创建内容资源：包括使用）创建内容资源：包括使用FireworksFireworks、PhotoshopPhotoshop和和和和FlashFlash创建图像、视频等。创建图像、视频等。创建图像、视频等。创建图像、视频等。5 5）组合、测试和部署站点：包括使用）组合、测试

23、和部署站点：包括使用）组合、测试和部署站点：包括使用）组合、测试和部署站点：包括使用DreamweaverDreamweaver设置文设置文设置文设置文本格式、编译资源，测试代码将站点发布到服务器上。本格式、编译资源，测试代码将站点发布到服务器上。本格式、编译资源，测试代码将站点发布到服务器上。本格式、编译资源，测试代码将站点发布到服务器上。6 6）维护站点：包括使用）维护站点：包括使用）维护站点：包括使用）维护站点：包括使用DreamweaverDreamweaver保持内容的更新。保持内容的更新。保持内容的更新。保持内容的更新。1.4 1.4 网站开发工作流程网站开发工作流程网站开发工作流

24、程网站开发工作流程补充案例：暨南大学网站结构补充案例：暨南大学网站结构补充案例：暨南大学网站结构补充案例：暨南大学网站结构1.4 1.4 网站开发工作流程网站开发工作流程网站开发工作流程网站开发工作流程 网站策划书应该尽可能地涵盖网站规划中的各个方面，网站策划书应该尽可能地涵盖网站规划中的各个方面，网站策划书应该尽可能地涵盖网站规划中的各个方面，网站策划书应该尽可能地涵盖网站规划中的各个方面，写作要科学、认真、实事求是。以最常见的企业网站为例，写作要科学、认真、实事求是。以最常见的企业网站为例，写作要科学、认真、实事求是。以最常见的企业网站为例，写作要科学、认真、实事求是。以最常见的企业网站为

25、例，介绍网站策划书的撰写要点。介绍网站策划书的撰写要点。介绍网站策划书的撰写要点。介绍网站策划书的撰写要点。1 1前期调研分析前期调研分析前期调研分析前期调研分析2 2网站的功能定位网站的功能定位网站的功能定位网站的功能定位3 3网站技术解决方案网站技术解决方案网站技术解决方案网站技术解决方案4 4网站内容规划网站内容规划网站内容规划网站内容规划5 5网页设计网页设计网页设计网页设计6 6网站维护网站维护网站维护网站维护7 7网站测试网站测试网站测试网站测试8 8网站发布与推广网站发布与推广网站发布与推广网站发布与推广9 9网站设计日程表网站设计日程表网站设计日程表网站设计日程表1010费用明

26、细费用明细费用明细费用明细1.5 1.5 网站策划书撰写要点网站策划书撰写要点网站策划书撰写要点网站策划书撰写要点1.6 1.6 常用网页制作软件常用网页制作软件常用网页制作软件常用网页制作软件1.6.1 1.6.1 网页制作工具网页制作工具网页制作工具网页制作工具 网页制作工具分为网页制作工具分为网页制作工具分为网页制作工具分为“可视化可视化可视化可视化”和和和和“非可视化非可视化非可视化非可视化”两大类。两大类。两大类。两大类。“可视化可视化可视化可视化”网页编辑器的优点是直观、使用方便、容易学习，网页编辑器的优点是直观、使用方便、容易学习，网页编辑器的优点是直观、使用方便、容易学习，网页

27、编辑器的优点是直观、使用方便、容易学习，在其中制作网页与在在其中制作网页与在在其中制作网页与在在其中制作网页与在WordWord中编辑相似，缺点是难以精确达中编辑相似，缺点是难以精确达中编辑相似，缺点是难以精确达中编辑相似，缺点是难以精确达到与浏览器完全一致的显示效果。到与浏览器完全一致的显示效果。到与浏览器完全一致的显示效果。到与浏览器完全一致的显示效果。“非可视化非可视化非可视化非可视化”的网页编辑的网页编辑的网页编辑的网页编辑器，因为是用器，因为是用器，因为是用器，因为是用HTMLHTML代码来设计的，所以控制精确，但是，代码来设计的，所以控制精确，但是，代码来设计的，所以控制精确，但是

28、，代码来设计的，所以控制精确，但是，工作效率太低。工作效率太低。工作效率太低。工作效率太低。1 1DreamweaverDreamweaver2 2FrontPageFrontPage3 3Adobe GoLiveAdobe GoLive4 4HomeSiteHomeSite5 5Visual Studio 2005/2008Visual Studio 2005/20081.6 1.6 常用网页制作软件常用网页制作软件常用网页制作软件常用网页制作软件1.6.2 1.6.2 网页图形图像处理工具网页图形图像处理工具网页图形图像处理工具网页图形图像处理工具 使用网页图形图像处理工具可以设计、处理适

29、合网页的使用网页图形图像处理工具可以设计、处理适合网页的使用网页图形图像处理工具可以设计、处理适合网页的使用网页图形图像处理工具可以设计、处理适合网页的图形图像。图形图像。图形图像。图形图像。1 1FireworksFireworks2 2PhotoshopPhotoshop3 3CorelDRAWCorelDRAW1.6 1.6 常用网页制作软件常用网页制作软件常用网页制作软件常用网页制作软件1.6.3 1.6.3 网页动画制作与特效工具网页动画制作与特效工具网页动画制作与特效工具网页动画制作与特效工具 随着网络速度的提高，越来越多的网页中使用了动画效随着网络速度的提高，越来越多的网页中使用

30、了动画效随着网络速度的提高，越来越多的网页中使用了动画效随着网络速度的提高，越来越多的网页中使用了动画效果，这些动态显示的画面不仅吸引了浏览者的注意力，而且果，这些动态显示的画面不仅吸引了浏览者的注意力，而且果，这些动态显示的画面不仅吸引了浏览者的注意力，而且果，这些动态显示的画面不仅吸引了浏览者的注意力，而且也给原本较呆板的画面增添了不少生机。也给原本较呆板的画面增添了不少生机。也给原本较呆板的画面增添了不少生机。也给原本较呆板的画面增添了不少生机。1 1FlashFlash2 2Ulead GIF AnimatorUlead GIF Animator1.6 1.6 常用网页制作软件常用网页

31、制作软件常用网页制作软件常用网页制作软件1.6.4 1.6.4 网页上传工具网页上传工具网页上传工具网页上传工具 制作好的网页要上传到提供主页空间的服务器后，才能制作好的网页要上传到提供主页空间的服务器后，才能制作好的网页要上传到提供主页空间的服务器后，才能制作好的网页要上传到提供主页空间的服务器后，才能让浏览者访问。上传工具选择合适与否将影响对网站更新维让浏览者访问。上传工具选择合适与否将影响对网站更新维让浏览者访问。上传工具选择合适与否将影响对网站更新维让浏览者访问。上传工具选择合适与否将影响对网站更新维护的效率。护的效率。护的效率。护的效率。1 1CuteFTPCuteFTP2 2Fla

32、shFXPFlashFXP3 3LeapFTPLeapFTP4 4其他上传工具其他上传工具其他上传工具其他上传工具（1 1）UploadNow!UploadNow!上传工具上传工具上传工具上传工具（2 2）WS-FTPWS-FTP上传工具上传工具上传工具上传工具DreamweaverDreamweaver软件自身也具有上传网页的功能。软件自身也具有上传网页的功能。软件自身也具有上传网页的功能。软件自身也具有上传网页的功能。1.6 1.6 常用网页制作软件常用网页制作软件常用网页制作软件常用网页制作软件1.6.5 1.6.5 网页设计工具的发展动向网页设计工具的发展动向网页设计工具的发展动向网页

33、设计工具的发展动向 20052005年年年年4 4月月月月1818日，全球知名的应用软件公司日，全球知名的应用软件公司日，全球知名的应用软件公司日，全球知名的应用软件公司AdobeAdobe以以以以3434亿美元的价格收购了亿美元的价格收购了亿美元的价格收购了亿美元的价格收购了MacromediaMacromedia公司，这次收购代表着公司，这次收购代表着公司，这次收购代表着公司，这次收购代表着多媒体产业领域的融合。随着多媒体产业领域的融合。随着多媒体产业领域的融合。随着多媒体产业领域的融合。随着AdobeAdobe公司对公司对公司对公司对MacromediaMacromedia公公公公司进行

34、全新的整合，势必推出更加强大的图形网页应用软件，司进行全新的整合，势必推出更加强大的图形网页应用软件，司进行全新的整合，势必推出更加强大的图形网页应用软件，司进行全新的整合，势必推出更加强大的图形网页应用软件，为图形处理与网页制作开创出新的空间。目前网页制作中的为图形处理与网页制作开创出新的空间。目前网页制作中的为图形处理与网页制作开创出新的空间。目前网页制作中的为图形处理与网页制作开创出新的空间。目前网页制作中的HTMLHTML代码与图片都是单独制作的，需要美工人员与网页制代码与图片都是单独制作的，需要美工人员与网页制代码与图片都是单独制作的，需要美工人员与网页制代码与图片都是单独制作的，需

35、要美工人员与网页制作人员共同完成，但是，随着两家公司的合并，极有可能推作人员共同完成，但是，随着两家公司的合并，极有可能推作人员共同完成，但是，随着两家公司的合并，极有可能推作人员共同完成，但是，随着两家公司的合并，极有可能推出新的软件，实现图片与网页的一体化操作，提高网页制作出新的软件，实现图片与网页的一体化操作，提高网页制作出新的软件，实现图片与网页的一体化操作，提高网页制作出新的软件，实现图片与网页的一体化操作，提高网页制作的效率。的效率。的效率。的效率。另外，另外，另外，另外，FireworksFireworks和和和和ImageReadyImageReady在未来的地位，也很在未来的

36、地位，也很在未来的地位，也很在未来的地位，也很有可能被已经强势的有可能被已经强势的有可能被已经强势的有可能被已经强势的PhotoshopPhotoshop和和和和FlashFlash取代。取代。取代。取代。实训一：规划实训一：规划实训一：规划实训一：规划“爱家美食爱家美食爱家美食爱家美食”网站网站网站网站【实训综述实训综述实训综述实训综述】规划规划规划规划“爱家美食爱家美食爱家美食爱家美食”网站的结构。网站的结构。网站的结构。网站的结构。【实训展示实训展示实训展示实训展示】网站的导航条，读者可在此基础上画出网站的网站的导航条，读者可在此基础上画出网站的网站的导航条，读者可在此基础上画出网站的网

37、站的导航条，读者可在此基础上画出网站的栏目结构图。栏目结构图。栏目结构图。栏目结构图。1.1.7 7 实训实训实训实训1 1简述网页、网站和主页的异同。简述网页、网站和主页的异同。简述网页、网站和主页的异同。简述网页、网站和主页的异同。2 2WebWeb标准主要由哪标准主要由哪标准主要由哪标准主要由哪3 3部分组成？分别解释其含义。部分组成？分别解释其含义。部分组成？分别解释其含义。部分组成？分别解释其含义。3 3简述网站开发的工作流程。简述网站开发的工作流程。简述网站开发的工作流程。简述网站开发的工作流程。4 4简述怎样撰写网站策划书？简述怎样撰写网站策划书？简述怎样撰写网站策划书？简述怎样撰写网站策划书？5 5常用的网页制作工具有哪些？分别有哪些特点？常用的网页制作工具有哪些？分别有哪些特点？常用的网页制作工具有哪些？分别有哪些特点？常用的网页制作工具有哪些？分别有哪些特点？1.8 1.8 习题习题习题习题