第一部分基础知识 精选文档.ppt

《第一部分基础知识 精选文档.ppt》由会员分享，可在线阅读，更多相关《第一部分基础知识 精选文档.ppt（63页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第一部分基础知识第一部分基础知识 本讲稿第一页，共六十三页初识网页初识网页n n 网页一般又称为HTML（HyperText Markup Language）文件，英文名称为Web Page，是一种可以在WWW上传输，能被浏览器认识并翻译成页面，进而显示出来的文件。通常看到的网页，大都是以.htm或.html后缀结尾的文件。除此之外，网页文件还有以.cgi、.asp、.php、和.jsp等后缀结尾。n n 根据生成的方式，网页大致可分为静态网页和动态网页两种。本讲稿第二页，共六十三页1静态网页静态网页n n静态网页是网站建设初期经常采用的一种形式。网站建设静态网页是网站建设初期经常采用的一种形

2、式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。其特点如下：设者提供的网页内容。其特点如下：n n网页内容不会发生变化，除非网页设计者修改了网页内容。n n不能实现和浏览网页的用户之间的交互，信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容，静态网页的浏览过程如下图所示。本讲稿第三页，共六十三页浏览器浏览器WebWeb服务器服务器HTTPHTTP请求请求HTTPHTTP应答应答图图 1 静态网页浏览静态网页浏览本讲稿第四页，共六十三页2动态网页动态网页n n所谓动态网页是指网页

3、文件里包含了程序代码,通过后台数据库与Web服务器进行信息交互,由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言而有所不同，如ASP文件的后缀为.asp，JSP文件的后缀为.jsp。动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的BBS、留言板和聊天室通常用动态网页实现。n n动态网页的制作比较复杂，需要用到ASP、PHP、JSP和ASP.NET等专门的动态网页实现技术。动态网页的浏览过程如下图所示。本讲稿第五页，共六十三页浏览器浏览器HTTPHTTP请求请求HTTPHTTP应答应答图图2 动态网页浏览动态网页浏览数据库数据库程序程序WebW

4、eb服务器服务器本讲稿第六页，共六十三页 以电影网站的播放页面为例，一个电影网站上千部电影，而且每一部电影的集数不只一集，如果一部电影一个播放页面，制作及维护就会非常麻烦，而且服务器的空间放这些页面也是个问题。因此这类网站均为动态网站形式，当用户选择某个电影或某一集时，相当于提出了请求，动态程序判断用户请求后根据请求内容从数据库中获得所需内容反馈给用户，页面可始终公用一个，哪一天看着页面不合适，修改这么一个就可以了，不用修改每个单独的静态页面。由此可见动态网页占用的服务器空间少，容易更新维护，对管理员来说非常方便。动态网站举例：http:/ 网站采用动态网页还是静态网页主要取决于网站的功能需求

5、和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。如果网页上只包含有GIF动态图片或Flash动画或JS的动态效果，而不具备与后台数据库交互功能的网页并不是动态网页，还属于静态网页。静态网页是动态网页的基础，学习网页设计的前提是首先掌握静态网页制作，然后再进行动态网页技术的学习。本讲稿第八页，共六十三页3.网页的基本构成网页的基本构成n n不同性质的网页，构成的基本元素是不同的。一般地，网页的构成包括网页标题、网页标志、网页Banner、导航栏、主内容区、页脚版权信息等，如下图所示。本讲稿第九页，共六十三页网页标题网页标

6、题网页的标志网页的标志网页的网页的BannerBanner网页导航网页导航主内容区主内容区版权信息版权信息本讲稿第十页，共六十三页n n网页标题网页标题 网站中的每一个页面都有标题，用来提示该页面的主要内容。标题在浏览器标题栏中，它的作用是引导访问者清楚地知道所要浏览的网站内容，不至于迷失方向。n n网页导航栏网页导航栏 导航栏是网页设计中的重要部分，又是整个网站设计中较独立的部分。一般来说，网站中的导航栏在各个页面中出现的位置比较固定，而且风格较为一致。本讲稿第十一页，共六十三页 导航栏的位置一般有4种：页面的左侧、右侧、顶部和底部。有时候在同一个页面中运用了多种导航栏，比如在顶部设置了主菜

7、单，而在页面左侧设置了折叠式的折叠菜单，同时又在页面底部设置了多种链接，这样便增强了网站的可访问性。当然并不是导航栏在页面中出现的次数越多越好，而是要合理地运用，使页面总体协调一致。本讲稿第十二页，共六十三页n n网页的标志网页的标志 网页的标志是一个站点的象征，也是一个站点是否正规的标志之一。一个好的标志可以很好地树立公司的形象。网页标志一般放在网站的左上角。通常有3种尺寸：8831（像素）、12060（像素）和12090（像素）。本讲稿第十三页，共六十三页n n网页的网页的BannerBanner Banner是横幅广告，是互联网广告中最基本的广告形式。Banner可以位于网页的顶部、中部

8、或底部的任意一处，一般横向贯穿整个或者大半个页面。常见的尺寸是48060（像素）或23330（像素），Banner可使用静态图像文件也可以使用动画图像，除普通的GIF动画格式外，Flash能赋予Banner更强的表现力和交互内容。本讲稿第十四页，共六十三页n n主内容区 网页的主内容区是网页的主要内容显示区域。n n页脚版权信息 页脚是防置网站版权信息的地方，可以放置一些联系方式或其他的导航栏目。本讲稿第十五页，共六十三页认识网站认识网站 n n网站也称为站点，英文名称为Web Site，是指具有独立域名、独立存放空间的集合，这些内容可能是网页，也可能是程序或其它文件。通俗地说网站就是在互联网

9、上一块固定的面向全世界发布消息的地方。放置到指定的网站空间中（服务器或虚拟主机），通过域名（也就是网站地址）进行访问。衡量一个网站的性能，通常从网站空间大小、网站连接速度、服务器主机配置、主机性能等几个方面考虑。本讲稿第十六页，共六十三页网站的分类网站的分类n n网站按内容进行分类可分为门户网站、垂直网站、地方网站；而其中垂直网站又可分为新闻网站、娱乐网站、体育网站、科技网站、游戏网站、生活服务网站和教育职业网站等。网站按服务进行分类，可分为内容提供、搜索引擎、即时通信、电子商务、在线娱乐等。网站按使用群体的不同进行分类。可分为门户网站、导航网站、电子商务网站、企业网站、政府部门网站和个人网站

10、等。本讲稿第十七页，共六十三页网页制作中的专业术语网页制作中的专业术语 n n网站服务器（网站服务器（WebWeb服务器）服务器）：也称为WWW服务器，是专门提供网上信息浏览服务的高性能计算机。上网所浏览的网页必须存放在网站服务器中才能供人们访问浏览。本讲稿第十八页，共六十三页n nBrowserBrowser（浏览器）：（浏览器）：浏览器（Browser）就是指在电脑上安装的，用来显示指定文件的程序。常用的浏览器有IE6.0，IE7.0，IE8.0，Firefox,Opera等。本讲稿第十九页，共六十三页n nHTTPHTTPHTTPHTTP协议协议协议协议：HTTP是HyperText T

11、ransfer Protocol的缩写，也就是超文本传输协议，专门用于从WWW服务器传输超文本标记语言（HTML-Hyper Text Markup Language）写的文件，也就是我们通常说的网页，通过这个协议，我们可以浏览网络上的各种信息，在浏览器上看到丰富多彩的文字与图片。这就是网页地址都是以“httphttp：/”开头的原因。开头的原因。本讲稿第二十页，共六十三页n nIPIP地址地址：Internet上有无数台计算机要通过网络相互连通，为了能够准确地访问每台电脑，就必须指定一个唯一的识别标记。主机在Internet上的唯一标志称为IP地址（InternetProtocolAddre

12、ss）。它是一串4组由圆点分割的数字组成的，其中每一组数字都在0256之间，如：02550255025502550255；如，2022029633就是一个主机服务器的IP地址。本讲稿第二十一页，共六十三页n n域名域名域名域名：IPIP地址是数字化的，比较难记，所以人们提出了一种新地址是数字化的，比较难记，所以人们提出了一种新方法来代替这种方法来代替这种 ，即，即“域名域名”地址。域名由几个英文单词组地址。域名由几个英文单词组成，如成，如具有一定的意义，其中具有一定的意义，其中cncn代表中国，代表中国，comcom代表商业网，代表商业网，sinasina代表新浪，代表新浪，wwwwww代表万

13、维网（代表万维网（World World Wide WebWide Web）,整个域名合起来就代表新浪站点。整个域名合起来就代表新浪站点。n n域名地址和域名地址和IPIP地址实际上是一回事，只是形式上不同而已。在地址实际上是一回事，只是形式上不同而已。在访问一个站点的时候，可以输入该站点访问一个站点的时候，可以输入该站点IPIP地址也可以输入域名地址也可以输入域名地址。这里就存在一个域名地址和对应的地址。这里就存在一个域名地址和对应的IPIP地址相互转换的问地址相互转换的问题，这些信息实际上是存放在域名服务器中，当输入一个域名题，这些信息实际上是存放在域名服务器中，当输入一个域名地址时，域名

14、服务器就会搜索其对应的地址时，域名服务器就会搜索其对应的IPIP地址，然后访问到该地址，然后访问到该地址所表示的站点。地址所表示的站点。本讲稿第二十二页，共六十三页n nURL(Uniform Resource Locator-URL(Uniform Resource Locator-统一资源定位器统一资源定位器)：是专为：是专为标识标识InternetInternet网上资源位置而设的一种编址方式，我们平时所网上资源位置而设的一种编址方式，我们平时所说的网页地址指的即是说的网页地址指的即是URLURL，它一般由三部分组成（传输协议：，它一般由三部分组成（传输协议：/主机主机IPIP地址或域名

15、地址或域名/地址资源所在路径和文件名）地址资源所在路径和文件名）,如洪恩如洪恩在线在线-电脑乐园的电脑乐园的URLURL为：为：n nhttp:/ http:/ 其中其中n nhttp http 超文本传输协议超文本传输协议(Hyper Text Transfer Protocol)(Hyper Text Transfer Protocol)n 是是webweb服务器域名地址服务器域名地址n npc pc 是网页所在路径是网页所在路径n nindex.html index.html 是相应的网页文件。是相应的网页文件。本讲稿第二十三页，共六十三页n nFTP:FTP:文件传输协议，是File

16、Protocol的缩写，用FTP协议登录到FTP服务器。可以显示该服务器上的文件及目录清单，并且能够向FTP服务器上传或下载文件。FTP支持多种文件类型和文件格式的传输，包括ASCII和二进制文件。本讲稿第二十四页，共六十三页常用网页制作软件常用网页制作软件n n网页过程中常用制作软件包括网页编辑软件，图像处理软件、动画处理软件。本讲稿第二十八页，共六十三页n n网页编辑软件网页编辑软件n nMicrosoft FrontPageMicrosoft FrontPage：由微软公司推出：由微软公司推出,目前用到的版本有目前用到的版本有FrontPage 2003FrontPage 2003、Fr

17、ontPage 2007 FrontPage 2007、FrontPage 2010 FrontPage 2010等。等。它的特点是简单易用，容易上手，而且与它的特点是简单易用，容易上手，而且与IEIE、WordWord等软件结等软件结合的很好。缺点是兼容性差，对于复杂的动态网页设计能力合的很好。缺点是兼容性差，对于复杂的动态网页设计能力有限。有限。n nDreamweaver Dreamweaver：由：由MacromediaMacromedia公司推出，比较经典的版本有公司推出，比较经典的版本有reamWeaver MX 2004reamWeaver MX 2004、reamWeaver

18、8 reamWeaver 8 等。被等。被AdobeAdobe公司收购公司收购后推出后推出reamWeaver CS3reamWeaver CS3、CS4CS4、CS5CS5三个版本。它的特点是操三个版本。它的特点是操作方便，代码简洁，面板设计丰富多样、对动态网页编程与设作方便，代码简洁，面板设计丰富多样、对动态网页编程与设计给予了很好的支持，以及与计给予了很好的支持，以及与FireworksFireworks，FlashFlash，PhotoshopPhotoshop等等软件能紧密的结合。软件能紧密的结合。n nUltraEdit-32UltraEdit-32：代码编辑工具，主要编辑：代码编

19、辑工具，主要编辑ASPASP等动态网页。等动态网页。本讲稿第二十九页，共六十三页n n图像处理软件图像处理软件 做网页需要有一定的平面设计基础。如果设计者只会写程做网页需要有一定的平面设计基础。如果设计者只会写程序，没有一定的界面设计功底，即便你的程序编写得再好，没序，没有一定的界面设计功底，即便你的程序编写得再好，没有美观的界面为依托，还是没有人愿意来看你的网页，就像一有美观的界面为依托，还是没有人愿意来看你的网页，就像一件衣服一样，衣料再好，样子不好看也不会有人去买。件衣服一样，衣料再好，样子不好看也不会有人去买。在制作网页过程中常用的图像处理软件有：在制作网页过程中常用的图像处理软件有：

20、n nPhotoshopPhotoshop，网页设计者必须精通的一个图形处理工具。，网页设计者必须精通的一个图形处理工具。n nImagereadyImageready，在用，在用PhotoshopPhotoshop将界面设计完成后，切换到将界面设计完成后，切换到ImagereadyImageready中进行界面分割处理，快速完成由图到网页的过渡。中进行界面分割处理，快速完成由图到网页的过渡。不过凡事有利弊，要学会灵活运用。不过凡事有利弊，要学会灵活运用。n nACDSeeACDSee，目前最流行的数字图像处理软件，它能广泛应用于图片的获，目前最流行的数字图像处理软件，它能广泛应用于图片的获取

21、、管理、浏览、优化，甚至和他人进行分享。取、管理、浏览、优化，甚至和他人进行分享。n nFireworksFireworks，制作网页的高级辅助工具，可以进行动画制作，图像优，制作网页的高级辅助工具，可以进行动画制作，图像优化，热点、切片和轮替按钮，文件导入和导出，无须学习代码即可创化，热点、切片和轮替按钮，文件导入和导出，无须学习代码即可创建具有专业品质的网页图形和动画，例如变换图像和弹出菜单等。建具有专业品质的网页图形和动画，例如变换图像和弹出菜单等。本讲稿第三十页，共六十三页n n动画制作软件动画制作软件 网页的动画一般分为两种，即网页的动画一般分为两种，即GIFGIF动画和动画和Fla

22、shFlash动画。这动画。这两种动画都可以通过两种动画都可以通过FlashFlash软件来完成，而软件来完成，而GIFGIF动画有很多种动画有很多种工具可以实现，工具可以实现，FlashFlash的文字动画也有专门的工具，这些工具的文字动画也有专门的工具，这些工具对于想做出好的动画，又不能熟练使用对于想做出好的动画，又不能熟练使用FlashFlash的制作者提供了的制作者提供了极大的方便。极大的方便。n nFlash Flash：FlashFlash是交互式矢量图和是交互式矢量图和WebWeb动画的标准，网页设计者使用动画的标准，网页设计者使用FlashFlash能创建漂亮的、可改变尺寸的动

23、画，可以创建极其紧密的导能创建漂亮的、可改变尺寸的动画，可以创建极其紧密的导航界面、技术说明以及其他奇特的效果。航界面、技术说明以及其他奇特的效果。n nSwish Swish：在此工具中做好文字动画后可以导出为：在此工具中做好文字动画后可以导出为.swf.swf格式的文件，格式的文件，再导入到再导入到FlashFlash中进行进一步的处理，让中进行进一步的处理，让FlashFlash更生动，更炫目多更生动，更炫目多彩。彩。本讲稿第三十一页，共六十三页n nUlead GIF AnimatorUlead GIF Animator：友立公司出版的动画：友立公司出版的动画GIFGIF制作软件，内制

24、作软件，内建的建的PluginPlugin有许多现成的特效可以立即套用，可将有许多现成的特效可以立即套用，可将AVIAVI文件转文件转换成动画换成动画GIFGIF文件，而且还能将动画文件，而且还能将动画GIFGIF图片最佳化，能将图片最佳化，能将放在网页上的放在网页上的GIFGIF动画减肥，以便让人能够更快速地浏览网动画减肥，以便让人能够更快速地浏览网页。页。n n硕思闪客精灵：支持将硕思闪客精灵：支持将SWFSWF文件导出成文件导出成FLAFLA文件，帮助丢失文件，帮助丢失FLAFLA文件的影片作者重新获得文件的影片作者重新获得FLAFLA文件，从而可以再编辑。文件，从而可以再编辑。n n硕

25、思闪客之锤：是一款具有专业水准的动画制作工具。它支硕思闪客之锤：是一款具有专业水准的动画制作工具。它支持图形设计、运动动画、引导线、遮罩效果、流声音和事件持图形设计、运动动画、引导线、遮罩效果、流声音和事件声音、帧标记、设置电影剪辑、按钮等符号。声音、帧标记、设置电影剪辑、按钮等符号。n n文字动画特效制作文字动画特效制作Swish ZoneSwish Zone：特效中有许多细节结合使用：特效中有许多细节结合使用能得到非常炫的效果，直接预览，能直接导出为能得到非常炫的效果，直接预览，能直接导出为SWFSWF文档格文档格式。式。n nGIFGIF动画制作动画制作GIF Movie Gear 3.

26、0GIF Movie Gear 3.0：GIFGIF动画制作软件，几乎有需要制动画制作软件，几乎有需要制作作GIFGIF动画的编辑功能它都有，无须再用其他的图形软件辅助。动画的编辑功能它都有，无须再用其他的图形软件辅助。本讲稿第三十二页，共六十三页网站设计的学习内容网站设计的学习内容 n n从网站设计需要掌握和运用的知识分析，可分为内容组织、美工设从网站设计需要掌握和运用的知识分析，可分为内容组织、美工设计、页面编辑、网站编程计、页面编辑、网站编程4 4个方面内容。个方面内容。n n内容组织：确定网站的内容和功能，制定网站的目标和组织网站的信息资内容组织：确定网站的内容和功能，制定网站的目标和

27、组织网站的信息资源，绘制网站内容组织框架结构图，根本目的是通过构建网页之间的有机源，绘制网站内容组织框架结构图，根本目的是通过构建网页之间的有机信息联系，帮助用户找到信息，即进行信息构建（信息联系，帮助用户找到信息，即进行信息构建（IAIA）。）。n n美工设计：根据网站布局框架图，进行页面风格和美观设计。常用软美工设计：根据网站布局框架图，进行页面风格和美观设计。常用软件有件有PhotoshopPhotoshop、FireworksFireworks、FlashFlash等。等。n n页面编辑：根据美工设计图进行页面代码化编辑，常用软件有页面编辑：根据美工设计图进行页面代码化编辑，常用软件有

28、DreamweaverDreamweaver、FrontPageFrontPage，常用技术有，常用技术有HTMLHTML、XHTML XHTML、CSS CSS等。等。n n网站编程：进行脚本编写和功能模块实现，即实现网站所需功能及网网站编程：进行脚本编写和功能模块实现，即实现网站所需功能及网站内容的便捷式管理和更新。常用技术有站内容的便捷式管理和更新。常用技术有aspasp、phpphp、jspjsp、c#c#、AjaxAjax、javajava、DelphiDelphi、PerlPerl等动态网站编程技术。等动态网站编程技术。本讲稿第三十三页，共六十三页网站建设流程网站建设流程n n在网

29、站建设时，需要进行网站定位、申请网站域名、申请服务器空间、确定网站主题、网站制作、网站发布与上传、后期更新与维护、网站推广几个步骤。本讲稿第三十七页，共六十三页第一步：网站定位第一步：网站定位n n网站定位就是确定网站的形式，明确网站的主要功能与特点，常用的网站主要分以下几类：n n综合门户网站综合门户网站 主要特点是功能强大、内容丰富、信息齐全，网站有着强大的功能与美观的页面。这类网站开发是一个庞大的项目，需要专业的开发团队来完成。在网站开发的学习与工作中，可以学习这类网站的网页风格和功能模块。这类网站的代表有新浪、搜狐、网易。本讲稿第三十八页，共六十三页第一步：网站定位第一步：网站定位n

30、n新闻资讯网站 是一种可以发布大量的新闻与图片内容的网站。用户可以方便的查看这些新闻资讯的内容，这类网站主要开发内容是网站的美术设计与网站内容的管理功能。这类网站的代表有人民网、新华网、央视国际网站。本讲稿第三十九页，共六十三页第一步：网站定位第一步：网站定位n n公司宣传网站 此类网站是开发工作中最常见的网站类型。企业借助网站推广企业形象、树立企业品牌、发布企业产品。企业网站的设计重点是精美的网页和企业产品的发布管理功能。这类网站有：金山软件、中企动力等。本讲稿第四十页，共六十三页第一步：网站定位第一步：网站定位n n娱乐网站娱乐网站 娱乐网站是一种很常用的网站形式，此类网站的设计非娱乐网站

31、是一种很常用的网站形式，此类网站的设计非常灵活，可以使用各种个性化的色彩和布局，此类网站常灵活，可以使用各种个性化的色彩和布局，此类网站代表有：新浪娱乐、激动网、代表有：新浪娱乐、激动网、E E视网等。视网等。n n电子商务网站电子商务网站 此类网站常包括产品、广告、购物、市场推广等。设计重点是网站的产品管理功能和用户的交互功能。代表有：易趣、淘宝、拍拍等。本讲稿第四十一页，共六十三页第一步：网站定位第一步：网站定位n n网址导航网站 此类网站的内容是将常用的网站链接整理到一个网站上，方便用户使用。这类网站的开发重点是网站链接与分类管理。代表有：网址之家、网址大全、265上网导航。本讲稿第四十

32、二页，共六十三页第一步：网站定位第一步：网站定位n n下载网站下载网站 下载网站可以方便地为用户提供各种资料下载，此类网站的开发重点是资料的管理与分类，著名的下载网站有霏凡软件、天空软件、百度MP3下载等。n n搜索引擎网站搜索引擎网站 是为用户提供内容搜索功能的网站，主要内容是实现是为用户提供内容搜索功能的网站，主要内容是实现网站的搜索与内容管理功能，这类网站的代表有百度、网站的搜索与内容管理功能，这类网站的代表有百度、谷歌、雅虎等。谷歌、雅虎等。本讲稿第四十三页，共六十三页第一步：网站定位第一步：网站定位n n个人网站 个人网站也叫个人主页，是网络中个人宣传类的网站，其形式非常灵活，可以包

33、含不同的内容，个人网站的内容没有特别规则，可以根据个人喜好，进行各种发挥。本讲稿第四十四页，共六十三页第二步：申请网站域名第二步：申请网站域名n n域名是由国际域名管理组织和国内的相关机构统一管理的，很多域名服务商可以代理域名的注册业务，较著名的域名服务商有：中资源（http:/）、西部数码（http:/）、中国万网（http:/）、新网（http:/）、中国数据(http:/)、武汉数据（http:/）本讲稿第四十五页，共六十三页第三步：申请服务器空间第三步：申请服务器空间n n访问网站的过程实际就是用户计算机和服务商进行数据链接和数据传递的过程，这就要求网站必须存放在服务器上才能被访问，一

34、般的网站，不是使用一个独立的服务器，而是在网络公司租用一个一定大小的存储空间来支持网站运行，这个租用的网站存储空间就是服务器空间。本讲稿第四十六页，共六十三页第三步：申请服务器空间第三步：申请服务器空间n n不同的服务器空间的主要区别是支持网站的程序和支持的数据库不同，常用的服务器空间可能分别支持下面这些不同的网站程序：n n ASP ASP：使用：使用WindowsWindows系统和系统和IISIIS服务器。服务器。n n PHP:使用Linux系统或Windows系统，使用Apache网站服务器。n n .NET .NET：使用：使用WindowsWindows系统和系统和IISIIS服

35、务器。服务器。n n JSP：使用Windows系统和Java的网站服务器本讲稿第四十七页，共六十三页第三步：申请服务器空间第三步：申请服务器空间n n不同的服务器空间可能支持不同的数据库，常用的服务器空间支持数据库有以下几种：n nAccess：常用于ASP网站n nSql Server 2000：常用于ASP网站或.NET网站。n nMysql：常用于PHP或JSP网站n nOracle：常用于JSP网站本讲稿第四十八页，共六十三页第四步：确定网站主题第四步：确定网站主题n n网站的主题是指一个网站在建设中需要完成的任务和要实现的设计思想。这是网站开发的一项重要工作，相关的设计思想需要在这

36、个过程完成，设计思想需要书写设计文档。本讲稿第四十九页，共六十三页第五步：网站制作第五步：网站制作n n包括网页平面设计图设计，网页页面设计，网站功能模块实现等。这部分内容为这一学期里重点掌握的内容部分。本讲稿第五十页，共六十三页第六步：网站发布与上传第六步：网站发布与上传n n网站完成设计与调试后，需要上传到租用的服务器空间中才能被www上的用户访问。网站发布就是把自己计算机中的网站内容发布到网络上服务器空间的过程。n n上传一般选择FTP软件进行，常用的FTP软件有LeapFTP、CuteFTP、SmartFTP 等。图4为CuteFTP上传的截图。本讲稿第五十一页，共六十三页图图4 Cu

37、teFTP 4 CuteFTP 连接建立连接建立本讲稿第五十二页，共六十三页图图4 CuteFTP 4 CuteFTP 的使用的使用本讲稿第五十三页，共六十三页举例：http:/www.3v.cm/用户名：qazwsx-123密码：789456123本讲稿第五十四页，共六十三页第七步：后期更新与维护第七步：后期更新与维护n n网站完成设计和上传后，还要定期对网站的内容进行更新和维护，否则一成不变的内容很难吸引浏览者。网站在运行的过程中还可能出现一些错误和问题，因此也需要分析错误原因修正错误，解决问题。本讲稿第五十五页，共六十三页第八步：网站推广第八步：网站推广n n新网站在发布后并不会有很多人

38、访问，要提高网站的知名度就需要对网站进行推广，网站推广分自由推广和付费推广两种。n n自由推广自由推广 和相关的站点交换友情链接。和相关的站点交换友情链接。在论坛、博客、留言板上发帖或留言。把自己网站添加到各种搜索引擎。把自己网站添加到各种搜索引擎。对网站的标题、关键字等内容进行优化，让网站在搜索引对网站的标题、关键字等内容进行优化，让网站在搜索引擎中有更好的结果。擎中有更好的结果。本讲稿第五十六页，共六十三页n n付费推广 对于企业类网站，可以用付费的方式推广自己的网站。推广方式有：搜索引擎登录 搜索引擎竞价排名 传统广告推广本讲稿第五十七页，共六十三页Web2.0网站概述网站概述n nWe

39、b2.0Web2.0，是相对，是相对Web1.0Web1.0的新的一类互联网应用的统称。的新的一类互联网应用的统称。由由Web1.0Web1.0单纯通过网络浏览器浏览单纯通过网络浏览器浏览htmlhtml网页模式向内容网页模式向内容更丰富、联系性更强、工具性更强的更丰富、联系性更强、工具性更强的Web2.0Web2.0互联网模式互联网模式的发展已经成为互联网新的发展趋势。的发展已经成为互联网新的发展趋势。n n在早期的互联网中，大多数网站都是自己生产内容，然后在早期的互联网中，大多数网站都是自己生产内容，然后再发布给用户，这与电视台的传播方式十分类似，而对于再发布给用户，这与电视台的传播方式十

40、分类似，而对于Web2.0Web2.0网站而言，内容的真正生产者为所有用户，由网民网站而言，内容的真正生产者为所有用户，由网民之间相互提供所需要的内容。之间相互提供所需要的内容。本讲稿第五十八页，共六十三页n nWeb1.0到Web2.0的转变，具体的说，从模式上是单纯的“读”向“写”、“共同建设”发展；由被动地接收互联网信息向主动创造互联网信息迈进！从基本构成单元上，是由“网页”向“发表/记录的信息”发展；从工具上，是由互联网浏览器向各类浏览器、RSS阅读器等内容发展。本讲稿第五十九页，共六十三页n nWeb2.0技术主要包括Xhtml、Ajax、CSS、XML、Webservice等。n n论坛、Blog（博客）、WIKI（百科全书）、SNS（社会网络）、视频点播共享类网站等就是Web2.0技术的很好代表。本讲稿第六十一页，共六十三页n n国内典型的Web2.0网站主要包括一些以博客和社会网络应用为主的网站，尤其以博客网站发展最为迅速，影响力也更大，例如博客网（）、DoNews IT社区（）、百度贴吧（）、百度知道（）新浪博客（）等。本讲稿第六十二页，共六十三页n n第一部分结束本讲稿第六十三页，共六十三页