学院门户网站设计

1、天津电子信息职业技术学院暨国家示范性软件职业技术学院门户网站设计题 目： 门户网站设计 姓 名： 王健 学 号： 17号 系 不： 软件技术系 专 业： 软件技术 班 级： 软件S08-3 指导教师： 于筱荔 时刻安排：2009年1月4日 至 2010年1月17日天津电子信息职业技术学院暨国家示范性软件职业技术学院企业门户网站的建立(取证)任务书系 不： 软件技术系 专 业： 软件技术 班 级： 软件S08-3 指导教师： 于筱荔 时刻安排：2009年1月4日 至 2010年1月17日一、取证培训的目的通过取证培训，使学生掌握和应用网页页面设计的知识和技能，能够合理布局，完成一个完整站点的设计

2、。二、取证培训的要求掌握Dreamweaver MX基础知识和差不多操作，掌握布局页面和操作表格，能够运用与设置图像，能够制作框架页面和创建链接，能够设置层、层动画和行为，并能够创建页面中的表单对象和网站制作的综合实例。三、取证培训的内容第一单元 差不多操作1建立并设置本地根文件夹：新建文件夹，命名文件夹，复制文件。2定义站点：设置站点名称，本地根文件夹，默认图像文件夹,HTTP地址。3创建与设置文档：创建HTML文档，命名和保存文档，设置文档页面属性。4输入文本：采纳任意输入法，输入样文中的文本。5创建与运用HTML样式：创建HTML样式，命名HTML样式，运用HTML样式。6使用CSS样式

3、表：创建HTML样式，命名HTML样式，运用HTML样式。第二单元 布局页面和操作表格 1布局页面：绘制页面布局，设置页面布局。2表格的创建与设置：创建表格，设置表格，填充表格。3设置单元格属性：设置表格及单元格对齐方式，表格或单元格的宽度或高度，使用格式化表格命令。4复制表格或单元格：复制指定的表格或单元格。5治理表格：表格的排序，合并单元格。6重新编排表格：在指定的位置插入行或列，交换指定表格的行或列。第三单元 运用与设置图像1运用图像：一般图像的插入，轮换图像的创建。2设置图像属性：图像差不多属性的设置，图像热点区域的创建和设置。3设置图像链接：图像链接，图像热点区域链接的创建与设置。4

4、电子相册的创建：创建网络相册，设置相册标题以及其他信息，指定相册的源，目的文件夹，设置相册图。第四单元 制作框架页面1框架的插入：在空白的文档中创建指定类型的框架。2框架的命名：正确命名框架文档中各部分的框架。3保存框架集文件：以指定的名称保存框架集。4填充框架内容：在指定的框架页中输入相应的文本，设置框架页的页面属性。5插入代码片断：在指定的框架页中插入代码片段。6保存与设置框架文档：以指定的名称命名并保存框架页，设置框架的宽度以及上下和左右的间距。7超级链接的建立与框架目标的指定：设置指定框架页内文档的链接，指定被链接文档所显示的目标框架。8框架源文件的指定：设置指定框架中的源文件。第五单

5、元 创建链接1创建和设置链接：对指定的文本创建链接。 2插入命名书签：在指定的位置插入命名书签，命名所插入的命名书签。3创建命名书签链接：对指定的文本创建指定的命名书签链接。4链接的设置与更改：设置与更改指定文本的链接。5创建电子邮件链接：创建指定图像或文本的电子邮件链接。第六单元 层、时刻轴和行为的使用 1层的插入及命名：在文档中插入或绘制图层，命名插入或绘制图层。2层内插入图像：在指定的层内插入指定的图像。3设置层的大小和坐标：设置指定层的宽度和高度，设置指定层的X轴和Y轴的坐标。4时刻轴和行为的使用：使用时刻轴创建动画，录制动画轨迹，设置时刻轴，在时刻轴中添加或使用行为。第七单元 表单的

6、创建与设置1插入并命名表单：使用插入表单命名在文档中插入表单。2插入表单对象：文本域、图像域、下拉列表框、跳转菜单、单选按钮、隐藏域等表单对象。3表单对象属性的设置：表单对象的命名，表单对象类型的设置，表单对象值的设置。4插入与设置表单按钮：插入按钮，设置按钮标签，指定按钮动作。5表单的属性设置：表单的命名，表单的处理。第八单元 综合应用1设置页面属性：能按照试题要求，完成页面标题等属性的设置。2创建CSS样式：能熟练重定义HTML标记和设置超级链接字体颜色。3布局页面轮廓：依照试题论述，参照样图，能利用表格或通过对单元格的拆分与合并完成对各个页面区域轮廓的布局。4填充页面元素：能完成各个区域

7、文本的输入，图像的插入与设置，表单、图像热点区域以及链接的创建与设置等操作。四、取证培训的时刻安排周次星期内容17周周一1下发任务书 2任务讲解 3确定实习选题4站点的定义和规划（确定网站主题）5创意与初步构思周二1确立Web站点结构的设计方案2收集素材 3整理素材周三网站首页外观的设计制作周四运用与设置图像周五制作框架页面18周周一层、时刻轴和行为的使用周二网站其他页外观的设计制作周三综合测试网站周四撰写报告周五整理文档，上交报告五、取证培训论文的写作要求取证培训最后，要求每一位同学都要撰写一篇关于“企业门户网站设计方案”的论文。1要求独立完成设计，若完全出现相同者，一律视其为不合格。2要求

8、独立编写报告，若有相同者，一律视其为不合格。3正文格式：A4纸、小四号、宋体、打印。内容篇幅至少为3000字以上，将“网页设计(取证)任务书”附在前面与封面、正文一起装订，加目录、摘要（200字）及35个关键字。4装订顺序：封面、任务书、目录、正文（包括：摘要、关键字、课程设计报告内容、参考文献等）。5课程设计报告的封面格式见附页。报告内容一般应该包括：课程设计的目的、任务、要求、设计过程、小结、体会、参考文献等内容。6课程设计所提交内容：课程设计报告电子文稿，课程设计报告打印稿各一份。 7提交时刻：于第18周，周五交齐。六、取证培训的参考书目1网页设计与制作教程 于筱荔主编 人民邮电出版社2

9、Dreamweaver MX 职业技能培训教程 北京希望电子出版社3 Dreamweaver MX 试题汇编 北京希望电子出版社4网页设计与制作实训 姜巧玲 于筱荔编著 校内讲义摘要： 企业需要更高效能且技术统一的平台，以整合当前的网上业务，同时让本身的系统能够随时便利升级，以支持以后网上业务的进展。建设集多功能（如客户关系治理、网上销售、知识销售、知识治理、内容治理等）于一身的企业门户网站，成为势在必行的上网策略。本系统的开发恰恰满足了这一要求。论文中详细介绍了系统的需求分析、总体设计及各功能模板的详细设计。关键字：门户性网站 企业门户性网站 企业门户网站目录 TOC o 1-3 h z u

10、 HYPERLINK l _Toc250016845 引言 PAGEREF _Toc250016845 h 1 HYPERLINK l _Toc250016847 网站的系统分析 PAGEREF _Toc250016847 h 2 HYPERLINK l _Toc250016848 （1）需求分析 PAGEREF _Toc250016848 h 2 HYPERLINK l _Toc250016849 （2）可行性分析 PAGEREF _Toc250016849 h 2 HYPERLINK l _Toc250016850 总体设计 PAGEREF _Toc250016850 h 2 HYPERL

11、INK l _Toc250016852 （1）项目规划 PAGEREF _Toc250016852 h 2 HYPERLINK l _Toc250016853 设计目标 PAGEREF _Toc250016853 h 3 HYPERLINK l _Toc250016855 要善用图像 PAGEREF _Toc250016855 h 3 HYPERLINK l _Toc250016856 (2) 网站详细设计 PAGEREF _Toc250016856 h 3 HYPERLINK l _Toc250016857 网站前台首页设计 PAGEREF _Toc250016857 h 3 HYPERLI

12、NK l _Toc250016858 留言簿模块设计 PAGEREF _Toc250016858 h 3 HYPERLINK l _Toc250016859 论坛模块设计 PAGEREF _Toc250016859 h 3 HYPERLINK l _Toc250016860 (3) 数据库设计7 HYPERLINK l _Toc250016862 （4）开发及运行环境8 HYPERLINK l _Toc250016864 （5）网站的制作规范探讨9 HYPERLINK l _Toc250016865 网站目录规范9 HYPERLINK l _Toc250016866 文件命名规范9 HYPER

13、LINK l _Toc250016867 链接结构规范9 HYPERLINK l _Toc250016868 网站的设计制作10 HYPERLINK l _Toc250016869 （1）整体形象设计10 HYPERLINK l _Toc250016870 （2）开发制作10 HYPERLINK l _Toc250016871 （3）调试完善10 HYPERLINK l _Toc250016872 HYPERLINK l _Toc250016873 网站安全问题及对策11 HYPERLINK l _Toc250016874 域名申请11 HYPERLINK l _Toc250016875 网络

14、平台的建立12 HYPERLINK l _Toc250016876 设计与维护12 HYPERLINK l _Toc250016878 心得体会12 HYPERLINK l _Toc250016879 参考文献131、前言Internet的全球性进展，对人们的生活、生产方式都产生了深远的阻碍。据推算到2006年底，我国网民人数将达到1.8个亿，成为全球最大的互联网市场。建设企业门户性网站，树立企业的网络形象，成为企业适应信息化时代进展的最佳方式。企业门户性网站的建设，使企业能够通过网络和客户更好的交流，拉近企业和客户的距离，掌握大量的客户反馈信息，并及时作出企业内部调整方案，以满足客户不断增长

15、的需求。企业门户性网站的建设和治理水平，直接阻碍企业的网络形象，拥有一个设计美观、功能全面的门户性网站，差不多成为企业网络化建设的一个重要内容。门户网站提供的功能服务应该是切合扫瞄者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合扫瞄者对网上银行网站的需求也不是银行的优势，如此的功能服务提供不但会削弱扫瞄者对网站的整体印象，还白费了企业的资源投入，有弊无利。2 网站的系统分析(1) 需求分析通过相关调查，要求网站具有以下功能：通过前台全面介绍企业的软件产品并提供软件下载。在前台为针对性问题提供解决方案。前台在线解答用户常见问题。提供软件补丁下载的功能。提供用户注

16、册、登录、用户名和密码修改的功能。需提供在线留言簿，方便用户留言。为用户设置论坛模块。通过后台对用户信息进行治理，包括设置用户权限和查询用户信息等功能。在后台能够治理公告信息、新闻信息、论坛头像、友情链接。通过后台对软件类不及前台提供的软件和软件补丁进行治理。通过后台治理问题解决方案、常见问题解答等信息。对用户留言信息进行回复和治理。(2) 可行性分析企业门户网站满足了企业通过网站前台展示企业软件产品、为用户提供问题解决方案的要求。通过网站的建立，加强企业与客户之间的沟通，使企业能够及时了解客户的需求，及时关心客户解决日常工作中遇到的各种问题，更好的服务于客户，从而增进了企业和客户之间的友好业

17、务关系。3 总体设计关于一个企业门户网站来讲，通常由两部分组成，一部分是网站前台，用于企业信息展示和与客户进行交流，另一部分是网站后台，用于对网站信息的治理和回复留言。网站前台前台展示区要求实现：首页、产品地带、解决方案、技术支持、客户渠道、论坛等模块信息的显示功能。网站后台后台治理模块要求实现：用户治理、用户查找、论坛头像治理、公告治理、新闻中心治理、友情链接治理、软件类不治理、软件资源治理、常见问题治理、解决方案治理、留言薄治理、下载工具补丁治理、论坛版块治理、论坛治理等功能。(1) 项目规划设计目标本门户网站是依照企业实际要求进行开发设计的，要紧实现如下目标：网页风格符合企业的特点，界面

18、美观大方。能够对公司的产品进行及时的宣传，并为本公司开发的部分或全部软件提供下载功能。针对某行业或某一问题提供相应的解决方案。充分为用户着想，提供细致周到的技术支持。提供为用户快速留言的留言簿，并具有版主回复功能。提供在线论坛及其维护功能。(2) 网站详细设计网站前台首页设计：在企业门户网站的首页中，用户不但能够查看网站的公司信息和新闻信息，而且还能够查看产品信息及工具软件和软件补丁的下载排行。留言簿模块设计：企业门户网站的留言簿通常情况下差不多上只有留言和查看留言的功能，关于留言簿的维护一般放在网站后台进行。下面将给出留言簿的查看留言、添加留言、回复留言和删除留言的实现过程。 (3) 数据库

19、设计(4) 开发及运行环境硬件平台：CPU：P41.8GHz；内存：256MB以上。软件平台：操作系统：Windows XP/Windows 2000；数据库：MySQL 5.0；开发工具包：JDK Version1.4.2；JSP服务器：Tomcat；网站的制作规范探讨四、网站的设计制作（1）整体形象设计（2）开发制作（3）调试完善五、网站安全问题及对策每个服务必须有定义清晰的流程，每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。实现功能服务的程序必须是正确的、健壮的（防错的）、能够及时响应的、能够应付预想的同时请求服务数峰值的。需要人工操作的功能服务应该设有常

20、备人员和相应责权制度。用户操作的每一个步骤（不管正确与否）完成后应该被提示当前处于什么状态。六、域名申请注册域名，让企业在全球Internet上有唯一标识，也是社会各用户扫瞄该企业网站的门牌号和进入标识。由域名构成的网址会像商标那样，在互联网上广为流传，好的域名有助于你今后塑造自己在网上的国际形象。而同时域名在全世界具有唯一性，域名的资源又比较有限，谁先注册，谁就有权使用，因此你现在就应该考虑，是否要爱护你在Internet上的无形资产。七、网络平台的建立虚拟主机是使用专门的软硬件技术，把每台计算机 主分成一台虚拟的主机，在外界看来，虚拟主机与真正的主机没有任何区不，我们建议企业上网采纳虚拟主机方式。一般虚拟主机提供商都能向用户提供10兆、30兆、50兆直到一台服务器的虚拟主机空间。用户可视网站的内容设置及其进