网站制作论文范文
前言：我们精心挑选了数篇优质网站制作论文文章，供您阅读参考。期待这些文章能为您带来启发，助您在写作的道路上更上一层楼。
第1篇
论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的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实用教程》山东科学技术出版社
第2篇
论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的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实用教程》山东科学技术出版社
第3篇
引言
随着互联网的普及与发展，网站已逐渐成为形象宣传、产品展示推广、商务贸易，信息沟通的最方便快捷的桥梁。网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是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月
