网站设计概念课件

第第1章章 网站设计概论网站设计概论要求：要求：要求：要求：主要内容主要内容主要内容主要内容一、一、一、一、网站基本知识网站基本知识网站基本知识网站基本知识二、二、二、二、网站设计网站设计网站设计网站设计三、三、三、三、网站的开发流程网站的开发流程网站的开发流程网站的开发流程四、四、四、四、常用网站开发工具常用网站开发工具常用网站开发工具常用网站开发工具本章习题本章习题本章习题本章习题一、网站基本知识一、网站基本知识一、网站基本知识一、网站基本知识1.网站及其组成网站及其组成网站及其组成网站及其组成2.网站的文件及资源网站的文件及资源网站的文件及资源网站的文件及资源3.网站的工作机制网站的工作机制网站的工作机制网站的工作机制1 1、网站及其组成、网站及其组成、网站及其组成、网站及其组成 网站网站网站网站就是由网页、图象、声音、动画及数据库等各种服就是由网页、图象、声音、动画及数据库等各种服就是由网页、图象、声音、动画及数据库等各种服就是由网页、图象、声音、动画及数据库等各种服务器资源构成的集合体。务器资源构成的集合体。务器资源构成的集合体。务器资源构成的集合体。网站的组成部分：网站的组成部分：网站的组成部分：网站的组成部分：1.1.1.1.硬件组成：硬件组成：硬件组成：硬件组成：连接到网络上的连接到网络上的连接到网络上的连接到网络上的计算机服务器。计算机服务器。计算机服务器。计算机服务器。2.2.2.2.在服务器上运行的在服务器上运行的在服务器上运行的在服务器上运行的网络操作系统、网络操作系统、网络操作系统、网络操作系统、WebWebWebWeb服务器、应用服务器、应用服务器、应用服务器、应用程序服务器软件等。程序服务器软件等。程序服务器软件等。程序服务器软件等。3.3.3.3.各种各种各种各种信息服务的文件资源信息服务的文件资源信息服务的文件资源信息服务的文件资源，如网页文件、图象文件、，如网页文件、图象文件、，如网页文件、图象文件、，如网页文件、图象文件、声音文件等。声音文件等。声音文件等。声音文件等。4.4.4.4.对网站进行管理和维护的对网站进行管理和维护的对网站进行管理和维护的对网站进行管理和维护的网站管理人员和开发人员网站管理人员和开发人员网站管理人员和开发人员网站管理人员和开发人员等。等。等。等。2 2、网站文件及资源、网站文件及资源、网站文件及资源、网站文件及资源 资源：资源：资源：资源：1.1.静态网页：静态网页：静态网页：静态网页：最基本的网站提供内容，由最基本的网站提供内容，由最基本的网站提供内容，由最基本的网站提供内容，由HTMLHTML语言描语言描语言描语言描述，包括文本、表格、图象及其它内容，每个用户访述，包括文本、表格、图象及其它内容，每个用户访述，包括文本、表格、图象及其它内容，每个用户访述，包括文本、表格、图象及其它内容，每个用户访问时内容问时内容问时内容问时内容均相同均相同均相同均相同。静态网页只要放在网站服务器的文。静态网页只要放在网站服务器的文。静态网页只要放在网站服务器的文。静态网页只要放在网站服务器的文件夹中授权用户访问即可。件夹中授权用户访问即可。件夹中授权用户访问即可。件夹中授权用户访问即可。2.2.动态网页：动态网页：动态网页：动态网页：网页内容随不同用户、不同的访问需求而网页内容随不同用户、不同的访问需求而网页内容随不同用户、不同的访问需求而网页内容随不同用户、不同的访问需求而不同不同不同不同，网页中不仅包含，网页中不仅包含，网页中不仅包含，网页中不仅包含HTMLHTML代码，同时包含在代码，同时包含在代码，同时包含在代码，同时包含在WebWeb服务器端执行的脚本程序代码。通过脚本程序代码进服务器端执行的脚本程序代码。通过脚本程序代码进服务器端执行的脚本程序代码。通过脚本程序代码进服务器端执行的脚本程序代码。通过脚本程序代码进行计算。网页能够访问服务器端的数据资源。并将结行计算。网页能够访问服务器端的数据资源。并将结行计算。网页能够访问服务器端的数据资源。并将结行计算。网页能够访问服务器端的数据资源。并将结果返回给用户。果返回给用户。果返回给用户。果返回给用户。3.3.图象文件：图象文件：图象文件：图象文件：如图象、动画，如图象、动画，如图象、动画，如图象、动画，.gif.gif、jpgjpg、bmpbmp、tiftif类文类文类文类文件等，可以作为网页中的插图、网页的背景图片，极件等，可以作为网页中的插图、网页的背景图片，极件等，可以作为网页中的插图、网页的背景图片，极件等，可以作为网页中的插图、网页的背景图片，极大大大大改善改善改善改善了网页的了网页的了网页的了网页的显示效果显示效果显示效果显示效果。4.4.数据库：数据库：数据库：数据库：当网站要通过动态网页提供各种当网站要通过动态网页提供各种当网站要通过动态网页提供各种当网站要通过动态网页提供各种 服务时，通服务时，通服务时，通服务时，通常要利用数据库来保存数据并提供数据服务。例如电常要利用数据库来保存数据并提供数据服务。例如电常要利用数据库来保存数据并提供数据服务。例如电常要利用数据库来保存数据并提供数据服务。例如电子商务、子商务、子商务、子商务、BBSBBS等。等。等。等。5.5.其它文件：其它文件：其它文件：其它文件：声音、动画、流媒体资源等，可嵌入到网声音、动画、流媒体资源等，可嵌入到网声音、动画、流媒体资源等，可嵌入到网声音、动画、流媒体资源等，可嵌入到网页或以超级链接方式下载到用户端执行。如页或以超级链接方式下载到用户端执行。如页或以超级链接方式下载到用户端执行。如页或以超级链接方式下载到用户端执行。如 swfswf、wmawma、rmrm、aviavi等。等。等。等。3 3、网站的工作机制、网站的工作机制、网站的工作机制、网站的工作机制 当用户浏览器通过网络向网站发出请求时，网站的当用户浏览器通过网络向网站发出请求时，网站的当用户浏览器通过网络向网站发出请求时，网站的当用户浏览器通过网络向网站发出请求时，网站的WebWeb服服服服务器会根据浏览器请求的页面是静态、动态网页而采取不务器会根据浏览器请求的页面是静态、动态网页而采取不务器会根据浏览器请求的页面是静态、动态网页而采取不务器会根据浏览器请求的页面是静态、动态网页而采取不同的处理机制。同的处理机制。同的处理机制。同的处理机制。静态网页的处理机制：静态网页的处理机制：静态网页的处理机制：静态网页的处理机制：网站的网站的网站的网站的WebWeb服务器只是简单地将页服务器只是简单地将页服务器只是简单地将页服务器只是简单地将页面返回发送到请求的浏览器。面返回发送到请求的浏览器。面返回发送到请求的浏览器。面返回发送到请求的浏览器。动态网页的处理机制：动态网页的处理机制：动态网页的处理机制：动态网页的处理机制：WebWeb服务器将控制权转交给服务器将控制权转交给服务器将控制权转交给服务器将控制权转交给应用程应用程应用程应用程序服务器序服务器序服务器序服务器，应用程序服务器解释执行网页中包含的，应用程序服务器解释执行网页中包含的，应用程序服务器解释执行网页中包含的，应用程序服务器解释执行网页中包含的服务器服务器服务器服务器端脚本代码端脚本代码端脚本代码端脚本代码，并根据脚本代码的要求访问数据库等服务器，并根据脚本代码的要求访问数据库等服务器，并根据脚本代码的要求访问数据库等服务器，并根据脚本代码的要求访问数据库等服务器端资源，最后将计算结果端资源，最后将计算结果端资源，最后将计算结果端资源，最后将计算结果 转变为标准的转变为标准的转变为标准的转变为标准的HTMLHTML文件代码，文件代码，文件代码，文件代码，由由由由WebWeb服务器将文件发送到浏览器。服务器将文件发送到浏览器。服务器将文件发送到浏览器。服务器将文件发送到浏览器。二、网站设计二、网站设计1.网站的定位网站的定位网站的定位网站的定位2.站点风格站点风格站点风格站点风格3.网站的网站的网站的网站的CICI形象形象形象形象4.网站的栏目和版块网站的栏目和版块网站的栏目和版块网站的栏目和版块5.网站目录和链接结构网站目录和链接结构网站目录和链接结构网站目录和链接结构1 1、网站的定位、网站的定位、网站的定位、网站的定位 一个网站要有一个网站要有一个网站要有一个网站要有明确的目标定位明确的目标定位明确的目标定位明确的目标定位，只有定位准确、目标鲜，只有定位准确、目标鲜，只有定位准确、目标鲜，只有定位准确、目标鲜明，才可能作出切实可行的计划，按部就班地进行设计。明，才可能作出切实可行的计划，按部就班地进行设计。明，才可能作出切实可行的计划，按部就班地进行设计。明，才可能作出切实可行的计划，按部就班地进行设计。网站的网站的网站的网站的目标定位目标定位目标定位目标定位可体现在三个方面：可体现在三个方面：可体现在三个方面：可体现在三个方面：1.1.题材和内容题材和内容题材和内容题材和内容：应：应：应：应紧扣主题紧扣主题紧扣主题紧扣主题，并，并，并，并突出个性突出个性突出个性突出个性和和和和特色特色特色特色。定位。定位。定位。定位要准确，内容要精，不能过于宽泛，更要准确，内容要精，不能过于宽泛，更要准确，内容要精，不能过于宽泛，更要准确，内容要精，不能过于宽泛，更不能包罗万象不能包罗万象不能包罗万象不能包罗万象，漫无边际。漫无边际。漫无边际。漫无边际。2.2.网站域名网站域名网站域名网站域名3.3.网站名称网站名称网站名称网站名称：申请好记的域名和命名一个别致的网站名：申请好记的域名和命名一个别致的网站名：申请好记的域名和命名一个别致的网站名：申请好记的域名和命名一个别致的网站名称对网站的形象和宣传推广有很大影响。如：搜狐、称对网站的形象和宣传推广有很大影响。如：搜狐、称对网站的形象和宣传推广有很大影响。如：搜狐、称对网站的形象和宣传推广有很大影响。如：搜狐、新浪、网易、新浪、网易、新浪、网易、新浪、网易、263263等。等。等。等。2 2、网站的风格、网站的风格、网站的风格、网站的风格 风格风格风格风格指的是站点的整体形象指的是站点的整体形象指的是站点的整体形象指的是站点的整体形象给浏览者的综合感受给浏览者的综合感受给浏览者的综合感受给浏览者的综合感受，包括版，包括版，包括版，包括版面布局、浏览方式、交互性和文字等诸多因素。面布局、浏览方式、交互性和文字等诸多因素。面布局、浏览方式、交互性和文字等诸多因素。面布局、浏览方式、交互性和文字等诸多因素。网站风格要网站风格要网站风格要网站风格要体现体现体现体现自己的自己的自己的自己的特色特色特色特色，独树一帜。，独树一帜。，独树一帜。，独树一帜。通过网站的某一点，如文字、色彩、技术等，能让浏览者通过网站的某一点，如文字、色彩、技术等，能让浏览者通过网站的某一点，如文字、色彩、技术等，能让浏览者通过网站的某一点，如文字、色彩、技术等，能让浏览者明确分辨出此部分就是网站所独有的。明确分辨出此部分就是网站所独有的。明确分辨出此部分就是网站所独有的。明确分辨出此部分就是网站所独有的。注意：注意：注意：注意：风格建立在有价值的内容之上风格建立在有价值的内容之上风格建立在有价值的内容之上风格建立在有价值的内容之上。网站有风格而无内容，。网站有风格而无内容，。网站有风格而无内容，。网站有风格而无内容，是不行的，必须保证内容的质量和是不行的，必须保证内容的质量和是不行的，必须保证内容的质量和是不行的，必须保证内容的质量和价值性价值性价值性价值性；清楚自己希望站点留给浏览者的印象。清楚自己希望站点留给浏览者的印象。清楚自己希望站点留给浏览者的印象。清楚自己希望站点留给浏览者的印象。3 3、网站的、网站的、网站的、网站的CICI形象形象形象形象 CI(CI(corporatecorporate identity)identity)：指：指：指：指企业形象认同企业形象认同企业形象认同企业形象认同,通过视觉来统一企通过视觉来统一企通过视觉来统一企通过视觉来统一企业的形象。包括：标志、色彩、字体和标语。业的形象。包括：标志、色彩、字体和标语。业的形象。包括：标志、色彩、字体和标语。业的形象。包括：标志、色彩、字体和标语。网站的网站的网站的网站的CICI形象设计包括形象设计包括形象设计包括形象设计包括：设计网站的标志设计网站的标志设计网站的标志设计网站的标志(logo)(logo)(logo)(logo)：logologologologo是一个网站的特色和内涵的是一个网站的特色和内涵的是一个网站的特色和内涵的是一个网站的特色和内涵的集中体集中体集中体集中体现现现现，必须设计并制作网站的标志。标志的设计、创意来自该网站的名，必须设计并制作网站的标志。标志的设计、创意来自该网站的名，必须设计并制作网站的标志。标志的设计、创意来自该网站的名，必须设计并制作网站的标志。标志的设计、创意来自该网站的名称和内容，让浏览者一看到标志就联想到这个网站。称和内容，让浏览者一看到标志就联想到这个网站。称和内容，让浏览者一看到标志就联想到这个网站。称和内容，让浏览者一看到标志就联想到这个网站。设计网站的标准色彩设计网站的标准色彩设计网站的标准色彩设计网站的标准色彩：不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。标准色彩是指能标准色彩是指能标准色彩是指能标准色彩是指能体现网站形象和延伸内涵的色彩体现网站形象和延伸内涵的色彩体现网站形象和延伸内涵的色彩体现网站形象和延伸内涵的色彩，主要用于标志、，主要用于标志、，主要用于标志、，主要用于标志、标题、主菜单和主色块。标题、主菜单和主色块。标题、主菜单和主色块。标题、主菜单和主色块。适合于网页标准色：蓝色、黄适合于网页标准色：蓝色、黄适合于网页标准色：蓝色、黄适合于网页标准色：蓝色、黄/橙色、黑橙色、黑橙色、黑橙色、黑/灰灰灰灰/白等白等白等白等 设计网站设计网站设计网站设计网站标准字体标准字体标准字体标准字体：是指用于标志、标题和主菜单的特有字是指用于标志、标题和主菜单的特有字是指用于标志、标题和主菜单的特有字是指用于标志、标题和主菜单的特有字体。体。体。体。设计网站设计网站设计网站设计网站宣传标语宣传标语宣传标语宣传标语：最好用一句话甚至是一个词来高度概括最好用一句话甚至是一个词来高度概括最好用一句话甚至是一个词来高度概括最好用一句话甚至是一个词来高度概括4 4、网站的栏目和版块、网站的栏目和版块、网站的栏目和版块、网站的栏目和版块 制作网页前，一定要先规划好网站，确定合理的制作网页前，一定要先规划好网站，确定合理的制作网页前，一定要先规划好网站，确定合理的制作网页前，一定要先规划好网站，确定合理的栏目栏目栏目栏目和和和和版块版块版块版块。栏目栏目栏目栏目实质上是一实质上是一实质上是一实质上是一个突出显示个突出显示个突出显示个突出显示网站主题的大纲索引网站主题的大纲索引网站主题的大纲索引网站主题的大纲索引。设计网站的栏目时应考虑以下内容：设计网站的栏目时应考虑以下内容：设计网站的栏目时应考虑以下内容：设计网站的栏目时应考虑以下内容：1.1.紧扣网站的主题紧扣网站的主题紧扣网站的主题紧扣网站的主题一般做法是将网站主题按一定的方法分类并将其作为网站的主栏目，且主一般做法是将网站主题按一定的方法分类并将其作为网站的主栏目，且主一般做法是将网站主题按一定的方法分类并将其作为网站的主栏目，且主一般做法是将网站主题按一定的方法分类并将其作为网站的主栏目，且主题栏目个数在总数上要占绝对优势。题栏目个数在总数上要占绝对优势。题栏目个数在总数上要占绝对优势。题栏目个数在总数上要占绝对优势。2.2.设计一个最近更新或网站指南栏目设计一个最近更新或网站指南栏目设计一个最近更新或网站指南栏目设计一个最近更新或网站指南栏目若主页未安排版面放置最新更新内容信息，需设置一个若主页未安排版面放置最新更新内容信息，需设置一个若主页未安排版面放置最新更新内容信息，需设置一个若主页未安排版面放置最新更新内容信息，需设置一个“最新更新最新更新最新更新最新更新”栏目，栏目，栏目，栏目，若主页层次较多，又无站内搜索引擎，则应设置一个若主页层次较多，又无站内搜索引擎，则应设置一个若主页层次较多，又无站内搜索引擎，则应设置一个若主页层次较多，又无站内搜索引擎，则应设置一个“站点指南站点指南站点指南站点指南”栏目栏目栏目栏目3.3.设定一个可以双向交流的栏目设定一个可以双向交流的栏目设定一个可以双向交流的栏目设定一个可以双向交流的栏目设定论坛、留言簿或邮件列表等，让浏览者留下信息或建议等。设定论坛、留言簿或邮件列表等，让浏览者留下信息或建议等。设定论坛、留言簿或邮件列表等，让浏览者留下信息或建议等。设定论坛、留言簿或邮件列表等，让浏览者留下信息或建议等。版块版块版块版块的概念比栏目大，每一个版块都有自己的栏目。设置版块时，注意各版块的概念比栏目大，每一个版块都有自己的栏目。设置版块时，注意各版块的概念比栏目大，每一个版块都有自己的栏目。设置版块时，注意各版块的概念比栏目大，每一个版块都有自己的栏目。设置版块时，注意各版块要相对独立，相互关联，且版块的内容要围绕站点的主题。要相对独立，相互关联，且版块的内容要围绕站点的主题。要相对独立，相互关联，且版块的内容要围绕站点的主题。要相对独立，相互关联，且版块的内容要围绕站点的主题。5 5、网站的目录和链接结构、网站的目录和链接结构、网站的目录和链接结构、网站的目录和链接结构 网站目录网站目录网站目录网站目录是指建立网站时创建的目录，站点上的所有网页是指建立网站时创建的目录，站点上的所有网页是指建立网站时创建的目录，站点上的所有网页是指建立网站时创建的目录，站点上的所有网页及相关资源都及相关资源都及相关资源都及相关资源都分门别类分门别类分门别类分门别类、有序有序有序有序地地地地存放存放存放存放在目录中。在目录中。在目录中。在目录中。目录结构好坏对浏览者没有太大影响，但对站点本身的上目录结构好坏对浏览者没有太大影响，但对站点本身的上目录结构好坏对浏览者没有太大影响，但对站点本身的上目录结构好坏对浏览者没有太大影响，但对站点本身的上传维护，内容扩充和移植有重要影响。传维护，内容扩充和移植有重要影响。传维护，内容扩充和移植有重要影响。传维护，内容扩充和移植有重要影响。建议：建议：建议：建议：不要将所有文件都存放在根目录下不要将所有文件都存放在根目录下不要将所有文件都存放在根目录下不要将所有文件都存放在根目录下，会造成文件管理混乱，上传，会造成文件管理混乱，上传，会造成文件管理混乱，上传，会造成文件管理混乱，上传速度慢等。应速度慢等。应速度慢等。应速度慢等。应尽量减少根目录下的文件数尽量减少根目录下的文件数尽量减少根目录下的文件数尽量减少根目录下的文件数；按栏目内容建立子目录按栏目内容建立子目录按栏目内容建立子目录按栏目内容建立子目录：子目录的建立应基于主菜单栏目；需要经常更新的栏目，可建子目录的建立应基于主菜单栏目；需要经常更新的栏目，可建子目录的建立应基于主菜单栏目；需要经常更新的栏目，可建子目录的建立应基于主菜单栏目；需要经常更新的栏目，可建立独立的子目录，相关性强，不需经常更新的栏目，可合并放立独立的子目录，相关性强，不需经常更新的栏目，可合并放立独立的子目录，相关性强，不需经常更新的栏目，可合并放立独立的子目录，相关性强，不需经常更新的栏目，可合并放在一个统一的子目录下。在一个统一的子目录下。在一个统一的子目录下。在一个统一的子目录下。所有程序文件应放在特定目录下所有程序文件应放在特定目录下所有程序文件应放在特定目录下所有程序文件应放在特定目录下 所有需要下载的文件最好放在一个目录下所有需要下载的文件最好放在一个目录下所有需要下载的文件最好放在一个目录下所有需要下载的文件最好放在一个目录下 在每个主目录下都建立在每个主目录下都建立在每个主目录下都建立在每个主目录下都建立 images images 目录目录目录目录 目录的层次不要太深，目录的层次不要太深，目录的层次不要太深，目录的层次不要太深，一般不超过三层；一般不超过三层；一般不超过三层；一般不超过三层；三、网站的开发流程三、网站的开发流程三、网站的开发流程三、网站的开发流程网站的开发人员网站的开发人员网站的开发人员网站的开发人员（由一个集体来完成）（由一个集体来完成）（由一个集体来完成）（由一个集体来完成）主导网站开发的单位和客户主导网站开发的单位和客户主导网站开发的单位和客户主导网站开发的单位和客户 项目负责人项目负责人项目负责人项目负责人 美术动画设计人员美术动画设计人员美术动画设计人员美术动画设计人员 程序设计师程序设计师程序设计师程序设计师 维护人员维护人员维护人员维护人员网站开发的流程网站开发的流程网站开发的流程网站开发的流程1.1.定义站点定义站点定义站点定义站点2.2.建立网站结构建立网站结构建立网站结构建立网站结构3.3.设计和制作主页设计和制作主页设计和制作主页设计和制作主页4.4.其它页面制作其它页面制作其它页面制作其它页面制作5.5.测试页面测试页面测试页面测试页面6.6.发布和维护发布和维护发布和维护发布和维护1 1、定义站点、定义站点、定义站点、定义站点 明确明确明确明确建立网站的建立网站的建立网站的建立网站的目的目的目的目的，确定确定确定确定网站提供的网站提供的网站提供的网站提供的内容内容内容内容，及，及，及，及搜集搜集搜集搜集网站网站网站网站资料资料资料资料。建立网站目的很多，如建立网站目的很多，如建立网站目的很多，如建立网站目的很多，如销售产品销售产品销售产品销售产品、树立形象树立形象树立形象树立形象、提供信息提供信息提供信息提供信息或或或或游戏娱乐游戏娱乐游戏娱乐游戏娱乐等。等。等。等。目的一定要明确目的一定要明确目的一定要明确目的一定要明确，否则会影响到以后的设计。，否则会影响到以后的设计。，否则会影响到以后的设计。，否则会影响到以后的设计。确定建立网站的目的：确定建立网站的目的：确定建立网站的目的：确定建立网站的目的：需要参与网站设计的各单位及成员需要参与网站设计的各单位及成员需要参与网站设计的各单位及成员需要参与网站设计的各单位及成员一起构思，讨论，取得共识一起构思，讨论，取得共识一起构思，讨论，取得共识一起构思，讨论，取得共识后确保开发过程不会发生争议，后确保开发过程不会发生争议，后确保开发过程不会发生争议，后确保开发过程不会发生争议，能够有效地进行网站建设。能够有效地进行网站建设。能够有效地进行网站建设。能够有效地进行网站建设。确定网站内容：确定网站内容：确定网站内容：确定网站内容：网站内容必须按照网站目的来选择且不能网站内容必须按照网站目的来选择且不能网站内容必须按照网站目的来选择且不能网站内容必须按照网站目的来选择且不能有内容越多越好的思想。有内容越多越好的思想。有内容越多越好的思想。有内容越多越好的思想。应该有所侧重应该有所侧重应该有所侧重应该有所侧重，与网站主题有关，与网站主题有关，与网站主题有关，与网站主题有关的内容选择相对多一点。的内容选择相对多一点。的内容选择相对多一点。的内容选择相对多一点。进行资料的搜集进行资料的搜集进行资料的搜集进行资料的搜集：主要指文本、图片、动画及背景音乐等。：主要指文本、图片、动画及背景音乐等。：主要指文本、图片、动画及背景音乐等。：主要指文本、图片、动画及背景音乐等。设计企业网站时，一般由客户提供大部分资料，然后对资设计企业网站时，一般由客户提供大部分资料，然后对资设计企业网站时，一般由客户提供大部分资料，然后对资设计企业网站时，一般由客户提供大部分资料，然后对资料进行整理和筛选。料进行整理和筛选。料进行整理和筛选。料进行整理和筛选。2 2、建立网站结构、建立网站结构、建立网站结构、建立网站结构 规划出规划出规划出规划出网站的网站的网站的网站的外观及工作方式外观及工作方式外观及工作方式外观及工作方式；第一步就是建立第一步就是建立第一步就是建立第一步就是建立网站结构流程图网站结构流程图网站结构流程图网站结构流程图，图中应包括网站的所有，图中应包括网站的所有，图中应包括网站的所有，图中应包括网站的所有关键页面及与其它网页的关系，技术要点和主要的链接也关键页面及与其它网页的关系，技术要点和主要的链接也关键页面及与其它网页的关系，技术要点和主要的链接也关键页面及与其它网页的关系，技术要点和主要的链接也应在其中。应在其中。应在其中。应在其中。建立结构时，可先绘制网站结构的草图，将所希望的网页建立结构时，可先绘制网站结构的草图，将所希望的网页建立结构时，可先绘制网站结构的草图，将所希望的网页建立结构时，可先绘制网站结构的草图，将所希望的网页内容全部加入进去，然后与其它开发人员一起研究讨论，内容全部加入进去，然后与其它开发人员一起研究讨论，内容全部加入进去，然后与其它开发人员一起研究讨论，内容全部加入进去，然后与其它开发人员一起研究讨论，最后确定网站结构图最后确定网站结构图最后确定网站结构图最后确定网站结构图 注意事项：注意事项：注意事项：注意事项：网页的浏览线路是否流畅，是否能够引导浏览网页的浏览线路是否流畅，是否能够引导浏览网页的浏览线路是否流畅，是否能够引导浏览网页的浏览线路是否流畅，是否能够引导浏览者正确地浏览等者正确地浏览等者正确地浏览等者正确地浏览等网站栏目结构图网站栏目结构图企业简介企业文化企业梦想组织机构董事长致辞网站后台受权登录网站后台受权登录网站后台管理,针对各栏目，可修改编辑对应栏目的内容，操作简单、方便，能实时更新网站。可查看网站访问统计;可针对网站关键词优化即时交流联系信息客户留言首页首页首页关于我们关于我们 图书展示图书展示 图书分类图书展示图书介绍最新公告公司新闻行业资讯媒体报道新闻资讯新闻资讯 联系我们联系我们服务理念服务咨询常见问题服务中心服务中心 底部栏目版权信息版权信息人才招聘人才招聘联系我们联系我们网站地图网站地图关于我们关于我们顶部栏目加入收藏加入收藏联系我们设为首页设为首页征稿活动征稿活动 征稿分类征稿列表征稿说明网上书店网上书店 网上书店3 3、设计和制作主页、设计和制作主页、设计和制作主页、设计和制作主页 对于一个网站来说，主页是至关重要的。对于一个网站来说，主页是至关重要的。对于一个网站来说，主页是至关重要的。对于一个网站来说，主页是至关重要的。主页制作要先绘制一张草图，图中应包括网站标志、广告主页制作要先绘制一张草图，图中应包括网站标志、广告主页制作要先绘制一张草图，图中应包括网站标志、广告主页制作要先绘制一张草图，图中应包括网站标志、广告条、菜单栏、友情链接等基本部件，且根据部件重要性合条、菜单栏、友情链接等基本部件，且根据部件重要性合条、菜单栏、友情链接等基本部件，且根据部件重要性合条、菜单栏、友情链接等基本部件，且根据部件重要性合理布置。理布置。理布置。理布置。主页内容一般是比较概括性文字，只是起一个引导性作用，主页内容一般是比较概括性文字，只是起一个引导性作用，主页内容一般是比较概括性文字，只是起一个引导性作用，主页内容一般是比较概括性文字，只是起一个引导性作用，文字不应太多文字不应太多文字不应太多文字不应太多。制作主页时制作主页时制作主页时制作主页时不要使用太多不要使用太多不要使用太多不要使用太多或或或或容量太大容量太大容量太大容量太大的的的的图片图片图片图片和和和和动画动画动画动画。太大。太大。太大。太大将影响传输速度。将影响传输速度。将影响传输速度。将影响传输速度。4 4、其它页面制作、其它页面制作、其它页面制作、其它页面制作：其它页面没有主页复杂，但方法相同。其它页面没有主页复杂，但方法相同。其它页面没有主页复杂，但方法相同。其它页面没有主页复杂，但方法相同。需要注意的问题：需要注意的问题：需要注意的问题：需要注意的问题：1.1.和主页保持相同的风格和主页保持相同的风格和主页保持相同的风格和主页保持相同的风格2.2.要有返回主页的链接要有返回主页的链接要有返回主页的链接要有返回主页的链接3.3.目录结构不要超过三层目录结构不要超过三层目录结构不要超过三层目录结构不要超过三层5 5、测试页面、测试页面、测试页面、测试页面 主要包括主要包括主要包括主要包括网页的测试及网站的验证与调试；网页的测试及网站的验证与调试；网页的测试及网站的验证与调试；网页的测试及网站的验证与调试；1.1.测试网页：测试网页：测试网页：测试网页：兼容性测试：兼容性测试：兼容性测试：兼容性测试：检查检查检查检查浏览器浏览器浏览器浏览器版本的版本的版本的版本的兼容兼容兼容兼容性性性性 链接测试：链接测试：链接测试：链接测试：检查检查检查检查链接是否链接是否链接是否链接是否有效和有效和有效和有效和正确正确正确正确 实地测试：实地测试：实地测试：实地测试：将网页上传到将网页上传到将网页上传到将网页上传到WebWeb服务器，测试链接，下服务器，测试链接，下服务器，测试链接，下服务器，测试链接，下载速度等。载速度等。载速度等。载速度等。2.2.网站的验证与测试：网站的验证与测试：网站的验证与测试：网站的验证与测试：尽最大努力找出网站的所有错误。尽最大努力找出网站的所有错误。尽最大努力找出网站的所有错误。尽最大努力找出网站的所有错误。注意网站的可浏览性，在不同浏览器中浏览的效果有注意网站的可浏览性，在不同浏览器中浏览的效果有注意网站的可浏览性，在不同浏览器中浏览的效果有注意网站的可浏览性，在不同浏览器中浏览的效果有所差异。最好所差异。最好所差异。最好所差异。最好在在在在几个几个几个几个不同不同不同不同的的的的浏览器浏览器浏览器浏览器及及及及不同版本不同版本不同版本不同版本中中中中浏览浏览浏览浏览测试。测试。测试。测试。6 6、发布和维护、发布和维护、发布和维护、发布和维护 网站在服务器上发布网站在服务器上发布网站在服务器上发布网站在服务器上发布-上传网站上传网站上传网站上传网站常用软件：常用软件：常用软件：常用软件：CuteFTPCuteFTP Flash FXPFlash FXP Leap FTPLeap FTP WS_FTPWS_FTP等等等等 发布网站以后，还需要对网站做定期维护，如内容更新和发布网站以后，还需要对网站做定期维护，如内容更新和发布网站以后，还需要对网站做定期维护，如内容更新和发布网站以后，还需要对网站做定期维护，如内容更新和版面扩展等。版面扩展等。版面扩展等。版面扩展等。四、常用网站开发工具四、常用网站开发工具四、常用网站开发工具四、常用网站开发工具 FrontPageFrontPage：MicrosoftMicrosoft公司，最新版本公司，最新版本公司，最新版本公司，最新版本20032003 优点：易学易用，图形化界面，和优点：易学易用，图形化界面，和优点：易学易用，图形化界面，和优点：易学易用，图形化界面，和WordWord相似相似相似相似 缺点：生成代码过大缺点：生成代码过大缺点：生成代码过大缺点：生成代码过大 主要功能：主要功能：主要功能：主要功能：允许客户使用图片库组件允许客户使用图片库组件允许客户使用图片库组件允许客户使用图片库组件 类似类似类似类似PowerPointPowerPoint的图形工具的图形工具的图形工具的图形工具 通过浏览器远程管理一个通过浏览器远程管理一个通过浏览器远程管理一个通过浏览器远程管理一个SharePointSharePoint团队站点团队站点团队站点团队站点 使用分析报告追踪访客如何访问并使用网站使用分析报告追踪访客如何访问并使用网站使用分析报告追踪访客如何访问并使用网站使用分析报告追踪访客如何访问并使用网站 增强的发布功能增强的发布功能增强的发布功能增强的发布功能 改进的查找和替换改进的查找和替换改进的查找和替换改进的查找和替换 使用数据库向导，用户可在网页上显示数据库内容。使用数据库向导，用户可在网页上显示数据库内容。使用数据库向导，用户可在网页上显示数据库内容。使用数据库向导，用户可在网页上显示数据库内容。DreamweaverDreamweaver MX:Macromedia MX:Macromedia 特点：特点：特点：特点：最佳的制作效率最佳的制作效率最佳的制作效率最佳的制作效率 网站管理网站管理网站管理网站管理 控制能力：提供代码视图、设计视图与代码控制能力：提供代码视图、设计视图与代码控制能力：提供代码视图、设计视图与代码控制能力：提供代码视图、设计视图与代码/设计视图设计视图设计视图设计视图切换，并包含切换，并包含切换，并包含切换，并包含HomeSiteHomeSite等等等等HTMLHTML代码编辑器代码编辑器代码编辑器代码编辑器 梦幻模板和梦幻模板和梦幻模板和梦幻模板和XMLXML 浏览器适应性浏览器适应性浏览器适应性浏览器适应性 WebWeb应用程序开发能力应用程序开发能力应用程序开发能力应用程序开发能力五、网站设计基础五、网站设计基础五、网站设计基础五、网站设计基础 超文本超文本(hypertext):(hypertext):是一种特殊的文本，与一般文本不同之处是一种特殊的文本，与一般文本不同之处是一种特殊的文本，与一般文本不同之处是一种特殊的文本，与一般文本不同之处在于用户阅读超文本时，可以按非线性的方式，在不同的文本在于用户阅读超文本时，可以按非线性的方式，在不同的文本在于用户阅读超文本时，可以按非线性的方式，在不同的文本在于用户阅读超文本时，可以按非线性的方式，在不同的文本之间随机地转来转去，随心所欲地进行阅读。之间随机地转来转去，随心所欲地进行阅读。之间随机地转来转去，随心所欲地进行阅读。之间随机地转来转去，随心所欲地进行阅读。超链接超链接:是指从一个网页指向一个目标的连接关系是指从一个网页指向一个目标的连接关系是指从一个网页指向一个目标的连接关系是指从一个网页指向一个目标的连接关系,这个目标可这个目标可这个目标可这个目标可以是另一个网页以是另一个网页以是另一个网页以是另一个网页,也可以是相同网页上的不同位置，还可以是也可以是相同网页上的不同位置，还可以是也可以是相同网页上的不同位置，还可以是也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程一个图片，一个电子邮件地址，一个文件，甚至是一个应用程一个图片，一个电子邮件地址，一个文件，甚至是一个应用程一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者序。而在一个网页中用来超链接的对象，可以是一段文本或者序。而在一个网页中用来超链接的对象，可以是一段文本或者序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后是一个图片。当浏览者单击已经链接的文字或图片后是一个图片。当浏览者单击已经链接的文字或图片后是一个图片。当浏览者单击已经链接的文字或图片后,链接目链接目链接目链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。标将显示在浏览器上，并且根据目标的类型来打开或运行。标将显示在浏览器上，并且根据目标的类型来打开或运行。标将显示在浏览器上，并且根据目标的类型来打开或运行。1.61.6 IPIP地址概述地址概述 IPIP地址地址地址地址:是是是是INTERNETINTERNET中对主机及网络设备进行识别的中对主机及网络设备进行识别的中对主机及网络设备进行识别的中对主机及网络设备进行识别的唯一标唯一标唯一标唯一标识识识识,由由由由32323232个二进制位组成个二进制位组成个二进制位组成个二进制位组成.IPIP地址由两部分构成：地址由两部分构成：地址由两部分构成：地址由两部分构成：net-idnet-id，host-idhost-id网络号网络号:标识所连接的网络，相当于电话号码的标识所连接的网络，相当于电话号码的标识所连接的网络，相当于电话号码的标识所连接的网络，相当于电话号码的区号。区号。区号。区号。主机号主机号:标识网络中的主机标识网络中的主机标识网络中的主机标识网络中的主机，相当于市内的电话相当于市内的电话相当于市内的电话相当于市内的电话号码。号码。号码。号码。网络号网络号网络号网络号主机号主机号主机号主机号IP地址由两部分构成IPIP地址分类地址分类地址分类地址分类0net-idhost-id10net-idhost-id110net-idhost-id1110多播多播地址地址ABCDv常用的IP 地址有,四类，其中,B,C,三类最常用，它们的网络号字段分别为：,个字节，网络号前有4个不同的类类别别比特。常用的三种常用的三种常用的三种常用的三种IPIPIPIP地址说明：地址说明：地址说明：地址说明：A A类类类类地地地地址址址址的的的的net-idnet-id字字字字段段段段占占占占一一一一个个个个字字字字节节节节，7 7 7 7个个个个比比比比特特特特，网网网网络络络络号号号号为为为为2 2 2 27 7 7 7-2-2-2-2，主机号，主机号，主机号，主机号2 2 2 224242424-2-2-2-2。全全0 0:为本地地址；为本地地址；为本地地址；为本地地址；全全1 1:是广播地址；是广播地址；是广播地址；是广播地址；回路测试地址回路测试地址回路测试地址回路测试地址127.XX.YY.ZZ127.XX.YY.ZZ不能分配不能分配不能分配不能分配IPIP地址地址地址地址0net-idhost-idApA类IP地址：以0开头的IPp地址范围:(网络地址和主机地址不能全部为0或全部为1)00000001.00000000.00000000.0000000101111111.11111111.11111111.11111110p即1.0.0.1到127.255.255.254p网络数量：全世界只有126个（1-126）？p每个网络的主机数量：224-2=16777214A A类类IPIP地址地址IPIP地址地址地址地址 B B B B类类类类地地地地址址址址的的的的net-idnet-idnet-idnet-id字字字字段段段段占占占占2 2 2 2个个个个字字字字节节节节，14141414个个个个比比比比特特特特，网网网网络络络络号号号号为为为为2 2 2 214141414，主机号，主机号，主机号，主机号2 2 2 216161616-2-2-2-2。10net-idhost-idBppB B类类类类IPIP地址地址地址地址:以10开头的IPp地址范围:(网络地址和主机地址不能全部为0或全部为1)10000000.00000000.00000000.0000000110111111.11111111.11111111.11111110即128.0.0.1到191.255.255.254p网络数量：21416384p每个网络的主机数量：216-2=65534B B类类IPIP地址地址 C C C C类类类类地地地地址址址址的的的的net-idnet-idnet-idnet-id字字字字段段段段占占占占3 3 3 3个个个个字字字字节节节节，21212121个个个个比比比比特特特特，网网网网络络络络号号号号为为为为2 2 2 221212121，主机号，主机号，主机号，主机号2 2 2 28 8 8 8-2-2-2-2110net-idhost-idCpClassC:以110开头的IPp地址范围:(网络地址和主机地址不能全部为0或全部为1)11000000.00000000.00000000.0000000111011111.11111111.11111111.11111110即192.0.0.1到223.255.255.254p网络数量：2212097152p每个网络的主机数量：28-2=254C C类类IPIP地址地址特殊的特殊的IPIP地址地址pp1 1、主机地址全零代表整个网络、主机地址全零代表整个网络、主机地址全零代表整个网络、主机地址全零代表整个网络192.168.1.0192.168.1.0代表网络本身代表网络本身代表网络本身代表网络本身pp2 2、主机地址全、主机地址全、主机地址全、主机地址全1 1代表网络上的全部设备，也称广播地址代表网络上的全部设备，也称广播地址代表网络上的全部设备，也称广播地址代表网络上的全部设备，也称广播地址192.168.1.255192.168.1.255pp3 3、网络地址与主机地址全、网络地址与主机地址全、网络地址与主机地址全、网络地址与主机地址全1 1也称为广播，指世界上所有主机。也称为广播，指世界上所有主机。也称为广播，指世界上所有主机。也称为广播，指世界上所有主机。255.255.255.255255.255.255.255点分十进制表示方法：点分十进制表示方法：点分十进制表示方法：点分十进制表示方法：点分十进制记法：为提高为提高为提高为提高IPIPIPIP地址的可读性，将位地址的可读性，将位地址的可读性，将位地址的可读性，将位IPIPIPIP地址每八位为一组，每组用一位十进制数代替，并地址每八位为一组，每组用一位十进制数代替，并地址每八位为一组，每组用一位十进制数代替，并地址每八位为一组，每组用一位十进制数代替，并在这些数字之间加上一个点。在这些数字之间加上一个点。在这些数字之间加上一个点。在这些数字之间加上一个点。IPIP地址地址地址地址223.1.1.1=11011111 00000001 00000001 000000013.3.动态动态动态动态IPIP地址与静态地址与静态地址与静态地址与静态IPIP地址地址地址地址pp随着随着随着随着InternetInternet的发展，的发展，的发展，的发展，InternetInternet上可用的上可用的上可用的上可用的IPIP地址数量越来越少了。为了解决这地址数量越来越少了。为了解决这地址数量越来越少了。为了解决这地址数量越来越少了。为了解决这个问题，对于一般的拨号用户，个问题，对于一般的拨号用户，个问题，对于一般的拨号用户，个问题，对于一般的拨号用户，ISP(InternetISP(InternetServiceProviderServiceProvider，因特网服务，因特网服务，因特网服务，因特网服务提供商提供商提供商提供商)采用了一种动态分配采用了一种动态分配采用了一种动态分配采用了一种动态分配IPIP地址的方法。地址的方法。地址的方法。地址的方法。pp假设一个假设一个假设一个假设一个ISPISP有有有有10001000个用户，那它只需要申请个用户，那它只需要申请个用户，那它只需要申请个用户，那它只需要申请100100个个个个IPIP地址来满足用户的上网地址来满足用户的上网地址来满足用户的上网地址来满足用户的上网需要。因为需要。因为需要。因为需要。因为10001000个用户同时上网的概率是非常小的，当某个用户想上网时，就个用户同时上网的概率是非常小的，当某个用户想上网时，就个用户同时上网的概率是非常小的，当某个用户想上网时，就个用户同时上网的概率是非常小的，当某个用户想上网时，就分配一个给他使用，一直到他下网时，再收回这个分配一个给他使用，一直到他下网时，再收回这个分配一个给他使用，一直到他下网时，再收回这个分配一个给他使用，一直到他下网时，再收回这个IPIP地址。使用这种地址。使用这种地址。使用这种地址。使用这种“谁想用就谁想用就谁想用就谁想用就分配给谁分配给谁分配给谁分配给谁”的动态机制，的动态机制，的动态机制，的动态机制，100100个个个个IPIP地址就可满足地址就可满足地址就可满足地址就可满足10001000个用户的上网需要了。这个用户的上网需要了。这个用户的上网需要了。这个用户的上网需要了。这种种种种以动态形式分配给用户的IP地址就是动态IP地址。pp静态静态静态静态IPIP地址：地址：地址：地址：长期地分配给用户使用的不会改变的IP地址。静态静态静态静态IPIP地址是相对于动态地址是相对于动态地址是相对于动态地址是相对于动态IPIP地址而言的。对于一个有静态地址而言的。对于一个有静态地址而言的。对于一个有静态地址而言的。对于一个有静态IPIP地址的地址的地址的地址的InternetInternet上的主机，其上的主机，其上的主机，其上的主机，其IPIP地址是不变的，已经长期地分配给它使用。地址是不变的，已经长期地分配给它使用。地址是不变的，已经长期地分配给它使用。地址是不变的，已经长期地分配给它使用。ipv4 ipv4 与与与与Ipv6 Ipv6 pp目前目前目前目前IPv4IPv4地址协议最主要的问题就是地址协议最主要的问题就是地址协议最主要的问题就是地址协议最主要的问题就是IPIP地址已经不能满足需要。地址已经不能满足需要。地址已经不能满足需要。地址已经不能满足需要。IPv4IPv4的的的的IPIP地地地地址大约为址大约为址大约为址大约为40多亿，但因为美国掌握了绝对的控制权，在，但因为美国掌握了绝对的控制权，在，但因为美国掌握了绝对的控制权，在，但因为美国掌握了绝对的控制权，在IPIP地址这种资源的分地址这种资源的分地址这种资源的分地址这种资源的分配上，明显偏袒美国，加上不珍惜，目前配上，明显偏袒美国，加上不珍惜，目前配上，明显偏袒美国，加上不珍惜，目前配上，明显偏袒美国，加上不珍惜，目前IPIP地址面临枯竭。所以，以地址面临枯竭。所以，以地址面临枯竭。所以，以地址面临枯竭。所以，以IPv6IPv6为核心为核心为核心为核心的下一代互联网就提上了日程。的下一代互联网就提上了日程。的下一代互联网就提上了日程。的下一代互联网就提上了日程。ppIPv4IPv4的地址是的地址是的地址是的地址是3232位编码，而位编码，而位编码，而位编码，而IPv6IPv6的地址是的地址是的地址是的地址是128128位编码，能产生位编码，能产生位编码，能产生位编码，能产生2 2的的的的128128次幂个次幂个次幂个次幂个IPIP地址，其资源几乎是无穷的。地址，其资源几乎是无穷的。地址，其资源几乎是无穷的。地址，其资源几乎是无穷的。n我国于1998年由中国教育和科研计算机网CERNET率先建立了IPv6试验床，并获得国际组织认可，于1999年开始分配IPv6地址。n2001年，CERNET提出建设全国性下一代互联网CERNET2计划。n2003年8月，CERNET2成为国家发展和改革委员会等八部委联合领导的中国下一代互联网示范工程核心网的重要组成部分。域域域域 名名名名 虽然虽然虽然虽然INTERNETINTERNETINTERNETINTERNET中的每台主机都有唯一的中的每台主机都有唯一的中的每台主机都有唯一的中的每台主机都有唯一的IPIPIPIP地址地址地址地址,但要记住这些由数但要记住这些由数但要记住这些由数但要记住这些由数字字组成的组成的组成的组成的IPIPIPIP地址并不容易地址并不容易地址并不容易地址并不容易.为方便记忆为方便记忆为方便记忆为方便记忆,有必要为每台主机命名一个唯一的有必要为每台主机命名一个唯一的有必要为每台主机命名一个唯一的有必要为每台主机命名一个唯一的字符标识字符标识字符标识字符标识,即即即即域名域名域名域名.域名只是个域名只是个域名只是个域名只是个逻辑逻辑逻辑逻辑上的概念，并不反映计算机所在的物理地点。上的概念，并不反映计算机所在的物理地点。上的概念，并不反映计算机所在的物理地点。上的概念，并不反映计算机所在的物理地点。因特网设立专门的机构管理域名：因特网设立专门的机构管理域名：因特网设立专门的机构管理域名：因特网设立专门的机构管理域名：ICNNICNN：因特网名称和数字合作机构因特网名称和数字合作机构因特网名称和数字合作机构因特网名称和数字合作机构（Internet Corporation for Internet Corporation for Assigned Names and NumbersAssigned