[本科毕业论文]广州大学城健康产业产学研孵化基地网站制作-管理学学士

中文摘要在科技、信息技术告诉发展的这个年代，INTERNET网络进入千家万户，它综合了报纸、广播、电视等传统媒体的优点，凭借着其成本低、效率搞、速度快、传播面广等优势，已经成为大部分人们生活中不可或缺的重要获取信息的方式。文中主要进行健康产业网站的整体风格设计，对网站布局的统筹规划，并使用DREAMWEAVER技术进行网站的首页、栏目页、内容页等页面的设计和制作（主要是页面设计和美工制作）,结合公司的实际情况设置栏目及填充栏目内容。关键词网站布局，整体风格，页面设计ABSTRACTWITHABOOMINGINDUSTRYABOUTELECTRONICINFORMATIONSCIENCEANDTECHNOLOGY,THEINTERNETWASCOMINGINTOTHOUSANDSOFHOMEITCOMBINESNEWSPAPERS,RADIO,TVANDOTHERTRADITIONALMEDIABEINGCHEAP,EFFICIENT,FASTANDOMNIPRESENT,THEINTERNETHASBECOMEANINDISPENSABLESOURCEOFINFORMATIONFORTHEMAJORITYOFPEOPLETHISPAPERMAINLYFORHEALTHINDUSTRYOVERALLSTYLEWEBSITE,THEOVERALLPLANNINGOFTHESITELAYOUT,ANDUSINGDREAMWEAVERTECHNOLOGYSITESHOMEPAGE,SECTIONPAGES,CONTENTPAGESANDOTHERPAGEDESIGNANDPRODUCTIONMAINLYPAGEDESIGNANDARTPRODUCTIONCOMBINEDWITHTHECOMPANYSACTUALCONDITIONS,SETPARTANDFILLCOLUMNSKEYWORDSSITELAYOUT,OVERALLSTYLE,PAGEDESIGN引言随着网络的普及，越来越多的企事业单位通过网站来展示和推广服务。广州大学城健康产业产学研孵化基地是一个新建的园区，该园区负责人希望可以通过构建一个网站来介绍和推广园区服务，公司和基地的运营理念是“整合、服务、创新”六字方针，我们根据该园区提供的资料和需要构建了该网站。1网站背景介绍11园区的介绍广州大学城健康产业产学研孵化基地由番禺区政府与广东药学院共同组建，成立于2009年7月，位于广州大学城广东药学院内，总建筑面积约为16000。孵化基地与广东药学院紧密合作，通过资源共享，利用广东药学院独特的技术、人才和资源优势，与番禺区生物医药产业园一起，全力打造“人才培养创制开发中试规模生产”的生物医药创新体系。孵化基地设立公共服务平台，为入园企业提供一站式服务，建立起企业与政府最直接最有效的沟通平台；设立产业发展基金和产业引导基金，通过无偿资助或资本金注入方式，为企业项目开发提供一定的资金支持；设立健康产业风险投资联盟，为企业提供投融资服务；设立专家委员会，为企业提供技术与项目咨询服务；设立公共技术平台为企业提供生物医药信息、药物筛选、研究开发、中试生产等整套的技术与设备服务。孵化基地以生物医药为主导产业，集中体现创新创业的主体功能，带动整个番禺以至整个广州的健康产业的飞速发展。112园区地理位置广州大学城健康产业产学研孵化基地位于广州大学城广东药学院内。广州大学城位于广州市东南部，选址番禺小谷围岛及其南岸地区，西邻洛溪岛、北邻生物岛、东邻长洲岛。与琶洲岛举目相望，规划范围433平方公里。距广州市中心约17公里，距市桥约13公里，距广州新城约17公里。广州大学城是国内一流的大学园区，是华南地区高级人才培养、科学研究和交流的中心，是“学、研、产”一体化发展的新城市，有着完备的产学研基础。2广州大学城健康产业产学研孵化基地网站系统分析21需求分析通过调查，要求系统要求1用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。如果访问者无法在几秒钟之内得知你的网站的方向，他很有可能转而访问其他网站。你必须迅速地告诉访问者为什么要在你的网站上花费时间。所以我们的首页设计简单明确的展示了广州大学城健康产业园的服务和园区新闻。（2）让网站易于速读。因特网不是书，因此没必要使用大段的文字。也许我访问你的网站时我正在忙于其他工作，我不得不迅速读完所有内容。项目符号、标题、副标题、列表，这些都能帮助读者迅速找到他想要的内容。（3）根据网站需求者的要求不要在内容中混合广告。在内容中混合广告（如ADSENSE）也许会增加短期内的广告点击率，但从长远角度来看，这会减少网站的人气。愤怒的用户会离开的。（4）使用简单的导航结构。过犹不及。这个规则通常适用于人和选择上。确保你的网站的导航结构单纯简洁。你不想让用户在查找信息时遇到麻烦吧（5）不要在状态栏中隐藏链接。用户还必须能在状态栏中看到链接指向哪里。如果你隐藏了链接（即使是由于其他原因），那么你也会丧失信誉。（6）不要用令人不快的颜色。如果用户连续阅读10分钟后觉得头疼，那么你最好选择别的配色方案。根据你的目的决定设计（例如，创造一种氛围使得用户将注意力放在网站内容上，等等）。（7）不要弹出窗口。这一点涉及任何种类的弹出窗口。即使用户要求使用，弹出窗口也不宜使用，因为它会被弹出窗口拦截功能阻拦。（8）避免网页过长。如果用户老是需要滚动才能看到内容，他通常会采取的做法是跳过它们。如果你的网站正好如此，那么应当缩短内容并优化导航结构。22可行性分析该园区网站要求简单大方，管理方便。技术性要求比较低，主要是新闻的数据库更新和文本显示。23总体设计231项目规划广东大学城健康产业科技园是一个通过新闻动态和全区内容与生物医药业界进行交流的网站。该网站由前台的网站各个栏目模块和后台的数据更新管理模块组成。232系统功能结构图结构图如图11所示。一共43个页面。图11网站结构图24系统开发及运行环境硬件平台CPUPENTIUM418GHZ。内存256MB以上。软件平台操作系统WINDOWSSERVER2003数据库SQLSERVER2000开发环境MICROSOFTNETFRAMEWORKSDKV20网站首页园区概况新闻中心招商投资优惠政策配套设施一站式服务园区公告产业动态科技资讯图说园区开发语言C语言。浏览器IE60WEB服务器IIS60分辨率最佳效果为1024768像素。3网站布局与制作31网站的风格定位网站不仅仅是一件产品，更是一件艺术品，风格独特并符合企业文化及所处行业的网站，对帮助企业树立品牌，提升企业影响力有不可估量的作用，所以，我们在网站建设的过程中，始终把风格设计放在非常重要的地位。根据基地和公司的六字方针，基本确定网站的属性是信息类门户网站，主要是对外构建一个宣传窗口，对公司网站的总体设计以绿色为主色调，整体风格以简约、大方为主；色彩的选择与我们公司的定位相辅相成，推崇健康，支持健康产业的发展。32网站栏目的设置和意义321网站栏目的设计网站栏目策划比较难，一是该公司成立不久，很多内容无法完善，许多东西比较虚；二是考虑到公司的性质是非营利性的组织，所以网站的属性定位在信息类的门户网站。和园区的负责人商讨后最终才确定出网站的栏目，网站一共有五个栏目园区概况、新闻中心、招商投资、优惠政策、配套设施。园区概况栏目包括公司简介、园区介绍、入驻企业三个模块。如下图所示图12园区概况结构图设置该栏目的意义访问者点击园区概况栏目可以了解到公司的情况的发展现状。新闻中心栏目包括产业动态、科技资讯、图片新闻、园区公告四个模块。如下图所以园区概况公司简介园区介绍入驻企业图13新闻中心结构图设置该栏目的意义通过新闻的动态使访问者更加清楚的了解园区的最新状况和产业、科技的最新动态，并通过图片新闻进一步了解我们公司和园区的动态。招商投资栏目包括办事指南、配套设施、企业孵化、入园流程、招商项目五个板块。如下图所示图14招商投资结构图设置该栏目的意义通过这个栏目的设计有利于公司与相关企业的沟通。更好的宣传园区，主要是为了让入园企业及有意向的企业更清晰了解本园区。优惠政策栏目包括广东省优惠政策、广州市优惠政策、国家科技规划、开发区优惠政策、番禺区优惠政策五个板块。如下图所示招商投资办事指南配套设施企业孵化入园流程招商项目企业孵化器接扫介绍在线入孵申请综合性服务企业入驻服务入园手续入园申请评估体系地理位置新闻中心产业动态科技资讯图片新闻园区公告图15优惠政策结构图设置该栏目的意义通过这个栏目的设置让相关企业、人士更加清楚地了解我们省、市、区的对高新技术产业发展的优惠政策措施，吸引相关企业及优秀人才的加入。配套设施包括服务、环境设施、公共服务平台三个板块。如下图所示图16配套设施结构图设置该栏目的意义配套设施栏目呈现了建设工程项目前期服务平台，提供最新的配套服务和环境设施动态。33首页页面设计版头的设计以LOGO上的两绿色为题，选用竹子作为点缀，整一块以绿色为背景色，衬托出基地及公司LOGO。图21版头首页的设计参照上海张江高科技园区的版面设计，主要以新闻中心栏目（园区公告、产业动态、科技资讯、如说园区）的内容为主，如图配套设施服务环境设施公共服务平台优惠政策广东省优惠政策广州市优惠政策国家科技规划开发区优惠政策番禺区优惠政策图22首页设计图34内容页面设计设计思路网站风格整体上应保持一致性，内容页面的设计主要是以简介为主，页面没有太多的颜色，这样就显得页面简单，不复杂。栏目左边是招商投资子栏目菜单，通过按钮可以分别连接到各自的页面。341园区概况页面如下图所示图23园区概况页面设计图园区概况内容公司简介、园区介绍、入驻企业342配套设施页面图24配套设施页面设计图该配套设施内容为服务、公共服务平台、环境设施。343招商投资栏目页面图25招商投资页面设计图该招商投资分为办事指南、配套设施、企业孵化、入园流程、招商项目。4网页制作41公司简介页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图31公司简介页面图42园区介绍页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图32园区介绍页面图43入驻企业页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图33入驻企业页面图44公共服务平台页面的制作441技术页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图34技术页面图442生产制造页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图35生产制造页面图443信息页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图36信息页面图444研发页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图37研发页面图45服务页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图37服务页面图46环境设施页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图38环境设施页面图47招商投资页面的制作471办事指南页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图39办事指南页面图472配套设施页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图310配套设施页面图473企业孵化页面的制作园区孵化器介绍页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图311园区孵化器页面图在线入孵申请页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下图图312在线入孵申请页面图综合性服务页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用