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

中文摘要在科技、信息技术告诉开展的这个年代，Internet网络进入千家万户，它综合了报纸、播送、电视等传统媒体的优点，凭借着其本钱低、效率搞、速度快、传播面广等优势，已经成为大局部人们生活中不可或缺的重要获取信息的方式。文中主要进行健康产业网站的整体风格设计，对网站布局的统筹规划，并使用Dreamweaver技术进行网站的首页、栏目页、内容页等页面的设计和制作〔主要是页面设计和美工制作〕,结合公司的实际情况设置栏目及填充栏目内容。关键词：网站布局，整体风格，页面设计AbstractWithaboomingindustryaboutElectronicInformationScienceandTechnology,theinternetwascomingintothousandsofhome.Itcombinesnewspapers,radio,TVandothertraditionalmedia.Beingcheap,efficient,fastandomnipresent,theInternethasbecomeanindispensablesourceofinformationforthemajorityofpeople.Thispapermainlyforhealthindustryoverallstylewebsite,Theoverallplanningofthesitelayout,AndusingDreamweavertechnologysite'shomepage,sectionpages,contentpagesandotherpagedesignandproduction(mainlypagedesignandartproduction).Combinedwiththecompany'sactualconditions,setpartandfillcolumns.Keywords:Sitelayout,Overallstyle,Pagedesign引言：随着网络的普及，越来越多的企事业单位通过网站来展示和推广效劳。广州大学城健康产业产学研孵化基地是一个新建的园区，该园区负责人希望可以通过构建一个网站来介绍和推广园区效劳，公司和基地的运营理念是“整合、效劳、创新〞六字方针，我们根据该园区提供的资料和需要构建了该网站。1.网站背景介绍1.1园区的介绍广州大学城健康产业产学研孵化基地由番禺区政府与广东药学院共同组建，成立于2021年7月，位于广州大学城广东药学院内，总建筑面积约为16000㎡。孵化基地与广东药学院紧密合作，通过资源共享，利用广东药学院独特的技术、人才和资源优势，与番禺区生物医药产业园一起，全力打造“人才培养—创制开发—中试—规模生产〞的生物医药创新体系。孵化基地设立公共效劳平台，为入园企业提供一站式效劳，建立起企业与政府最直接最有效的沟通平台；设立产业开展基金和产业引导基金，通过无偿资助或资本金注入方式，为企业工程开发提供一定的资金支持；设立健康产业风险投资联盟，为企业提供投融资效劳；设立专家委员会，为企业提供技术与工程咨询效劳；设立公共技术平台为企业提供生物医药信息、药物筛选、研究开发、中试生产等整套的技术与设备效劳。孵化基地以生物医药为主导产业，集中表达创新创业的主体功能，带动整个番禺以至整个广州的健康产业的飞速开展。园区地理位置广州大学城健康产业产学研孵化基地位于广州大学城广东药学院内。广州大学城位于广州市东南部，选址番禺小谷围岛及其南岸地区，西邻洛溪岛、北邻生物岛、东邻长洲岛。与琶洲岛举目相望，规划范围43.3平方公里。距广州市中心约17公里，距市桥约13公里，距广州新城约17公里。广州大学城是国内一流的大学园区，是华南地区高级人才培养、科学研究和交流的中心，是“学、研、产〞一体化开展的新城市，有着完备的产学研根底。2.广州大学城健康产业产学研孵化基地网站系统分析2.1需求分析通过调查，要求系统要求：(1)用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。如果访问者无法在几秒钟之内得知你的网站的方向，他很有可能转而访问其他网站。你必须迅速地告诉访问者为什么要在你的网站上花费时间。所以我们的首页设计简单明确的展示了广州大学城健康产业园的效劳和园区新闻。〔2〕让网站易于速读。因特网不是书，因此没必要使用大段的文字。也许我访问你的网站时我正在忙于其他工作，我不得不迅速读完所有内容。工程符号、标题、副标题、列表，这些都能帮助读者迅速找到他想要的内容。〔3〕根据网站需求者的要求不要在内容中混合广告。在内容中混合广告〔如Adsense〕也许会增加短期内的广告点击率，但从长远角度来看，这会减少网站的人气。愤怒的用户会离开的。〔4〕使用简单的导航结构。过犹不及。这个规那么通常适用于人和选择上。确保你的网站的导航结构单纯简洁。你不想让用户在查找信息时遇到麻烦吧？〔5〕不要在状态栏中隐藏链接。用户还必须能在状态栏中看到链接指向哪里。如果你隐藏了链接〔即使是由于其他原因〕，那么你也会丧失信誉。〔6〕不要用令人不快的颜色。如果用户连续阅读10分钟后觉得头疼，那么你最好选择别的配色方案。根据你的目的决定设计〔例如，创造一种气氛使得用户将注意力放在网站内容上，等等〕。〔7〕不要弹出窗口。这一点涉及任何种类的弹出窗口。即使用户要求使用，弹出窗口也不宜使用，因为它会被弹出窗口拦截功能阻拦。〔8〕防止网页过长。如果用户老是需要滚动才能看到内容，他通常会采取的做法是跳过它们。如果你的网站正好如此，那么应当缩短内容并优化导航结构。2.2可行性分析该园区网站要求简单大方，管理方便。技术性要求比拟低，主要是新闻的数据库更新和文本显示。2.3总体设计工程规划广东大学城健康产业科技园是一个通过新闻动态和全区内容与生物医药业界进行交流的网站。该网站由前台的网站各个栏目模块和后台的数据更新管理模块组成。系统功能结构图结构图如图1.1所示。一共43个页面。网站首页网站首页园区概况新闻中心招商投资优惠政策配套设施一站式效劳园区公告产业动态科技资讯图说园区图1.1网站结构图2.4系统开发及运行环境硬件平台：CPU:Pentium41.8GHz。内存：256MB以上。软件平台：操作系统：WindowsServer2003.数据库：SQLServer2000.开发环境：Microsoft.NETFrameworkSDKv2.0.开发语言：C#语言。浏览器：IE6.0.Web效劳器：IIS6.0分辨率：最正确效果为1024*768像素。3.网站布局与制作3.1网站的风格定位网站不仅仅是一件产品，更是一件艺术品，风格独特并符合企业文化及所处行业的网站，对帮助企业树立品牌，提升企业影响力有不可估量的作用，所以，我们在网站建设的过程中，始终把风格设计放在非常重要的地位。根据基地和公司的六字方针，根本确定网站的属性是信息类门户网站，主要是对外构建一个宣传窗口，对公司网站的总体设计以绿色为主色调，整体风格以简约、大方为主；色彩的选择与我们公司的定位相辅相成，推崇健康，支持健康产业的开展。3.2网站栏目的设置和意义网站栏目的设计网站栏目筹划比拟难，一是该公司成立不久，很多内容无法完善，许多东西比拟虚；二是考虑到公司的性质是非营利性的组织，所以网站的属性定位在信息类的门户网站。和园区的负责人商讨后最终才确定出网站的栏目，网站一共有五个栏目：园区概况、新闻中心、招商投资、优惠政策、配套设施。园区概况栏目：包括公司简介、园区介绍、入驻企业三个模块。如下列图所示：园区概况公司简介园区概况公司简介园区介绍入驻企业图1.2园区概况结构图设置该栏目的意义：访问者点击园区概况栏目可以了解到公司的情况的开展现状。新闻中心栏目：包括产业动态、科技资讯、图片新闻、园区公告四个模块。如下列图所以：新闻中心产业动态新闻中心产业动态科技资讯图片新闻园区公告图1.3新闻中心结构图设置该栏目的意义：通过新闻的动态使访问者更加清楚的了解园区的最新状况和产业、科技的最新动态，并通过图片新闻进一步了解我们公司和园区的动态。招商投资栏目：包括办事指南、配套设施、企业孵化、入园流程、招商工程五个板块。如下列图所示：招商投资办事指南招商投资办事指南配套设施企业孵化入园流程招商工程企业孵化器接扫介绍在线入孵申请综合性效劳企业入驻效劳入园手续入园申请评估体系地理位置图1.4招商投资结构图设置该栏目的意义：通过这个栏目的设计有利于公司与相关企业的沟通。更好的宣传园区，主要是为了让入园企业及有意向的企业更清晰了解本园区。优惠政策栏目：包括广东省优惠政策、广州市优惠政策、国家科技规划、开发区优惠政策、番禺区优惠政策五个板块。如下列图所示：优惠政策广东省优惠政策优惠政策广东省优惠政策广州市优惠政策国家科技规划开发区优惠政策番禺区优惠政策图1.5优惠政策结构图设置该栏目的意义：通过这个栏目的设置让相关企业、人士更加清楚地了解我们省、市、区的对高新技术产业开展的优惠政策措施，吸引相关企业及优秀人才的参加。配套设施：包括效劳、环境设施、公共效劳平台三个板块。如下列图所示：配套设施效劳配套设施效劳环境设施公共效劳平台图1.6配套设施结构图设置该栏目的意义：配套设施栏目呈现了建设工程工程前期效劳平台，提供最新的配套效劳和环境设施动态。3.3首页页面设计版头的设计：以LOGO上的两绿色为题，选用竹子作为点缀，整一块以绿色为背景色，衬托出基地及公司LOGO。图2.1版头首页的设计：参照上海张江高科技园区的版面设计，主要以新闻中心栏目〔园区公告、产业动态、科技资讯、如说园区〕的内容为主，如图：图2.2首页设计图3.4内容页面设计设计思路：网站风格整体上应保持一致性，内容页面的设计主要是以简介为主，页面没有太多的颜色，这样就显得页面简单，不复杂。栏目左边是招商投资子栏目菜单，通过按钮可以分别连接到各自的页面。园区概况页面如下列图所示：图2.3园区概况页面设计图园区概况内容：公司简介、园区介绍、入驻企业配套设施页面：图2.4配套设施页面设计图该配套设施内容为：效劳、公共效劳平台、环境设施。招商投资栏目页面：图2.5招商投资页面设计图该招商投资分为：办事指南、配套设施、企业孵化、入园流程、招商工程。4.网页制作4.1公司简介页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.1公司简介页面图4.2园区介绍页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.2园区介绍页面图4.3入驻企业页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.3入驻企业页面图4.4公共效劳平台页面的制作技术页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.4技术页面图生产制造页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.5生产制造页面图信息页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.6信息页面图研发页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.7研发页面图4.5效劳页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.7效劳页面图4.6环境设施页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.8环境设施页面图4.7招商投资页面的制作办事指南页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.9办事指南页面图配套设施页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.10配套设施页面图企业孵化页面的制作园区孵化器介绍页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.11园区孵化器页面图在线入孵申请页面的制作通过布局设置布局表格和绘制布局单元格来制作此页面，再用PS里面制作的图片做背景，设计页面如下列图：图3.12在线入孵申请页面图综合性效劳页面的制作通过布局设置布局表格和绘制布局单元格来制作