某学院门户网站设计(doc 13页).doc

天津电子信息职业技术学院暨国家示范性软件职业技术学院门户网站设计题 目： 门户网站设计 姓 名： 王健 学 号： 17号 系 别： 软件技术系 专 业： 软件技术 班 级： 软件S08-3 指导教师： 于筱荔 时间安排：2009年1月4日 至 2010年1月17日天津电子信息职业技术学院暨国家示范性软件职业技术学院企业门户网站的建立(取证)任务书系 别： 软件技术系 专 业： 软件技术 班 级： 软件S08-3 指导教师： 于筱荔 时间安排：2009年1月4日 至 2010年1月17日一、取证培训的目的通过取证培训，使学生掌握和应用网页页面设计的知识和技能，能够合理布局，完成一个完整站点的设计。二、取证培训的要求掌握Dreamweaver MX基础知识和基本操作，掌握布局页面和操作表格，能够运用与设置图像，能够制作框架页面和创建链接，能够设置层、层动画和行为，并能够创建页面中的表单对象和网站制作的综合实例。三、取证培训的内容第一单元 基本操作1建立并设置本地根文件夹：新建文件夹，命名文件夹，复制文件。2定义站点：设置站点名称，本地根文件夹，默认图像文件夹,HTTP地址。3创建与设置文档：创建HTML文档，命名和保存文档，设置文档页面属性。4输入文本：采用任意输入法，输入样文中的文本。5创建与运用HTML样式：创建HTML样式，命名HTML样式，运用HTML样式。6使用CSS样式表：创建HTML样式，命名HTML样式，运用HTML样式。第二单元 布局页面和操作表格 1布局页面：绘制页面布局，设置页面布局。2表格的创建与设置：创建表格，设置表格，填充表格。3设置单元格属性：设置表格及单元格对齐方式，表格或单元格的宽度或高度，使用格式化表格命令。4复制表格或单元格：复制指定的表格或单元格。5管理表格：表格的排序，合并单元格。6重新编排表格：在指定的位置插入行或列，交换指定表格的行或列。第三单元 运用与设置图像1运用图像：一般图像的插入，轮换图像的创建。2设置图像属性：图像基本属性的设置，图像热点区域的创建和设置。3设置图像链接：图像链接，图像热点区域链接的创建与设置。4电子相册的创建：创建网络相册，设置相册标题以及其他信息，指定相册的源，目的文件夹，设置相册图。第四单元 制作框架页面1框架的插入：在空白的文档中创建指定类型的框架。2框架的命名：正确命名框架文档中各部分的框架。3保存框架集文件：以指定的名称保存框架集。4填充框架内容：在指定的框架页中输入相应的文本，设置框架页的页面属性。5插入代码片断：在指定的框架页中插入代码片段。6保存与设置框架文档：以指定的名称命名并保存框架页，设置框架的宽度以及上下和左右的间距。7超级链接的建立与框架目标的指定：设置指定框架页内文档的链接，指定被链接文档所显示的目标框架。8框架源文件的指定：设置指定框架中的源文件。第五单元 创建链接1创建和设置链接：对指定的文本创建链接。 2插入命名书签：在指定的位置插入命名书签，命名所插入的命名书签。3创建命名书签链接：对指定的文本创建指定的命名书签链接。4链接的设置与更改：设置与更改指定文本的链接。5创建电子邮件链接：创建指定图像或文本的电子邮件链接。第六单元 层、时间轴和行为的使用 1层的插入及命名：在文档中插入或绘制图层，命名插入或绘制图层。2层内插入图像：在指定的层内插入指定的图像。3设置层的大小和坐标：设置指定层的宽度和高度，设置指定层的X轴和Y轴的坐标。4时间轴和行为的使用：使用时间轴创建动画，录制动画轨迹，设置时间轴，在时间轴中添加或使用行为。第七单元 表单的创建与设置1插入并命名表单：使用插入表单命名在文档中插入表单。2插入表单对象：文本域、图像域、下拉列表框、跳转菜单、单选按钮、隐藏域等表单对象。3表单对象属性的设置：表单对象的命名，表单对象类型的设置，表单对象值的设置。4插入与设置表单按钮：插入按钮，设置按钮标签，指定按钮动作。5表单的属性设置：表单的命名，表单的处理。第八单元 综合应用1设置页面属性：能按照试题要求，完成页面标题等属性的设置。2创建CSS样式：能熟练重定义HTML标记和设置超级链接字体颜色。3布局页面轮廓：根据试题论述，参照样图，能利用表格或通过对单元格的拆分与合并完成对各个页面区域轮廓的布局。4填充页面元素：能完成各个区域文本的输入，图像的插入与设置，表单、图像热点区域以及链接的创建与设置等操作。四、取证培训的时间安排周次星期内容17周周一1下发任务书 2任务讲解 3确定实习选题4站点的定义和规划（确定网站主题）5创意与初步构思周二1确立Web站点结构的设计方案2收集素材 3整理素材周三网站首页外观的设计制作周四运用与设置图像周五制作框架页面18周周一层、时间轴和行为的使用周二网站其他页外观的设计制作周三综合测试网站周四撰写报告周五整理文档，上交报告五、取证培训论文的写作要求取证培训最后，要求每一位同学都要撰写一篇关于“企业门户网站设计方案”的论文。1要求独立完成设计，若完全出现相同者，一律视其为不合格。2要求独立编写报告，若有相同者，一律视其为不合格。3正文格式：A4纸、小四号、宋体、打印。内容篇幅至少为3000字以上，将“网页设计(取证)任务书”附在前面与封面、正文一起装订，加目录、摘要（200字）及35个关键字。4装订顺序：封面、任务书、目录、正文（包括：摘要、关键字、课程设计报告内容、参考文献等）。5课程设计报告的封面格式见附页。报告内容一般应该包括：课程设计的目的、任务、要求、设计过程、小结、体会、参考文献等内容。6课程设计所提交内容：课程设计报告电子文稿，课程设计报告打印稿各一份。 7提交时间：于第18周，周五交齐。六、取证培训的参考书目1网页设计与制作教程 于筱荔主编 人民邮电出版社2Dreamweaver MX 职业技能培训教程 北京希望电子出版社3 Dreamweaver MX 试题汇编 北京希望电子出版社4网页设计与制作实训 姜巧玲 于筱荔编著 校内讲义摘要： 企业需要更高效能且技术统一的平台，以整合当前的网上业务，同时让本身的系统能够随时便利升级，以支持未来网上业务的发展。建设集多功能（如客户关系管理、网上销售、知识销售、知识管理、内容管理等）于一身的企业门户网站，成为势在必行的上网策略。本系统的开发恰恰满足了这一要求。论文中详细介绍了系统的需求分析、总体设计及各功能模板的详细设计。关键字：门户性网站 企业门户性网站 企业门户网站目录1. 引言12. 网站的系统分析2（1）需求分析2（2）可行性分析23. 总体设计2（1）项目规划2 设计目标3 要善用图像3 (2) 网站详细设计3 网站前台首页设计3 留言簿模块设计3 论坛模块设计3 (3) 数据库设计7（4）开发及运行环境8（5）网站的制作规范探讨9 网站目录规范9 文件命名规范9 链接结构规范94. 网站的设计制作10（1）整体形象设计10（2）开发制作10（3）调试完善105. 网站安全问题及对策116. 域名申请117. 网络平台的建立128. 设计与维护12心得体会12参考文献131、前言Internet的全球性发展，对人们的生活、生产方式都产生了深远的影响。据推算到2006年底，我国网民人数将达到1.8个亿，成为全球最大的互联网市场。建设企业门户性网站，树立企业的网络形象，成为企业适应信息化时代发展的最佳方式。企业门户性网站的建设，使企业能够通过网络和客户更好的交流，拉近企业和客户的距离，掌握大量的客户反馈信息，并及时作出企业内部调整方案，以满足客户不断增长的需求。企业门户性网站的建设和管理水平，直接影响企业的网络形象，拥有一个设计美观、功能全面的门户性网站，已经成为企业网络化建设的一个重要内容。门户网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势，这样的功能服务提供不但会削弱浏览者对网站的整体印象，还浪费了企业的资源投入，有弊无利。2 网站的系统分析(1) 需求分析通过相关调查，要求网站具有以下功能：q 通过前台全面介绍企业的软件产品并提供软件下载。q 在前台为针对性问题提供解决方案。q 前台在线解答用户常见问题。q 提供软件补丁下载的功能。q 提供用户注册、登录、用户名和密码修改的功能。q 需提供在线留言簿，方便用户留言。q 为用户设置论坛模块。q 通过后台对用户信息进行管理，包括设置用户权限和查询用户信息等功能。q 在后台可以管理公告信息、新闻信息、论坛头像、友情链接。q 通过后台对软件类别及前台提供的软件和软件补丁进行管理。q 通过后台管理问题解决方案、常见问题解答等信息。q 对用户留言信息进行回复和管理。(2) 可行性分析企业门户网站满足了企业通过网站前台展示企业软件产品、为用户提供问题解决方案的要求。通过网站的建立，加强企业与客户之间的沟通，使企业能够及时了解客户的需求，及时帮助客户解决日常工作中遇到的各种问题，更好的服务于客户，从而增进了企业和客户之间的友好业务关系。3 总体设计对于一个企业门户网站来说，通常由两部分组成，一部分是网站前台，用于企业信息展示和与客户进行交流，另一部分是网站后台，用于对网站信息的管理和回复留言。q 网站前台前台展示区要求实现：首页、产品地带、解决方案、技术支持、客户渠道、论坛等模块信息的显示功能。q 网站后台后台管理模块要求实现：用户管理、用户查找、论坛头像管理、公告管理、新闻中心管理、友情链接管理、软件类别管理、软件资源管理、常见问题管理、解决方案管理、留言薄管理、下载工具补丁管理、论坛版块管理、论坛管理等功能。(1) 项目规划设计目标本门户网站是根据企业实际要求进行开发设计的，主要实现如下目标：q 网页风格符合企业的特点，界面美观大方。q 能够对公司的产品进行及时的宣传，并为本公司开发的部分或全部软件提供下载功能。q 针对某行业或某一问题提供相应的解决方案。q 充分为用户着想，提供细致周到的技术支持。q 提供为用户快速留言的留言簿，并具有版主回复功能。q 提供在线论坛及其维护功能。(2) 网站详细设计网站前台首页设计：在企业门户网站的首页中，用户不但可以查看网站的公司信息和新闻信息，而且还可以查看产品信息及工具软件和软件补丁的下载排行。留言簿模块设计：企业门户网站的留言簿通常情况下都是只有留言和查看留言的功能，对于留言簿的维护一般放在网站后台进行。下面将给出留言簿的查看留言、添加留言、回复留言和删除留言的实现过程。 (3) 数据库设计(4) 开发及运行环境硬件平台：q CPU：P41.8GHz；q 内存：256MB以上。软件平台：q 操作系统：Windows XP/Windows 2000；q 数据库：MySQL 5.0；q 开发工具包：JDK Version1.4.2；q JSP服务器：Tomcat；(5) 网站的制作规范探讨四、网站的设计制作（1）整体形象设计（2）开发制作（3）调试完善五、网站安全问题及对策每个服务必须有定义清晰的流程，每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。实现功能服务的程序必须是正确的、健壮的（防错的）、能够及时响应的、能够应付预想的同时请求服务数峰值的。需要人工操作的功能服务应该设有常备人员和相应责权制度。用户操作的每一个步骤（无论正确与否）完成后应该被提示当前处于什么状态。六、域名申请注册域名，让企业在全球Internet上有唯一标识，也是社会各用户浏览该企业网站的门牌号和进入标识。由域名构成的网址会像商标那样，在互联网上广为流传，好的域名有助于你将来塑造自己在网上的国际形象。而同时域名在全世界具有唯一性，域名的资源又比较有限，谁先注册，谁就有权使用，所以你现在就应该考虑，是否要保护你在Internet上的无形资产。七、网络平台的建立虚拟主机是使用特殊的软硬件技术，把每台计算机 主分成一台虚拟的主机，在外界看来，虚拟主机与真正的主机没有任何区别，我们建议企业上网采用虚拟主机方式。一般虚拟主机提供商都能向用户提供10兆、30兆、50兆直到一台服务器的虚拟主机空间。用户可视网站的内容设置及其发展前景来选择。一页网页所占的磁盘空间大约20 - 50千字节，10兆大约可以放置200 - 500页，但如果你对网站有特殊的要求，如图片较多、动画较多、需要文件下载或有数据库等，就需要多一些空间。八、设计与维护在充分考虑了目的和目标群体的特点以后，再来选择建站类型，并相应的安排适当的信息内容和功能服务。显然如果目标群体的互联网基础薄弱，在信息内容和功能服务的安排上，还应该避免大而全的十全大补丸式、贫乏空洞的八股文式、以及选材偏离主题的常见错误。首先要确定整个网页系统的整体规划，所要介绍的内容范围和目的，之后要收集所有需要放在网站上的文本资料、图片等，将收集的材料提供给我们，剩下的交给我们的设计人员吧。根据公司业务范围确定是否采用中英两种版本，在安排层次的时候要充分考虑用户操作，比较常用的信息内容、功能服务应该尽量放到更浅的层次以减少用户点击次数。心得体会经过这次的