论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1.网站名称：“济南中天环保设备有限公司”
2.步骤：
(1)确立主题
(2)收集资料
(5)美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
四、要求
根据公司的要求，设计一个企业站点，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思：
本网站主题为：济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页，里面加有网页动画效果“滚动字幕”及Flas，本站几个主要分网页分别为：公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思：
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面，背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，与环保网站的主旨相一致。上方为Flas与链接页，左下方是用Photoshop
处理过的图片，与主页是一致的。右边的标题是用Photoshop制作的图片，小标题采用斜体加黑，这样制作丰富了页面内容，使整个页面条理清晰。服务承诺分条目标示，一目了然。最后的“空气净化服务范围”标题，即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的，先用油漆桶工具把背景色填充为与页面相同的淡蓝色，调整文字的大小与位置，两边分别加上符号“【”、“】”和“”，使图片看起来更加美观。
经营业绩页面，背景色与Flas，链接页与主页保持一致。这一页的主要内容是用表格形式来固定的，边框设置为1，颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致，比较大方，浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面，左下方的图片与右边的标题都是用Photoshop制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。
左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“”，“「”，“”，“”，使图片放置页面中显得美观，更突出了主题内容。
FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。
所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。
七所用各技术的特点
1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点：
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。
2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。
3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。
八网页制作的优缺点
比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。
九代码
1．滚动字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>
</MARQUEE> </td>
2．链接站点
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情链接站点</option>
<option
value=>新浪网</option>
<option
value=>网易</option>
<option
value=>搜狐网</option>
<option
value=>新视听</option>
<option
value=>中华网</option>
<option
value=>雅虎</option>
<option
value=>263首都在线</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>环境保护站点</option>
<option
value=/>国家环境保护总局
<option
value=/>北京市环境保护局
<option
value=/>山东环境
<option
value=/default.aspx>济南市环境保护局
<option
value=hisun-/>青岛海晟环保技术
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>产品介绍</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>
<option
value="Untitled-15.htm"target="_blank">净化空调厂房</option>
<option
value="Untitled-16.htm"target="_blank">中效送风机组</option>
<option
value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>
</select>
参考文献
1.魏洪斌《DreamweaverMX网页设计》清华大学出版社
2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社
3.黄梦《DreamweaverMX完全征服手册》中国青年出版社
4.周明涛《DreamweaverMX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社
6.刘淼《FlashMX入门与提高》人民邮电出版社
7.李伟《FlashMX动画制作实例教程》清华大学出版社
8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社
论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1.网站名称：“济南中天环保设备有限公司”
2.步骤：
(1)确立主题
(2)收集资料
(5)美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
四、要求
根据公司的要求，设计一个企业站点，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思：
本网站主题为：济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页，里面加有网页动画效果“滚动字幕”及Flas，本站几个主要分网页分别为：公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思：
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面，背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，与环保网站的主旨相一致。上方为Flas与链接页，左下方是用Photoshop
处理过的图片，与主页是一致的。右边的标题是用Photoshop制作的图片，小标题采用斜体加黑，这样制作丰富了页面内容，使整个页面条理清晰。服务承诺分条目标示，一目了然。最后的“空气净化服务范围”标题，即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的，先用油漆桶工具把背景色填充为与页面相同的淡蓝色，调整文字的大小与位置，两边分别加上符号“【”、“】”和“”，使图片看起来更加美观。
经营业绩页面，背景色与Flas，链接页与主页保持一致。这一页的主要内容是用表格形式来固定的，边框设置为1，颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致，比较大方，浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面，左下方的图片与右边的标题都是用Photoshop制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。
左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“”，“「”，“”，“”，使图片放置页面中显得美观，更突出了主题内容。
FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。
所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。
七所用各技术的特点
1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点：
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。
2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。
3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。
八网页制作的优缺点
比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。
九代码
1．滚动字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>
</MARQUEE> </td>
2．链接站点
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情链接站点</option>
<option
value=>新浪网</option>
<option
value=>网易</option>
<option
value=>搜狐网</option>
<option
value=>新视听</option>
<option
value=>中华网</option>
<option
value=>雅虎</option>
<option
value=>263首都在线</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>环境保护站点</option>
<option
value=/>国家环境保护总局
<option
value=/>北京市环境保护局
<option
value=/>山东环境
<option
value=/default.aspx>济南市环境保护局
<option
value=hisun-/>青岛海晟环保技术
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>产品介绍</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>
<option
value="Untitled-15.htm"target="_blank">净化空调厂房</option>
<option
value="Untitled-16.htm"target="_blank">中效送风机组</option>
<option
value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>
</select>
参考文献
1.魏洪斌《DreamweaverMX网页设计》清华大学出版社
2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社
3.黄梦《DreamweaverMX完全征服手册》中国青年出版社
4.周明涛《DreamweaverMX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社
6.刘淼《FlashMX入门与提高》人民邮电出版社
7.李伟《FlashMX动画制作实例教程》清华大学出版社
8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社
论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1.网站名称：“济南中天环保设备有限公司”
2.步骤：
(1)确立主题
(2)收集资料
(5)美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
四、要求
根据公司的要求，设计一个企业站点，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思：
本网站主题为：济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页，里面加有网页动画效果“滚动字幕”及Flas，本站几个主要分网页分别为：公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思：
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面，背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，与环保网站的主旨相一致。上方为Flas与链接页，左下方是用Photoshop
处理过的图片，与主页是一致的。右边的标题是用Photoshop制作的图片，小标题采用斜体加黑，这样制作丰富了页面内容，使整个页面条理清晰。服务承诺分条目标示，一目了然。最后的“空气净化服务范围”标题，即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的，先用油漆桶工具把背景色填充为与页面相同的淡蓝色，调整文字的大小与位置，两边分别加上符号“【”、“】”和“”，使图片看起来更加美观。
经营业绩页面，背景色与Flas，链接页与主页保持一致。这一页的主要内容是用表格形式来固定的，边框设置为1，颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致，比较大方，浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面，左下方的图片与右边的标题都是用Photoshop制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。
左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“”，“「”，“”，“”，使图片放置页面中显得美观，更突出了主题内容。
FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。
所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。
七所用各技术的特点
1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点：
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。
2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。
3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。
八网页制作的优缺点
比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。
九代码
1．滚动字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>
</MARQUEE> </td>
2．链接站点
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情链接站点</option>
<option
value=>新浪网</option>
<option
value=>网易</option>
<option
value=>搜狐网</option>
<option
value=>新视听</option>
<option
value=>中华网</option>
<option
value=>雅虎</option>
<option
value=>263首都在线</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>环境保护站点</option>
<option
value=/>国家环境保护总局
<option
value=/>北京市环境保护局
<option
value=/>山东环境
<option
value=/default.aspx>济南市环境保护局
<option
value=hisun-/>青岛海晟环保技术
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>产品介绍</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>
<option
value="Untitled-15.htm"target="_blank">净化空调厂房</option>
<option
value="Untitled-16.htm"target="_blank">中效送风机组</option>
<option
value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>
</select>
参考文献
1.魏洪斌《DreamweaverMX网页设计》清华大学出版社
2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社
3.黄梦《DreamweaverMX完全征服手册》中国青年出版社
4.周明涛《DreamweaverMX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社
6.刘淼《FlashMX入门与提高》人民邮电出版社
7.李伟《FlashMX动画制作实例教程》清华大学出版社
8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社
引言
随着互联网的普及与发展，网站已逐渐成为形象宣传、产品展示推广、商务贸易，信息沟通的最方便快捷的桥梁。网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。下面是就我们小组制作音乐网站整个过程书面说明：
一：如何规划
1.1、网站类型的确定
为了完成毕业设计，我们小组所有成员结合毕业设计所要求的题目进行讨论，并上网查看相关信息，初步决定做专业性的音乐网站，专门向音乐爱好者提供一个音乐视听空间，这样可以结合自己的兴趣以及专业知识做出一个非常棒的音乐网站。为了尽快完成任务，我们小组成员全体行动起来，毕竟我们都是新手，这么一个大型的音乐网站，觉得有点力不从心，后来经过我们详细的分析各个组员的专业水平及做事态度等等，决定了我们的最佳分工方式，并且彼此保证一定尽最大的努力本论文由整理提供
做好自己的工作。
1.2、网站规划书
确定好做音乐网站后，我们将进行下一个步骤——做一个网站规划书。这个步骤是必不可少的部分，是建设一个网站的前期工作。一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。
网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。写网站规划书一般都有一定的格式，我们根据本网站的具体要求，加上小组成员的共同商讨，最后决定把网站按以下几个方面完成：
（一）、建站前的市场分析1.自身条件和市场优势：我们学的就是这个专业，我们对于我们专业知识有信心，对音乐方面，我们平时对它亦十分的感兴趣。现在的年轻人都爱好音乐，一个好的专业音乐网站正是大家所期待的。2.有关行业的市场及其竞争者的分析：现在有网上有许多的音乐网站，怎么样才能让我们的音乐网站有特点呢！我们决定做一个纯音乐网站。
（二）、建站的目的和功能定位3.建站的目的；为广大音乐爱好者提供一个专业的音乐服务，同时把自己的知道应用，实践。4.确定网站的功能定位；只提供音乐视听，下载服务。
（三）、网站技术解决方案1.操作系统：WINXP、WIN98、WINME、WIN2000、WIN20032.网站安全性措施：数据库加密技术3.服务器：Apache，HelixUniversalInternetServer4.程序开发：PHP5.数据库；MYSQL（四）、网站内容规划1.网站页面结构：2．网站主体结构
（五）、网站引擎（后台）的设计：用PHP开发的，用MySQL数据库
（六）、网站前台的设计：用一些网页开发工具，使页面看起来美观大方
（七）、流媒的制作：提供音乐的视听支持
（八）、网站维护与测试：完善和扩展网站的功能
（九）、建站日程
（十）、总结
有了这样的大纲，我们就可以根据它来轻松地规划我们的网站了。分别落实到每个小组成员身上，我就负责网站引擎（后站）的开发。根据分工情况，小组成员各自上网查找资料，分析资料，首先把各自分配到的内容写好，然后把每人写好的内容合成，初步进行统一整理，不足之外再由小组成员共同修改，使各块内容前后衔接，条理清晰。经过多次的反复修改排版之后，最后大一起审核，终于把一份完整的网站规划书完成了。
二：如何开发
2.1、前台方面
2.1.1、制作软件
本网站主要采用我们熟悉的软件（DreamweaverMX,FlashMX和Photoshop）。
Flash主要是用来制作引导页及每个网页上的动画，Photoshop主要是用来处理图片，Dreamweaver是做本网站的主要软件。
2.1.2、基本因素
设计一个网站，首先应该考虑下列八条基本因素，这些因素对网站的成功与否有着重要的影响。（1）、整体布局网站主页就好象是宣传栏或者店面——对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？一般来说，好的网站应该给人有这样的感觉：干净整洁、条理清楚、专业水准、引人入胜。网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择，就象一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。本网站采用蓝色为主调，经过多次讨论采用二分栏，给人有清爽之感，整体干净整洁，条理清楚。
（2）、信息无论商业站点还是个人主页，都必须给人们提供有一定价值的内容才能留住访问者，因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？”所以，必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是：信息、娱乐、劝告、对一些问题的帮助、提供志趣相投者联络的机会、链接到有用的网页，等等。如果经营的是企业网站，需要提供关于产品或服务的信息：容易理解、容易查询、容易订货。因此，本网站设有还待于完善，使用户可以花更多的时间在我们的网站上逗留。
（3）、速度我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片和比较大的音乐文件。但是许多网页设计者往往忽视了这一点,为了视觉上的美观在网页上插了一些大而无意义的图案背景，使用大量的JAVASCRIPT等控件来显示自己的水平，这样只会使网页的显示速度大大降低。结果可能在你网页的文字内容未显示前,读者已因等的不耐烦离开了。所以我们时时提醒自己，网站首页就像一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。网上访问者也是“一闪而过”本论文由整理提供，所以，得保证首页简单而快速。
（4）、图形和版面设计图形和版面设计关系到对网页的第一印象，图象应集中反映网页所期望传达的主要信息。颜色也是影响网页的重要因素，不同的颜色对人的感觉也有不同的影响，例如：红色和橙色使人兴奋并使得心跳加速；黄色使人联想到阳光，是一种快活的颜色；考虑到浏览者及网站性质，本网站采用蓝色调，蓝色---是最具凉爽，清新，专业的色彩。
（5）、文字的可读性我们仍然用广告牌的比喻来说明，文字要在广告牌上突出，周围应该留有足够的空间。也许你曾到过一些网站，要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读，要么深色的背景给人的感觉好像处于非常狭窄的空间里，而且让人的心情感觉很压抑。某些背景色的令人阅读困难；紫色、橙色和红色让人眼花缭乱。颜色的运用除了能够起到强调整体文字殊部分的作用之外，对于整个文案的情感表达也会产生影响。这涉及色彩的情感象征性问题，限于篇幅，在这里不做深入探讨。另外需要注意的是文字颜色的对比度，它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用，更重要的是，你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。参考报纸的编排方式，为方便而又快速阅读，可以将你的内容分栏设计，甚至两栏也要比一满页的视觉效果要好。本网站采用的就是二分栏。另一种能够提高文字可读性的因素是所选择的字体，通用的字体(Arial,TimesNewRoman,GaramondandCourier)最易阅读，特殊字体用于标题效果较好，但是不适合正文（试想浏览整页的Gothic,Script,Westminster,orCloister会是怎样的感受）。因为阅读费力，你的眼睛很快就会疲劳，不得不转移到其他页面。
（6）、网页标题的可读性必须尽量使你的网页易于阅读，除了分栏之外（将页面纵向分割），也需要利用标题和副标题将文档分段。为所有标题和副标题设置同一字体，并将标题字体加大一号，使浏览者一眼就可以看到要点，以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑，要认真写好每个标题！也可以将整句采用粗体或用不同的颜色突出某些内容，不过不要用难以阅读的颜色。（这些本网站在设计过程中都经过讨论后做到了）。（7）、导航由于人们习惯于从左到右、从上到下阅读，所以主要的导航条应放置在最显眼的地方，对于较长页面来说，在最底部设置一个简单导航也很有必要（如关于我们，联系方式，意见反馈等等）。确定一种你满意的模式之后，最好将这种模式应用到同一网站的每个页面，这样，浏览者就知道如何寻找信息。
（8）、词语一个网站如果只有漂亮的外观而词语错误连篇、语法混乱，同样是失败的，对于网站所有者和负责人将产生很坏的影响，人们会用许多贬义词来评价你：粗心大意、懒惰、外行、没水平等等。所以在设计过程中，要求每个组员认真对待，审核每个写上的内容。
2.1.3、内容编排
经过整组成员的讨论及分析，整个网站主要分为四大部分：
（1）片头
（2）主页
（3）子页(主要内容包括：通俗音乐,本站会员,帮助等等)
2.2、后台方面
2.2.1、脚本语言
后台采用的语言：PHP语言、脚本语言--Javascript语言。功能：来实现网上互相交流等。PHP是一套服务器端的脚本环境，当用户从浏览器向Web服务器请求PHP文件时，PHP脚本开始运行，然后Web服务器调用PHP，PHP全面读取请求的文件，执行所有脚本命令，并将Web页传送给浏览器。Javascript主要用于接受用户的输入，并且把其他的一些组件捆绑在一起。最主要的web浏览器都内建了Javascript引擎，它能接受这些无格式的Javascript文本代码，并在客户段将突发的指令翻译。Php语言的特点:多数WEB开发者眼中，ASP和JSP都被认为是领跑者，而PHP却被认为是个弱小的“挣扎者”，或者说它是一门被贬低为业余者才使用的语言，不值得参与企业Web开发的竞争。在我看来，PHP没有被当作竞争者的理由是评论者缺乏对它的了解，而且也不了解用于Web开发的其他操作系统。和一些观点相反，Windows不再占有Web虚拟主机服务市场的最大份额，我猜想它在Web开发这一领域里也在被摧城拔寨。1、在企业开发里为什么没有PHP？很显然，PHP被认为落后ASP和JSP太多，以至于它是没有什么用的，但是这恰恰与事实不符。PHP本身就是一门强大的语言。它事实上在每个发行版的Linux上都有，在MacOSX上也有。获取开发和使用PHP代码的构件（building-block）工具和软件都是免费的。用于开发PHP应用程序的商业集成开发环境（commercialintegrateddevelopmentenvironments，IDES）也可以找到——这样的工具有Komodo（它运行在Linux和Windows上）和ZendStudio（这个应用程序能够运行在任何带有Java运行环境的操作系统上）。你几乎可以在每个Web虚拟主机上运行由PHP建立的网站，而不要考虑服务器所运行的是什么操作系统，这一事实让PHP更加具有吸引力。2、PHP能够提供什么？先把PHP周围有什么忘掉一会儿，而考虑一下PHP自身能够提供什么。它是一门强健的服务器端语言，能够提供相当多的功能，而且能够迅速地为页面提供服务。3、容易使用使用C或者Perl或者具有类似风格和句法的另一种语言的任何用户都能够很快上手PHP。尽管它是设计用在Web上的，但是它也能够作为命令行语言使用。你正在编写的Web应用程序需要每个小时或者每天执行一次某些代码吗？使用cron或者类似的计划安排管理器，你可以计划安排PHP代码在你希望的时候执行，使用普通的命令解释脚本或者批处理文件就能够执行这样的代码。不需要自动调用浏览器就能够查看专门的网页，从而执行你的事件，也没有必要依赖来访者的点击来告诉你的系统：特定的代码需要在特定的时候被执行。PHP在这一领域可扩展性的事实是绝对具有吸引力的。4、PHP的好处我不是JSP或者ASP的老手，在此我也不想贬低这些语言。相反，我会把注意力放在PHP的好处上。（1）本地化PHP让你能够为网站的访问者提供本地化的服务。当用户点击进入网站的时候，网站会根据他们浏览器的设置自动地以其母语向其提供页面。要实现这一点不需要使用用于语言翻译的烦杂文件，而是使用和本地化的C程序所具有的相同能力，通过一个叫做gettext的系统实现的。如果被请求的语言文件存在，那么用户所看到的文本就是其母语；如果语言文件不存在，那么文本就是缺省的英语或者其他任何你所指定的语言。许多本地化的UNIX应用程序都将gettext作为标准，它让第三方的翻译变得轻而易举。（2）轻易地使用命令行PHP支持在需要的地方设置和执行命令行程序。使用标准的UNIXdiff工具，它能够生成错误最后一次修改同要使用电子邮件发送到错误的所有者的当前注释之间的不同。PHP代码对在系统上所编写的两个文件执行diff，将其输出作为输入，再生成一个要发送的电子邮件。这封电子邮件是通过PHP自己来发送的。（3）其他好处上面的只是我在自己程序里所用到的强大功能中的两个，而还其他的功能。例如，你可以：即时创建简单的Flas。即时创建PDF文档。使用高级数学功能，以及面向对象的编程技术。读取和写入到本地和IMAP邮箱。在PHP里就可以使用任何标准的Internet协议。想要编写基于PHP的FTP、Web或者新闻客户端？没有问题！只使用PHP你就完全能够编写出使用标准TCP/IP套接字的客户端和服务器，并以此创建自己的协议。实现对加密的支持，以及对各种数据库服务器的支持。在编写的Web应用程序需要每个小时或者每天执行一次某些代码吗？使用cron或者类似的计划安排管理器，你可以计划安排PHP代码在你希望的时候执行，使用普通的命令解释脚本或者批处理文件就能够执行这样的代码。不需要自动调用浏览器就能够查看专门的网页，从而执行你的事件，也没有必要依赖来访者的点击来告诉你的系统：特定的代码需要在特定的时候被执行。PHP在这一领域可扩展性的事实是绝对具有吸引力的。4、PHP的好处我不是JSP或者ASP的老手，在此我也不想贬低这些语言。相反，我会把注意力放在PHP的好处上。（1）本地化PHP让你能够为网站的访问者提供本地化的服务。当用户点击进入网站的时候，网站会根据他们浏览器的设置自动地以其母语向其提供页面。要实现这一点不需要使用用于语言翻译的烦杂文件，而是使用和本地化的C程序所具有的相同能力，通过一个叫做gettext的系统实现的。如果被请求的语言文件存在，那么用户所看到的文本就是其母语；如果语言文件不存在，那么文本就是缺省的英语或者其他任何你所指定的语言。许多本地化的UNIX应用程序都将gettext作为标准，它让第三方的翻译变得轻而易举。（2）轻易地使用命令行PHP支持在需要的地方设置和执行命令行程序。使用标准的UNIXdiff工具，它能够生成错误最后一次修改同要使用电子邮件发送到错误的所有者的当前注释之间的不同。PHP代码对在系统上所编写的两个文件执行diff，将其输出作为输入，再生成一个要发送的电子邮件。这封电子邮件是通过PHP自己来发送的。（3）其他好处上面的只是我在自己程序里所用到的强大功能中的两个，而还其他的功能。例如，你可以：即时创建简单的Flas。即时创建PDF文档。使用高级数学功能，以及面向对象的编程技术。读取和写入到本地和IMAP邮箱。在PHP里就可以使用任何标准的Internet协议。想要编写基于PHP的FTP、Web或者新闻客户端？没有问题！只使用PHP你就完全能够编写出使用标准TCP/IP套接字的客户端和服务器，并以此创建自己的协议。实现对加密的支持，以及对各种数据库服务器的支持。我觉得，那些寻找顶级Web开发语言而排除掉PHP的人是极其短见的。无论是像错误追踪系统这样的高级功能，还是简单地重复使用页眉和页脚这样的普通功能，我都使用PHP编写过。我用PHP编写过半静态的页面，也编写过全功能的多媒体演示。我不是唯一一个使用PHP的人。如果PHP不值得引起注意，如果它只是小儿科或者爱好者的语言，那它为什么会是在Web开发上成长最快的语言呢？如果它没有ASP或者JSP那么强大，那么它为什么会被用在流量巨大Web网站上？例如Yahoo，据说它就是由PHP建成的。5、开发人员习惯用熟悉的产品我敢肯定，ASP和JSP有它们各自的强项，但是我相信人们是用它们不是因为它们能够提供比PHP更加强大的功能，而是因为人们已经了解了它们，并希望以自己习惯的方法编写代码。排除PHP只能表示对这一语言的无知。
2.2.2、数据库本站采用MYSQL数据库,MySQL数据库可以称得上是目前运行速度最快的SQL语言数据库。除了具有许多其它数据库所不具备的功能和选择之外，MySQL数据库是一种完全免费的产品，用户可以直接从网上下载数据库，用于个人或商业用途，而不必支付任何费用。MySQL是完全网络化的跨平台关系型数据库系统，同时是具有客户机/服务器体系结构的分布式数据库管理系统。它具有功能强，使用简单，管理方便，运行速度快，安全可靠性强等优点，特别适用于Web站点或应用软件的数据库后端的开发工作，用户可利用许多语言编写访问MySQL数据库的程序。作为开放源代码运动的产物之一，闻名遐迩的速度和易用性使MySQ关系数据库管理系统越来越受到人们的青睐，应用范围也越来越广。开放源代码所提供的设计更新间隔正是系统同企业实际操作进行同步所需要的，至少是在尽可能地同步。由于MySQL数据库与php的结合更是完美无缺。我选择了MySQL作为我们的数据库。总体来说，MySQL数据库具有以下主要特点：1同时访问数据库的用户数量不受限制；2可以保存超过50,000,000条记录；3是目前市场上现有产品中运行速度最快的数据库系统；4用户权限设置简单、有效。
2.2.3、网站服务器
网站的服务器我首选的当然是apache服务器的。ApacheServe的前身是NCSA的httpd，曾经在1995年成为最为流行的万维网的服务器。因为强大的功能和灵活的设置及平台移植性，ApacheServer取得了广泛的信赖。ApacheServer的主要功能有：1、支持最新的HTTP1.1协议（RFC2616）。2、极强的可配置和可扩展性，充分利用第三方模快的功能。3、提供全部的源代码和不受限制的使用许可（License）。4、广泛应用于Windows2000/NT/9x、Netware5.x，OS/2和UNIX家族极其他操作系统，所支持的平台多达17余种。5、强大的功能，涵盖了用户的需求，包括：认证中的DBM数据库支持；错误和问题的可定制响应的目录导向功能；不受限的灵活的URL别名机制和重定向功能；虚拟主机（多宿主主机）支持多个域主页共存一台主机；超强的日志文件功能；利用站点的分析；拓展于维护等等。正因为这些强大的优势，使ApacheServer与其他的Web服务器相比，充分展示了高效、稳定及功能丰富的特点。ApacheServer已用于超过600万个Internet站点。于是我决定用apache作为我们这个网站的服务器
2.2.4、网站的内部数据结构
本站也可以说是一个网络应用管理信息系统（MIS），管理信息系统（MIS）是一个由人、计算机等组成的能进行信息的收集、传递、存储、加工和使用的系统。随着科技的发展，信息的膨胀，企业信息化成了企业在竞争中处于不败地位的有效手段之一。而MIS不仅能够及时全面地提供信息和数据，简化统计工作，对不同的管理层次提出不同的报告之外，还能根据过去的数据预测未来的情况。因此，采用何种方法开发出一种兼顾开发效率和运行效率,同时满足分布式事件处理功能的管理信息系统就显得尤为重要。而本网站正是利用到了一些网络三层结构的知识。一说到三层式结构，一般人总是先想到JSP/Servlet，其实用任何语言都可以实现网络的三层结构，而本站亦可以说是一个网络音乐管理系统，我在做这个网络后台是首先想到也就是要用三层网络结构来组织我们的数据。下面我简单的介绍一下什么是网络应用程序的三层体系结构，所谓三层结构是针对于过去的主机终端模式或者服务器客户机模式区别而成的，它的特点是在后台有一个后端数据支持服务器，在中端有一群应用服务器，提供结合用户业务和具体应用的相关系统解决方案，在前端会有很多的接入设备，通过接入设备与客户机。连接在三层结构当中，数据流的流动方式是从后端数据支持层流向应用层，进而流向前端接入层，最后达到用户层。如果把它和电视系统比较就可以看到，前端接入层就象电视机，而中间应用层就象是电视发射设备，而后端的数据支持层就象一个电视台，这样由前、中、后构成一个完整的系统。系统的三层体系结构如图1。
整个管理信息系统采用Browser/Web/DataBase的三层体系结构。Web服务器接受请求，通过应用程序服务器执行一个Java服务器端小程序Servlet并返回其输出，从而实现与客户机进行信息资源的交互。数据库服务器用来存储管理信息系统中所用到的各种数据，数据由数据库管理程序直接录入。系统的客户端只需要一个浏览器即可。相关人员通过浏览器来查询、增加、修改、删除数据，对信息进行管理。
2.2.5、后台程序设计思想
本站使用了模块化的设计思想，使用模块化的设计思想可以实现代码的重复利用，易维护、易使用、易编写，可以在支持PHP的任何平台上工作，还不要重新编写，体现了“一次编写，随处运行”的思想，有利于高效、高速的开发网站，有利于经验的交流。本站的部分模块及其功能如下：预定义模块（config.php）：定义本网站的基本信息（如站名、域名、背景色等），管理员，数据库等基本信息公共模块(public.php):预定义一些使用频率较频繁的函数（如用户是否登陆判断、出错判断等）数据管理模块：音乐数据的添加、删除、修改、更新。帮助模块：提供一定的帮助。用户登陆模块：提供用户的登陆服务。
2.2.6、正在进行中的后台部分功能的扩展与完善
1、需要完善的地方界面的完善，虽说现在这个界面已经可以用了，我们不是专业的美工，总是有不尽人意的地方，这种感觉是一个长期过程，我想我们要想做到完美，可能不需要一段时间的培养与积累。脚本代码的优化，做一个程序总是不可避免的产生一些冗长而累赘的代码，为了加速后台的运行，我们需要对程序进行代码优化。2、需要进行的功能扩展论坛：现在的留言板不能方便的用户进行交流，为了更好的增加用户之间的交流与互动，有必要增加一个论坛，现在这个工作正在制作中，这个论坛的引擎（也就是说后台）我已经开发完了，现在要做的就是前台的设计。
三：本网站实现的关键技术
下面就是本人认为的关键技术及其实现方法
3.1、用户是否登陆的判断
在许多页面中的一些特殊的功能是需要验证用户是否是登陆的。这就需要我们做一个函数，以便在需要的时候可以方便的调用它。但是它的实现是有点难度的。
首先是数据库连接模块，代码如下
3.2、数据库的使用
本网站之所以说是动态网站，正是因为有强大的数据库支持，我才可以大言不惭说我们的音乐网站是一个动态网站。我们里面几乎所有的功能模块都是用数据库来实现的。也只有这样我们的网站才是动态更新的。首先是数据表的建立，本站目前来说还只是一个纯的音乐网站。这里面几乎全部的数据都是来自数据库，但是要对众多的数据进行分类不是一件容易的事情，经过几天的努力，并求助于网络，总算是把我们的数据进行了分类，并建立了数据表。下面就是建立本站相关表的SQL语句://歌手地域表province`),KEY`user_id`(`user_id`))TYPE=MyISAM;而我们这里用到的主要是数查询，其中多表查询和数据的溢出处理发了我一些时间，下面就简单的介绍一下。(1)多表查询：本网站有许多地方用必需要用到多表查询。MySQL数据库是一种关系数据库，它的多表查询有许多方式，我在这里采用了一种比看起来比较简单的方式，例如，我需要查找最新加入的前4张CD的歌手和CD信息：语言的甜饼机制，这是最不好控制的地方，至少我认为是这样的，php的session真的不好弄，有时候出错也另人不可思议。这也许是众多php学习者和使用者头痛的地方，我也上网于助过，不过得到的答案也不是那么的另人满意。不知道新版的php5有没有好好的解决这个问题。直到现在我也没能弄清这个问题，看来我还得研究一下这个东东才行。
3.4、php面向对象的编程方法，如果用到了php面向对象的方法的话，那就是专家级的php程序员啦，现在虽说有些地方已经用到了这个方法（例如客户论证机制，登陆的判断机制等等），但是还不是真正意义上的面象对向的编程。一个好的程序员不仅到学好程序开发语言，而更主要的是明白怎么样去编程，即编程的思想。这就是为什么一个非计算机专业人可以考过高级程序员，但却无法真正的去写程序。这四年我认为我真正学到的也就是这一点（即编程的方法）。
四：如何体现专业性与实用相结合
1、本网站集文字、图片、色彩、动画于一体，通过它，可以一下子就抓住用户视线，给用户留下印相，增加用户的回头率。2、合理的数据组织结构可以让网站速度提升，而合理的界面布局可以使用户可以很快的找到他自己需到的东西。3、提供动态的数据更新，可随时更新、更正、省时省力，节省了大笔的人力及财力。4、数据的模块化，使得我们可以更好更容易的进行网站更新和维护。
五：心得，体会
通过这次设计，我们学到了很多新的知识，温故遗忘的知识，并充分发挥了团队合作精神，在设计过程中，互帮互助。特别是在制作前期，与企业商谈时，更是学到了很多从未学过的知识，更加体现到社会与学校的不同之处。整个设计下来，我们对这三个软件有了更好的掌握，深入使用各个功能，对自己的设计生涯有了很好的提高。对于个人而言，在这个工程中让我过了一把瘾，在这个过程中我学到了不少的知识，真正体会到了什么才是“完美结合”——Apache、PHP、MySQL的结合，知道了知识只有实践才是真正的有价值,同时在这个过程中遇到了到现在都还不能很好解决的问题（见上15页的三—3和三—4）。在以后的学习工作中我一定会逐步的去解决我所遇到的问题。
六：后记
两个月的时间一晃就过去了，这我们网站的制作过程中，我们非常感谢同学们为对我们的网站所进行的测试，同时也感谢他们为我们所提出的宝贵意见，使我们的网站得以完善。在这个过程中，我们更想感谢的是席泓老师，如果没有她的指导和帮助，我想我们的网站无法完成的这么顺利。同时我们还要感谢4年来学校领导，老师对我我们的教育和帮助，给予了我们学习计算机知识和技能的机会，使我们才有今天才有机会来制作这个网站，相信不会让您们失望！当然，其中肯定还有很多不足之处，希望您们继续批评指正，使我们的专业水平日趋提高。在此表示衷心的谢意！
参考文献
[1]李辛铭《PHP4网页编程实例解析》清华大学出版社2002年2月
[2]黄礼强《电子商务能手——PHP&MySQL电子商务网站架构案例》中国电力出版社2002年1月
关键词:Web2.0;旅游;信息化
Web2.0体现为互联网作为跨设备的平台,其应用程序充分发挥平台的内在优势,软件以不断更新的服务方式进行传递,个人用户通过组成群体贡献自己的数据和服务,同时允许他人聚合,以达到用户越多、服务越好的目的。通过这种“参与架构”创造出超越传统网络页面技术内涵,引发出具有丰富用户体验的网络效应[1]。Web1.0的特点在于用户只能获取信息,Web2.0则更注重与用户的交互,用户既是信息的消费者(浏览者),也是信息的制造者[2][3][4]。
一、Web2.0对旅游行业的影响
旅游2.0(Travel2.0)就是将Web2.0的思想运用到与旅游相关的电子商务及网站上,将来源分散的信息聚合以实现与游客更好的交互体验,是一种对以往旅游信息化过程的再思考和改进[5]。Travel2.0是旅游服务市场的发展方向。Web2.0的基础“长尾理论”认为,只要存储和流通的渠道足够大,需求不旺或销量不佳的产品共同占据的市场份额就可以和那些数量不多的热卖品所占据的市场份额相匹敌甚至更大。这一理论有效的前提是满足个性化需求的产品可以通过互联网将渠道成本降为零或者趋于零[6]。旅游行业自身的特点正好满足这个前提,天然具有发挥互联网营销能力的优势。同时,旅游业对于信息的依赖性又不同于其它行业,Web1.0时代集中式的信息管理方法已经不能适应用户的要求。伴随Web2.0诞生的大量新兴网络商业模式给传统旅游业带来了冲击,同时也带来了创新的动力和活力。
二、旅游业参与角色功能范围的重新划分
Web2.0时代则关注用户体验,关注服务质量,这种业务模式的转变必然导致旅游业各参与角色功能范围的变化。
1.游客。旅游产业必须占有和依托大量的信息,属于信息密集型产业,对信息的支持和更新要求很高。Web2.0的出现从根本上改变了游客在旅游活动中的角色功能。
首先,从“读者”到“编辑”的转换。Web2.0服务强调协作,网络信息的生成不再完全由专业编辑控制,而是向所有用户开放。大量游客的直接参与不仅改变了以往信息的单方向流动,同时也极大地丰富了以往无法及时采集或者更新的旅游信息。比如国外著名的TripAdvisor网站可供游客对酒店、景点等任何旅游相关的服务进行评价,这些信息可以防止服务商虚假信息,也可以提供服务商没有公布的信息,是潜在游客重要的参考资料。其次,从“遍地撒网”到“集中攻克”。Web2.0服务注重个人体验,强调信息的个性化。游客可以通过书签订阅感兴趣的资料或者加入合适的兴趣小组就可以直接获取所需要的信息,服务提供商也可以根据用户的兴趣“推送”相关资料。“信息的消费者和创造者”合二为一的游客新角色是应用的需要,也是用户意志的体现。这种主体意识必将在全新网络文化的滋养下愈发强劲。
2.政府。政府在旅游行业的组织管理过程中扮演着重要的角色,除了相关政策的制定和外,还负责一些公益性的、需要巨大投入的项目建设。Web2.0时代实现了“网聚人的力量”,任何组织和个人以往无法完成或者需要花费巨大的人力物力才可能完成的工程,现在只需要很小的投入便能成功。维基旅游(WikiTravel)的成功正是源自于无数网络用户一点一滴的贡献。单就个人来说,这种贡献压力小,可以做到精准。而对于网站来说,积沙成堆的效果就很明显。这种个人力量的汇集最终又将惠及所有人,是知识和经验传播的有效途径。政府应该变换思路,放弃传统旅游信息组织的方式,主动利用Web2.0的特性来组织构建新一代旅游信息平台。采用类似维基旅游的方法,这样政府就可以从大量繁重的信息采集和整理工作中解脱出来,而集中有限的人力资源来审核信息。
3.景区。景区作为旅游信息化最终的落实对象,在任何时候都应该以提升自我服务质量为第一要务。经济社会使得行业分工越来越细,景区是旅游活动最重要的参与对象,但不是唯一的。良好的旅游服务应该使游客对六要素(吃、住、行、游、购、娱)都满意。景区开发不可能涵盖所有的要素,即使勉强提供了所有业务,那么与这些要素配套的服务会成为景区不可避免的负担和累赘。例如仅是酒店预订、机票车票预订就可以形成一个巨大的行业(国内多数旅游网站都依此为主要经济来源,如携程,e龙等),景区如果不做到专业化如何能与独立旅游网站竞争?所以,景区的发展之路就是专注与景区的管理和开发,而相关的服务通过与第三方旅游网站的联合而实现双赢。
Web2.0还为景区的开发管理以及信息化带来了很多便利之处,例如景区地图。以往的景区地图需要请专业机构制作,更新频率低,而且地图与相关介绍分离。Web2.0提供的免费电子地图(如GoogleMaps,BaiduDitu,Go2map等)不仅更新快,分辨率高,而且具有很好的扩展性,便于二次开发。景区可以方便的将景点信息(图片,文字等)潜入电子地图,给用户更真实的体验。
4.专业旅游网站。在Web2.0时代,旅游网站的功能和职责没有明显变化,但其经营方式却需要转变思路。
首先,最重要的就是要驾驭“长尾”的力量。旅游网站一直以来作为个性化散客的信息平台,却未能从这些“服务对象”身上直接谋取丰厚回报。“长尾”经济现象启示人们,个性化旅游市场目前虽然松散但总量可观。在旅游Web2.0网站,基于以上两种力量,相似偏好的用户将形成虚拟社区,并引发新的出游模式,实现出游的“化零为整”。这就要求网站突出Web2.0的特点,以用户为中心,跟踪用户的需求和习惯,加强互动性。
其次,旅游产业具有关联度高的特性,产业涵盖了食、住、行、游、购、娱等多种要素,产业依托性较强,产业链涉及部门广泛,单纯依靠传统交易模式来提供服务产品效率低下,准确性欠佳。旅游产业的复杂性决定了服务于旅游信息沟通和交易的旅游电子商务体系的多元复杂性,游客对于一站式旅游服务的需求越来越强。景区不可能提供这样的服务,旅行社在个性化旅游时代的作用会被削减。因此,旅游网站就不可避免地成为衔接六要素相关行业的中枢,实现各类服务的无缝集成,给用户提供一站式旅游服务。这种模式在Web2.0时代必将大行其道,其原因就是行业分工更明确,行业协作更自由。Web2.0初期旅游网站之间必然会出现大量的收购合并事件,直至市场分配相对平衡。
5.旅行社。Web1.0时代追求一切业务都上网,旅行社也不例外。实际上除了少数几个大型旅行社依据雄厚的实力通过网络获益外(如中青旅遨游网、春秋旅游网),很多中小型旅行社的网站只是一个摆设。Web2.0时代旅游行业的专业分工将更加细致,同时经济收入的提高促进了个性化旅游的发展,中小型旅行社单薄的网络营销依然难与大型旅行社竞争。其出路在于与独立旅游网站合作,借助专业网站平台的用户群和营销模式来争取客户。可以预见Web2.0时代,旅行社独立建设的网站数量将大大减少,多数旅行社的业务将寄托在专业旅游网站上。由此可见,旅游网站将成为旅游2.0的核心,其商业价值巨大。
三、结论
在Web2.0时代,游客、政府,景区,专业旅游网站和旅行社的角色功能都要重新定位,新的网络应用模式和商业盈利模式促使旅游行业分工更加细致,行业之间的合作更加紧密。这种洗牌过程有利于提高部门效率,提高部门专业化程度,提高游客的旅游质量。
参考文献:
[1]TimO′Reilly.What’sWeb2.0?DesignPatternsandBusinessModelsfortheNextGenerationofSoftware[EB/OL]
[2]周敏,周仁军.Web2.0:企业信息化新趋势[J].上海信息化,2006(10):76-78.
[3]莫凡.Web2.0的常见形态及传播特点[J].开封大学学报,2006,20(2):77-78.
[4]郭莎莎,韦铭,肖江南.Web2.0国内外研究现状及其对旅游业的启示[J].北京第二外国语学院学报(旅游版),2008(1):37-41.
互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。
2网站设计分析
文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。
3网页制作
3.1选择合适的网页设计软件当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。
3.2选择网页内容前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。
3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。
4结语
1.1工作式运行模式
工作室充分学习新加坡“教学工厂”的运营模式，建立“2+1+4+n”的工作室组织运行模式。即工作室由2名教师作为主要负责人，聘请1名高水平的企业专家顾问，选取4名左右素质高的学生作为核心群组成员，每个群组成员再带动n名学习同伴。
1.2组织管理机制
组织管理机制的工作内容主要包括：成员档案管理：更新成员基本情况、发展计划、发展情况等。活动管理档案：对工作室进行的每项活动由专人负责进行记录、总结和材料归档。经费管理：对于院系给予工作室的经费支持及工作室项目收入，由工作室负责人负责记录、定期向系部领导汇报财务收支情况。
1.3活动规划及实施机制
由工作室负责人根据工作室的发展状况及业务教学需要，制订学习培训、内部交流、教学研究、课题研究、示范辐射等活动规划，并且根据活动规划，切实执行，形成一个良性循环的活动规划及实施机制。
1.4政策激励机制
为了保证工作室负责人有足够的精力做好工作室的工作，可以相对减轻工作室负责人的教学工作量，系部安排教师外出培训、学术研讨等活动中适当倾斜。项目验收后，依据相关规章制度，根据项目团队成员的贡献大小分配收入。对于参加项目开发的学生除了发放津贴外，另外给予创新学分的奖励，学分的多少由考核小组根据其个人业绩核定。
1.5考核评价机制
由项目委托人、系部、教研室、外聘专家共同组成考核评估小组，制订考评标准，对工作室按学期进行考评指导，对工作室成员的工作情况进行绩效考核，奖励表现优秀的人员、调整表现不好的成员。
2工作室教学模式实施过程
在工作室教学模式实践中，结合承接项目的情况及专业发展需求，大概分为前台静态图片处理、DIV+CSS页面布局、FLASH动画制作及后台程序开发四个模块。以一个项目为例，说明工作室教学模式具体实施过程。
2.1项目立项
项目立项以甲乙双方签订项目开发合同为准。如果项目较小，内容较简单，简单的协议也可以替代合同。在此过程中，积极与企业专业顾问联系，确定项目开发所需技术要领及阶段性成果验收、付款方式等。
2.2成立项目小组
根据项目特点，成立项目小组，确定小组教师成员及学生成员。此部分工作主要集中在学生团队的选取方面，首先面向全系学生公示项目开发内容，接受学生申请，最后由班主任、任课教师、项目负责教师、辅导员组成选拔小组，择优选取综合素质高的学生加入开发团队。同时，向系部申请使用网站设计工作室，履行相关手续。
2.3项目开发
由负责老师将任务具体细化，根据学生特点将任务进行分工，整理出相关联的技能需求。工作室团队中的学生如果有不会的内容，由负责老师进行辅导，师生合作完成项目的开发。在此过程中，项目开发团队向教学团队提供技能需求，教学团队组织教师进行教学研讨，将技能需求分化到具体的知识点，然后确定相联系的课程，最后将知识点纳入到课程的教学任务中去，将教学效果辐射到全体学生。
2.4项目收尾
项目开发完成后，向委托方申请验收，验收合格以后，项目团开发队完成工作室的交接手续。然后，考核小组根据项目完成情况及收入，确定分配给项目开发团队的津贴。另外，教师和学生分别针对项目开发过程中的个人学习心得总结。
3网站设计工作室实践成果
经过两年的网站设计工作室运行机制的实践，取得了一些成果，包括如下三个方面。
3.1提高了教师的“双师”素质
以前的教学模式下，教师教学质量的好坏主要由学生对某一门课程的评价，而工作室教学模式下，由于承接的都是实际的项目，项目能不能顺利开发完成对教师影响比较大，面对这种压力，迫使教师加强专业能力的学习、更新教学观念、对领域内相关知识进行持续性学习。教师都反应切切实实提高了教学水平及实践技能。在两年的时间内，项目团队依托工作室完成了部级精品课程《食品生产技术》和《食品生物化学》两门课程网站建设，完成了中国食品药品职业教育联盟、海外合作与交流、网上校史馆宣传类网站制作，完成一些课程多媒体课件制作，教师个人获批市级课题、完成横向课题开发、获得相关的软件著作权等等。
3.2调动了学生自主学习的积极性
以前基于某门课程的教学，知识相对片面，学生其实学习的是一些零散的片断，在实际应用过程中，会遇到这样那样的问题。而工作室教学模式打破了陈旧的教学体系，面对需要开发完成的完整项目，学生不再在课堂在等待教师的传授和辅导，面对项目开发时间的限制及项目开发完成的奖励措施，遇到解决不了的问题，除了请教教师外，学生更多地会主动上网或是到图书馆借阅图书进行针对性学习，并且这种主动学习在其他学生中间起到了辐射作用。
3.3基于项目教学，创新教学模式
在基于工作室的实训教学模式中，构建了以职业能力培养为核心的教学内容体系及与之相适应的教学方法和教学手段。依托实际项目，普通采用的是小组讨论、阶段评审等新型教学模式。另外，采用真实项目教学，学生带着实际任务进入工作室，教师则转变成项目负责人。在这种接近真实的企业环境下，对于培养学生的职业素养非常有帮助，学生经常接触到团队合作、分工、事务管理等内容，对于学生的就业及创业非常有帮助。
4结语
