网页设计毕业论文.doc

东北石油大学本科生毕业设计（论文）摘 要随着现代信息技术的发展及其在高校教学领域中的广泛应用，借助网络丰富的信息资源进行教学已经成为现代高等教育提高教学质量的重要方式和手段，同时对不断推进教学资源的共建共享，逐步实现教学及管理的网络化和数字化具有重要的指导和实践意义。本论文通过查阅书籍，跟随我校相关专业上课以及观看网络视频教学来对两个主要网页制作软件Dreamweaver和Photoshop进行细致而深入的学习。通过掌握图片的套索工具、导航器、图层使用、浮动面板、颜色调色板、滤镜、图片特效等处理方法进行图片制作。通过学习网页制作中框架结构、文本框添加、超链接、特殊字符、地图等工具构造合理页面结构。实现了主页面制作以及机械工程技术基础资源平台、石油石化装置生产运行资源平台、石油石化设备设计资源平台、石化装备检修维修资源、装备检测及HSE体系运行资源平台、石化装备制造资源平台六项分平台的制作与链接。其中还增添了课程资源，主要通过Word文档转换成网页的方法，将四个实验以及题库以网页形式展现，再添加链接，为本校学生以及教师查阅，学习，教学等方面提供便利有效途径。关键词：资源共享平台；网络资源；网络化AbstractAlong with the development of modern information technology and the wide application of college teaching field, with the help of network information resource rich modern higher education teaching has become an important way of improving the quality of teaching and method, and to continue to promote teaching resources, gradually realize the co-construction and sharing of teaching and management of the Internet and digital has important guiding and practical significance. This paper studies carefully and thoroughly on the two main Webpage making software Dreamweaver and Photoshop though consulting books, following my school related professional classes and watching online videos teaching. Pictures make by mastering the lasso tool, navigator, using layers, the floating panel, color palette, image effects processing pictures. Make reasonable platform structures through the study of Web page structures, text box, hyperlinks, special characters, links and other tools. I complete the manufacture of homepage and the mechanical engineering technology resource platform, petroleum and petrochemical plant operating platform, petroleum and petrochemical platform designing resources, petrochemical equipment maintenance repair resources, equipment testing and running of HSE system resource platform, petrochemical equipment manufacturing resource platform six sub platform link with the productions. It also adds to the curriculum resources which are mainly through the Word document into Webpage method, four experiments and questions to demonstrate the Webpage form, and then adds link. This paper provides an effective way to consult, learn, teach and so on for the school students and teachers. Key words: Resource sharing platform; Network course; Network 目 录第1章 概述11.1 选题背景11.2 选题意义21.3国内外资源平台水平31.4 项目研究基础31.5 研究内容4第2章 系统分析52.1 可行性分析52.2 系统总需求分析62.3 资源共享平台功能需求分析6第3章 主要应用软件介绍83.1 Dreamwearver 8 中文版83.2 PhotoShop软件简介11第4章 页面设计过程204.1 设计思想204.2 规划网站21第5章 网页展示245.1 框架结构245.2 链接265.3 插入文本框285.4 插入图像31结 论35参考文献36致 谢3739第1章 概述1.1 选题背景卓越工程师教育培养计划(以下简称“卓越计划”)是贯彻落实国家中长期教育改革和发展规划纲要(2010-2020年)和国家中长期人才发展规划纲要的高等教育重大改革项目，也是促进我国由工程教育大国迈向工程教育强国的重大举措。“卓越计划”由教育部发起，旨在为未来各行各业培养各种类型的、优秀的工程师后备军。它要求高校转变办学理念、调整人才培养目标定位以及改革人才培养模式。“卓越计划”实施遵循“行业指导、校企合作、分类实施、形式多样”的原则，联合有关部门和单位制定相关的配套支持政策，提出行业领域人才培养需求，指导高校和企业在本行业领域实施卓越计划。通过前期的改革与建设，过程装备与控制工程专业已成为国家“卓越计划”第二批入选学校，黑龙江省首批“卓越计划”试点专业，实行“3+1”人才培养模式，即学生在校内学习3年，在企业学习时间累积不少于1年。通过这种行业企业深度参与的形式，着力培养学生的工程实践能力、职业道德和职业素质。因此，开展有效的企业学习，是“卓越计划”能否取得预期效果的关键。通过卓越计划的实施，装备专业已经建成多个稳定的实习实训基地。学生在实习实训过程中取得了一定的收获，然而也反映出了一些问题。校外实习实训基地具备丰富的工程经验，能提供多样化的实训内容和实训平台，学校教师和校内发达的信息平台能提供理论知识和当前各类技术发展现状的指导。然而学校和企业之间的教育教学资源并没有建立一个有机的调配和共用体系的建设，导致学生在企业学习期间不能进行有效的总结，在学校学习时不能及时将理论知识应用于实践平台，一定程度上影响了实习实训效果。而且，企业工程师对学校资源也有强烈的渴求，教师也希望便捷利用企业资源来提升理论教学水平。当前，多媒体技术、网络技术、数据库技术等计算机网络相关的信息技术手段愈来愈广泛地应用，以现代信息技术为支撑的网络教育，由于可以使教学资源不受时空限制地迅速流通从而成为现代教育技术中重要的组成部分。让教学活动不受时间和空间限制。让参与教学活动的所有人员在任何时间、任何地点都可以利用教学资源必将是现代教育特别是卓越工程师教育的发展方向。目前，“卓越计划”已在我国高等工程教育领域全面开展，本项目的完成，不仅可为石油石化行业培养急需的工程应用型人才做出贡献，而且可为校企联合培养人才建立新的平台，取得的经验和成果可以为其他有行业依托的高校开展“卓越工程师教育培养计划”提供借鉴，并为相关企业提供高校平台和工程基础技术支持。1.2 选题意义在全球化背景下，工程教育作为立国之本的重要性日益凸显，相应地，对工程教育改革的研究也成为热点。在21世纪黎明，我们正处在辉煌的过去和不确定的未来之间。世界发生着量和质的快速变化。技术上的突飞猛进、人口爆炸、资源匮乏、生态危机、经济发展不平衡，以及由此引发的诸多社会问题，无不要求我们重新审视当今的工程教育。工程教育必须变革，必须适应工程系统复杂性、多尺度性、不确定性、多学科和跨学科性这些不断增强的特点，必须适应快速变化的社会环境，并对解决社会问题做出更多的贡献。对此，欧美各国无不把加强和改革工程教育作为高等教育发展的重要内容。1美国近年来几乎每年都要出台有关工程教育改革的各种报告，并直接将工程教育质量和水平与国家安全联系起来。目前，欧洲各国均在致力推进“博洛尼亚宣言”，意在打造欧洲高教的“航母”，对工程教育及其质量倍加关注。就高等工程教育的规模而言，中国已成为世界第一大国。截止2010年，我国开设工科专业的本科高校1003所，占本科高校总数的90%；高等工程教育的本科在校生达到371万人，研究生47万人。在许多方面，中国可以为她的工程教育成就感到自豪，因为它成功地培养了许多优秀人才成为国家领袖，并促进了国防和工业建设、保障了国家安全。另一方面，我们也注意到近年来有越来越多的人就高等教育质量向大学管理者提出一些尖锐的问题。用人单位也抱怨工科毕业生缺乏专业知识、沟通能力和团队合作精神。针对上述问题，2010年6月23日，教育部联合有关部门和行业协（学）会，启动我国高等工程教育的“卓越工程师教育培养计划”。作为贯彻落实国家中长期教育改革和发展规划纲要（2010-2020年）和国家中长期人才发展规划纲要（2010-2020年）的重大改革项目，“卓越计划”将成为今后一段时期，我国高等工程教育人才培养模式改革的主要方向。在资源共享平台建设方面，无论是国外还是国内，也是近些年来的热点。国家、省部级别的课程资源共享平台已经支撑着高校间的同步发展，基本以“一网、一库、一中心、一平台”，实现域范围内的特色课程和优秀教师的授课将通过网络实现资源共享，并与社会资源交互使用，达到人人都能享受优质教育资源的状态。然而，关于企业和高校平台搭建的问题一直未见研究。目前，“卓越计划”已在我国高等工程教育领域全面展开，在“卓越计划”实施的过程中，行业企业的深度参与是保证其实施效果的关键，各“卓越计划”参与高校都在进行这方面的探索。另外随着高校视频资源建设的逐步推进，如何使建设的资源得到充分利用成为探索的主题，而资源平台的建设发挥着至关重要的作用。本项目以卓越工程师培养基地为依托，开展实习实训资源共享平台建设，以期建立高校与国有企业资源共享平台，促进卓越工程师教育建设，并为企业提供优良的基础资源，达到校企合作双赢的效果。1.3 国内外资源平台水平 在国外信息资源共享是伴随图书馆协作体而渐渐发展起来的。具有建立时间久，信息量大，资源共享体系完善的优点。例如环球资源、谷歌、Scribd、Docstoc 等。而在我国也有着大量资源丰富体系完善，应用功能强大，涉及面广泛的资源共享平台，例如中国科技资源共享网，中国知网，维基，万方，新浪爱问共享资料库，百度文库，道客巴巴 ，豆丁等等。大学院系建立自己图书馆是高校图书馆建设的特点。而实际上，早在19世纪中叶，随着西方的国家大学重视科研和研究生教育开始，大学院、系、研究所便纷纷建立了自己的独立图书馆。到了20世纪70年代，西方国家大学开始摈弃这种各自为政分散建设图书馆方式，大学中心馆和院、系馆逐渐走向联合，形成了或松或紧的图书馆的服务体系。这不仅是出于经费上考虑，更主要是出于计算机和现代技术应用上考虑，也可以说，这是社会发展与进步的必然的结果。我国大学大约在20世纪90年代左右，也像西方国家的大学一样，大学中心馆和院、系馆逐渐走向联合，并逐步完善了大学图书馆与院、系、研究所图书馆纵向平台建设和资源共享建设。1.4 项目研究基础作为国家“卓越计划”第二批入选学校，黑龙江省首批“卓越计划”试点学校。其中“过程装备与控制工程”专业，分别为国家级和省级卓越工程师试点专业。该专业已开展了“卓越计划”的培养工作，并启动了企业实习实训教学环节，另外在校内资源共享建设方面也做了一定的基础工作，主要包括：制定过程装备与控制工程专业“卓越计划”企业培养方案和标准；与大庆油田股份有限公司、大庆石化公司、大庆炼化公司、大庆天然气公司和大庆油田建设集团石油石化设备厂等多家单位签订了实习基地协议和联合培养人才意向书；聘请2位企业高管为我校的“兼职教授”，并从相关企业聘请了15名从事本专业的企业高级技术人员为“兼职教师”；所有实习实训基地企业已经构建企业实训教师队伍，保障企业学习的进行；过程装备与控制工程专业已经基于省精品课程建设了精品课程共享资源平台；东北石油大学建成有成熟的教学资源共享网络和资源交互平台。东北石油大学机械学院装备系建立有专业图书室、电子资料库，同时在网络教学资源建设、虚拟实验室建设、多媒体教学技术研究方面有深厚的基础。实训企业和过程装备系在工程项目上有广泛的交流和合作基础。1.5 研究内容为了适应信息社会的发展和教育教学制度的改革，整合信息资源，建立具有专业性的资源平台是现代教育教学的发展趋势。首先需要对资源平台可行性分析、系统总需求分析和资源共享平台功能需求分析三项平台系统需求进行分析，确定本资源平台主要内容并对其进行链接，最终要确定页面的总体结构框架。其次，通过需求分析选用网页制作的两个主要软件：Dreamweaver和Photoshop。主要学习一些针对图片修改制作以及网页制作的常用工具。通过网页制作两项必要软件的学习，最终要完成最初平台系统需求分析的要求，实现专业间以及校企之间的交流，提高资源平台的建设，丰富的教学环境和教学资源，实现网页的基本运行。信息技术的变化改变了信息提供的方式与读者的信息需求，信息工作者的服务模式也要从传统的提供文献资料转变为提供获取文献资料渠道和方法上。因此要结合实际，建立优秀的网络资源。2第2章 系统分析2.1 可行性分析 2.1.1 技术可行性为了更好的了解、学习和进一步掌握关于网站建设与网页设计相关软件，在图书馆借取关于Dreamweaver、Photoshop、Fireworks 、Flash等书籍。除此之外，为了使平台达到，视觉效果良好，美观，需要结合多种网页制作软件。（1）网页制作工具Dreamweaver软件支持所见即所得的的编辑方式，出色的站点管理，简单且实用。采用可视化编程，支持DIV层和CSS样式表设计界面从而使得界面漂亮而整洁，便于快速开发。在开发过程中，主要难点有两个。1）如何建立数据冗余度小、高度安全性的数据库。根据实际的需要，将共享的资源利用SMTP协议以附件的形式传至公共邮箱进行保存将能够有效解决此问题。2）采用什么开发方式来进行开发，结合实际功能的需求，个人认为原型法快速高效开发是首选方法。（2）图形工具Photoshop强大的专业图形软件用于制作想要的平面效果。Photoshop主要处理以像素所构成的数字图像。使用其众多的图片编辑编修与绘图工具，可以有效地进行工作。Photoshop有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。2.1.2 经济可行性资源共享平台的开发费用是主要的支出。系统的开发费用则是用在开发者的酬劳上面，系统开发完成经测试投入使用后，系统的维护、升级则都是免费的。本系统在实际的应用中，将大大改善原始资源共享方式，从而提高了资源的有效利用率。2.1.3 操作可行性石油化工过程及装备资源共享平台的使用者主要是本系的老师和学生。本系统是基于B/S模式，B/S模式是通过服务器将数据库服务和客户机联系起来，用户可以查看已经上传的资源信息并根据需要下载资源到本地的计算机，服务器端的机器设置只需要安装运行本系统安装环境即可。对于Windows用户只需安装IIS服务就能运行本系统。而对于客户端，通过本机的浏览器就可随时随地查看远端客户端服务器内容，操作简便、快捷。32.2 系统总需求分析系资源共享平台需要满足用户对资源的共享需求和管理员对整个资源共享系统的管理需求。进入系统上传资源达到共享同时可以下载自己需要的资源，对自己上传的资源进行管理。用户还可以通过搜索来查找相应资源。用户登录后和其他用户一起在线交流。管理员可以对已有的用户进行管理，包括删除、添加。管理员可以随时更新网页信息和重新构造网页图片及结构。2.3 资源共享平台功能需求分析随着多媒体信息技术和计算机网络技术的日益普及，网络教学作为教育的一种形式在世界范围内得到迅猛的发展，它突破传统教育过程在空间和时间上的限制，实现了教育资源在更大范围上的共享。网络教育资源建设是影响网络教育发展，保障网络教育质量的重要因素之一。怎样有效解决资源的网络共享问题，提高教学资源的可利用率，如何实现教学资源信息化的优化管理，充分发挥网络信息共享资源在高校教学中的作用等问题便成了每个高校迫切需要解决的问题。现在许多高校已经成功的搭建了自己的网络资源共享平台，有许多的成功经验。通过创建交互式网页应用的网页开发技术手段，数据不再和页面以及网站混粘在一起，它独立了跟着用户走。在基于数据的应用中，用户需求的数据，可以从独立于实际网页的服务端取得并且可以被动态地写入网页中。帮助用户即师生解决管理、维护、存储、分享内容，并且通过用户对资源的访问密集度来作出整个网络资源的分布调整计划，使系统网络资源平台的共享性得到充分的发挥。而石油化工过程及装备资源共享平台主要为每个用户提供资源共享体验，努力为教师，同学，企业等提供最为方便快捷的资源查询浏览通道，石油化工过程及装备资源共享平台主要提供以下资源 ：（1）六项平台：石油石化装置生产运行资源平台，石油石化设备设计资源平台，装备检测及HSE体系运行资源平台，石化装备制造资源平台，机械工程技术基础资源平台，石化装备检修维修资源。系统而全面的介绍了各个资源平台，为广大学生和老师以及相关企业，提供丰富精彩的沟通交流和资源共享的渠道。创建对基础资源，视频资源，基地资源和成果展示四项内容的链接。（2）课程资源：换热器操作和传热系数的测定，给热系数的测定，板式精馏塔的操作及全塔效率的测定和液-液萃取塔的操作四个实验。除此之外还包括一个包含200道选择题的题库，135道判断题，150到填空题和102道计算题的题库。（3）平台介绍：卓越工程师简介，东北石油大学卓越工程师教育简介，实习实训资源平台简介。 （4）规章制度：规章制度的定义，决定程序，规章制度的重要性。（5）联系我们：联系人，东北石油大学的联系地址。第3章 主要应用软件介绍网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的意图用HTML方式展示出来。为了更好的制作网站，首先要了解并熟练掌握网页制作软件。4本章将系统的介绍网页制作相关的软件Dreamwearver。3.1 Dreamwearver 8 中文版Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。3.1.1 软件简介Dreamweaver意译为“织梦者”是由美国著名的多媒体软件开发公司Macromedia推出的一款“所见即所得”的可视化网站和网页应用程序开发具。它提供了可视布局工具、应用程序开发功能和代码编辑支持的强大组合，使各个技术级别的开发者和设计者都能够快速创建可视化、吸引人的基于标准的站点和应用程序。从基于CSS设计的领先支持到手工编写的代码功能，Dreamweaver提供了在集成的、无缝的环境中所需的专业工具。开发者可将Dreamweaver与服务器技术结合使用来构建强大的Internet应用程序。5Dreamweaver的最大优点就是可以帮助初学者迅速成长为网页制作高手，同时又给专业设计师和开发人员提供强大的开发工具和无穷的创作灵感。因此，Dreamweaver备受业界人士的推崇，在众多专业网站和个人主页中都把它列为首选工具。3.1.2 Dreamweaver的操作界面（1）启动面板启动面板主要用来快速启动相应的任务或显示/隐藏相应的浮动面板。如果启动面板是竖的，那么，可以点击它右下角的一个小按钮，它就可以变成横向的了。这时，可能会发现，它的状态栏上也有这个面板上的所有选项。这也就为网页制作者提供了方便。可以直接从右下角点击相应的栏目进入想要进入的对话框，如图3-1所示。图3-1 Dreamweaver启动界面（2）属性面板属性面板会随着编辑的内容而变化，图3-2是页面属性面板，它里面包含了页面编辑的所有内容，包括文字的字体，颜色，大小，连接，缩进等。属性面板很多，还有图象属性控制面板，层属性控制面板等对象的属性控制面板，用户只要选择要编辑的对象，它就会自动变化。用户对所有由启动面板弹出来的浮动面板在被打开后，可以重新组合，可以将经常用的面板单独地拉出来。图3-2 页面属性面板（3）工作面板Dreamweaver 8的工作界面主要包括标题栏、菜单栏、插入栏、文档工具栏、文档窗口、状态栏、属性面板、面板组和文件面板组成的，如图3-3所示。图3-3 Dreamweaver 8软件工作界面3.1.3 软件优点Dreamweaver可以用最快速的方式将Fireworks，FreeHand或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。13Macromedia Dreamweaver 8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论是直接编写HTML代码还是在可视化编辑环境中工作，Dreamweaver都能提供帮助良多的工具，丰富Web创作体验。6Macromedia公司非常重视网站开发工具的配合，它将Dreamweaver与制作矢量动画的Flash、处理网页图像的Fireworks捆绑在一起，组成了一个强大的网页开发软件包，俗称“网页三剑客”。另外Macromedia公司利用自身在多媒体及网络技术领域的优势，使这些软件能很好的与其他软件配合，开发出更完美的网站。3.2 PhotoShop软件简介PhotoShop是全世界著名的平面设计软件，它具有强大的绘图、校正图片及图像创作功能。人们可以利用它创作出具有原创性的作品。3.2.1 PhotoShop历史1990年2月Photoshop版本1.0正式发行。1991年6月Photoshop版本2.0正式发行。1994年9月Photoshop版本3.0的Mac版本在发行，而Windows版本在11月发行。1998年5月Photoshop版本5.0正式发行。2000年9月Photoshop版本6.0正式发行。2002年3月Photoshop版本7.0正式发行。2003年9月Photoshop Creative Suite正式发行。第一个版本的PhotoShop只有一个800KB的软盘（Mac）。在90年代初，PhotoShop在版本2.0增加了CYMK功能，及其他重要新功能包括支持Adobe的矢量编辑软件Illustrator文件，Duotones以及Pen tool（笔工具），而且最低内存需求从2MB增加到4MB。版本3.0的重要新功能是Layer。版本4.0主要改进是用户界面。版本5.0引入了History（历史）的概念和色彩管理。版本6.0主要改进了其他Adobe工具交换的流畅。版本7.0增加了Healing Brush等图片修改工具，还有一些基本的数码相机功能如EXIF数据，文件浏览器等。CS版本把原来的原始文件插件进行改进并成为CS的一部分，更多新功能为数码相机而开发，如智能调节不同地区亮度，镜头畸变修正等。73.2.2 PhotoShop的特点图片浏览器。这是Photoshop 7.0新增的一个功能，点击“Filebrowser”，它会以缩略图的形式将硬盘上所有的图片文件都显示出来，还可以用来创建、查看、分类和快速查看各种图像，这相当于Photoshop 7.0自带了一个图片浏览器。这样，在处理图像时，在硬盘中寻找和调取图像文件就要方便得多，也可以节省时间。另外，“Filebrowser”还有一个有用的功能，那就是，它可以自动为从数码相机中读取的图像快速创建缩略图。（1）工具箱这是PhotoShop 7.0中非常重要的组成部分之一，可以用来选择、绘画、编辑和查看图像，还具有选取前景和背景色、快速创建模板和更改屏幕显示模式等功能。本次软件升级，对工具箱进行了进一步的完善和补充。选中工具箱中的某个工具后，菜单栏下面的属性栏中就会显示相应工具的所有属性，这使得修改设置工具属性的操作变得更加方便快捷。菜单栏的下面是属性栏，当我们选择了工具栏中的工具时，这里就显示该工具的相关属性。最中间的灰色区域是文件编辑区。文件都在这里进行编辑。左边是工具栏，这里列出了PS的基本工具。可以通过菜单栏上的“窗口”“工具”按钮，来显示和隐藏工具栏。其中工具箱面板如图3-4所示。 图3-4 工具箱面板将鼠标放在某个工具上，可以显示这个工具的名称。有些工具的右下角还有一个三角，就表示这个一个组合工具，这里还有其他的工具。用鼠标长按这个三角，就会把这里包含的工具都显示出来，如图3-5所示。图3-5 工具显示按住键盘上的TAB键，可以将所有的工具栏和面板隐藏，同时按住SHIFT和TAB键，可以隐藏右边的活动面板。当作图时，因为面板的遮挡无法看清图片的全貌，这个操作就非常有用。在众多的面板里，“导航器”面板很重要。在作图的过程中，经常需要缩放图片的显示大小，移动图片的位置，导航器就实现这些功能。然后我们来讲一下，如何新建文件、打开文件和保存文件。按“文件”“新建”，新建一个文件（快捷键CTRL+N）。文件的名称是自己随便写的。宽度和高度，根据你的实际需要设定。宽度和高度的单位可以是象素，也可以是毫米厘米等。对于分辨率选择，如果图片只是用于电脑上观看的，分辨率为72。如果图片要用于印刷的，分辨率为300。之后再设置图片的尺寸，宽度为毫米，高度为毫米。其新建面板如图3-6所示。图3-6 新建面板（2）浮动面板浮动面板是Photoshop中非常重要的辅助工具，它为图形图像处理提供了各种各样的辅助功能。一般的浮动面板包括“导航器”浮动面板、“信息”浮动面板 、“颜色”浮动面板、“色板”浮动面板、“样式”浮动面板、“历史记录”浮动面板等。而Photoshop 7.0中浮动面板的改观也很大，它新增了两个工具，相应的就会增加两个工具的属性面板。新增加了工具预置控制面板，通过它可以方便地设置工具箱中当前选中的工具及其属性，图层面板上增加了一个透光度的选项，信息面板也有些小改动，多了一个Proofcolor的选项，文字属性面板也变得丰富起来了，在面板的下面加了一排小按钮，分别可以让字体呈现全部大写、全部小写、加下划线。Photoshop 7.0对笔刷工具进行了全新的改造，增加了几百个各种形式的笔刷，合理运用这些笔刷，用户可以很轻松地画出很多不同自然笔触的效果，创造美妙的视觉效果。其中浮动面板如图3-7所示。图3-7 浮动面板浮动面板的组成：浮动面板是Photoshop中非常重要的辅助工具，它为图形图像处理提供了各种各样的辅助功能。浮动面板的名称包括：“导航器”浮动面板，“信息”浮动面板，“颜色”浮动面板 。导航器面板：导航器用来观察图像，可以方便进行图像的缩放，在面板的左下角有百分比数字，可以直接输入百分比，按Enter键后，图像就会按输入的百分比显示，在导航器中会有相应的预视图，也可用鼠标拖动浏览器下方的小三角来改变缩放的比例。滑动栏的两边有两个“山”的形状的小图标，左边的图标较小，单击此图标可使图像缩小显示，单击右边的图标，可使图像放大。信息面板：“信息”浮动面板可提供鼠标所在位置的色彩信息及X和Y的坐标值。如果选择不同的工具，还可通过信息浮动面板得到大小、距离和旋转角度等信息。颜色调色板：颜色调色板主要用来改变图像的前景色和背景色。如图所示的颜色浮动窗口左上角有两个色块表示前景色和背景色和工具箱中相同。（3）颜色模型颜色的使用是Photoshop的一大特点。任何一副精美的图像都离不开颜色的合理搭配。在图像处理中，不仅要考虑图像的巧妙设计与颜色的搭配，更要考虑图像在输出后的效果，了解颜色模式，可以使输出的效果图更加清晰。8在Photoshop中，其中颜色模式的定义在这里面起着十分重要的作用，只有通晓了不同颜色模式所表达的含义才能精确地描述、修改和处理色调。Photoshop提供了一组描述自然界中光和色调的模式，通过它们我们可以将颜色以一种特定的方式表示出来，而这种色彩又可以用一定的颜色模式存储。在这里面，每一种颜色模式所起到的作用以及针对性的目的都是不一样的，各有各的功效。如为了方便打印，我们采用CMYK模式；为了给黑白相片上色，我们可以先将灰度图像转换到彩色模式等。颜色模型不仅能够确定图像中能显示的颜色数，还影响图像的通道数和文件大小。Photoshop 7.0中的颜色模型有RGB色彩模式（红、绿、篮）、CMYK色彩模式（青、品红、黄、黑）、HSB（色相、饱和度、亮度）和CIELab色彩模式。PhotoShop 7.0对颜色的处理和调整非常直观，在它提供的调色板底部有一个包含光谱中全部颜色，还外加黑色和白色的色带。只需在相应的部位单击，就可以将拾色器设置到该颜色范围。HSB模型：基于人类对颜色的感觉，HSB模型描述颜色的三个基本特征：色相是从物体反射或透过物体传播的颜色。在0到360度的标准色轮上，色相是按位置度量的。在通常的使用中，色相是由颜色名称标识的，比如红、橙或绿色。饱和度，有时也称彩度，是指颜色的强度或纯度。饱和度表示色相中灰成分所占的比例，用从0%（灰色）到100%（完全饱和）的百分比来度量。在标准色轮上，从中心向边缘饱和度是递增的。亮度是颜色的相对明暗程度，通常用从0%（黑）到100%（白）的百分比来度量。虽然可以在Photoshop中使用HSB模型在“调色板”或“拾色器”对话框中定义一种颜色，但没有用于创建和编辑图象的HSB模型。HSB模型如图3-8。图3-8 HSB模型（4）滤镜特效是一种非常奇妙的效果，通过使用滤镜，可以为图像加入各种纹理、变形、艺术风格和光线等多达100多种的特效，让平淡无奇的图片顿时焕发出夺目的光芒。PhotoShop 7.0中滤镜的种类共有两类：一种是内部滤镜，即安装Photoshop时自带的滤镜，其中值得一提的是自定义滤镜，它是整个滤镜家族中功能最强大的滤镜，自定义滤镜位于滤镜菜单的其他滤镜组中，它允许用户定义自己的滤镜，使用方法非常灵活；另外一种是外挂滤镜，使用者根据自己的需要进行自行安装，常见的外挂滤镜有KPT、Eye、Ulead等。新建图像，填充黑色背景。使用文本文字工具输入文字。然后CTRL_J将文本层复制一层备并隐藏。图层调板如图3-9。图3-9 图层调板对原先的文字层使用【滤镜】。CTRL_F重做一次。然后【图像_旋转画布_90度顺时针】，再按CTRL_F两次执行风滤镜。这样重复旋转与风滤镜，直到转回到原先的角度。面板如3-10图。图3-10 滤镜面板CTRL_J将执行完风滤镜的图层复制一份，对其使用【滤镜_扭曲_波纹】，设定如下中图。然后将其混合模式改为“叠加”。其中PhotoShop还有挤压等效果。（5）图层图层功能是PhotoShop的一个重要功能，升级后的PhotoShop 7.0中的图层不仅继承了以前版本中的功能，而且通过设置不同的透明度和提供更多的图层合成模式，可以获得更多的图层特效，图层命令的属性条变成了对话框。1）新建一个宽度一定厘米，高度一定厘米，分辨率为一定的文件。2）单击图层面板下方的创建新图层按钮，新建“图层”。设置前景色的RGB填充图层。3）切换到通道面板，单击通道面板下方的创建新通道按钮，新建“Alpha1”通道。4）择工具箱中的“画笔工具”，单击属性蓝中的切换到画笔调板按钮，在打开的画笔调板中，在“画笔笔尖形状”选项中，选择某种形状，设置如图3-11所示。图3-11 画笔工具设置在选择某种“动态形状”选项，用画笔工具沿图像窗口边缘拖动，切换到图层面板中，将“Alpha1”通道的选区载入之前的“图层”中就可以了。（6）其它功能PhotoShop 7.0的其它功能还有许多，比如图片加密功能，允许在与他人在线分享PhotoShop PDF文件或将其加到Adobe PDF工作流之前对其加密码或其他保护；新增了图案生成器，只需选择图像的一个区域即可创建现实或抽象的图案，利用此功能还可以很方便地创建背景；PhotoShop 7.0的绘图引擎可以创建过去在PhotoShop低版本中无法获得的特殊图像，它对工作过程控制更为精确。8 第4章 页面设计过程4.1 设计思想随着科学技术发展，计算机可以说是现在生活一个重要部分。利用计算机技术实现资源共享改善了传统资源的共享方式，提高了资源的共享率。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。在选择系统的网页建立时，首先要的考虑是是否符合行业标准，是否具有很好的可扩展性。网页要具有开放体系、可以自行组合教学资源的积件式平台应是平台设计和开发的理想选择。可以通过超链接等技术把大小不一的资源通过Web平台形成一个整体。9因而应大力提倡网络平台建设，而对于传统课件开发软件，应加强与网络技术的整合，使课件的开发更适合网络化教学的发展趋势。通过石油化工过程及装备资源共享平台让学生与老师之间能够及时地分享教学资源，大大提高了学习销量和资源的有效利用效率。目的是用“一流教师队伍、一流教学内容、一流教学方法、一流教材、一流教学管理”构建全国性示范课程，推进优质教学资源共享，全面提高教育教学质量。4.1.1确定网站主题网站主题即建立的网站所要包含的主要内容，一个网站必须有明确的主题，内容丰富而全面。资源平台整合与优化网络资源平台建设的最终目标是辅助教学、提高教学质量，因而教学适用性是教学资源平台建设首先要考虑的问题。本平台以石油化工过程及装备资源共享平台建设为主题，将教学信息进行整合，建立系统的资源库和统一的使用平台。10知识经济是世界一体化的经济，资源共享与开放的观念应是各级部门和学校教师们都要确立的一种基本观点。我国地区差别大，资源组合错位，地区间的教育资源具有很强的互补性和动态交流的必然性。从经济行为的角度，信息的获取必须支付一定的费用，因而石油化工过程及装备资源共享平台的建设有将效的改善这个问题，实现一种公平的开放，教育信息的共享尤其重要，这是我国教育产业化的必要途径。4.1.2 搜集材料明确了网站的主题，要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让网站有血有肉，能够吸引住浏览者，就要尽量搜集材料，搜集得材料越多，制作网站就越容易。11材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。4.2 规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，都考虑到了，才能驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。而本网页首页采用线性结构。（1）首页：石油化工过程及装备资源共享平台总标题为过程装备与控制工程实习实训资源共享平台下设首页、平台简介、规章制度、平台项目、课程资源、联系我们六部分。如图4-1首页组织结构图，其中首页页面还包括东北石油大学和平台信息的两部分内容的简短介绍，加入对平台六个项目的链接。共享平台首页 首页 平台简介 规章制度 平台项目 课程资源 联系我们 图4-1 首页线性结构图（2）平台简介在平台简介下面，下设为三个内容，分别为：1）卓越工程师简介：卓越工程师概念，卓越工程师高校，卓越工程师特点。2）东北石油大学卓越工程师教学简介：东北石油大学卓越工程师教育，应用前景。3）实习实训资源平台简介 ，包括平台背景和实习实训校内资源共享建设基础工作两部分。平台简介的组织结构图如图4-2。 平台简介1卓越工程 师简介2东北石油大学卓越工程师教学简介3实习实训资源平台简介图4-2 平台简介的组织结构图（3）规章制度主要介绍规章制度的定义，决定程序以及规章制度的重要性。（4）平台项目平台项目包括内容介绍，基础资源，视频资源，基地资源和成果展示的链接之外，添加对1）机械工程技术基础资源平台，2）石油石化装置生产运行资源平台，3）石油石化设备设计资源平台，4）石化装备检修维修资源，5）装备检测及HSE体系运行资源平台，6）石化装备制造资源平台六个平台的链接，如图4-3 。平台项目1、机械工程技术基础资源平台2、石油石化装置生产运行资源平台3、 石油石化 设备设计资源平台4、石化装备检修维修 资源平台5、装备检测及HSE体系运行资源平台6、石化装备制造资源平台图4-3 平台项目结构图（5）课程资源课程资源包括：换热器操作和传热系数的测定，给热系数的测定，板式精馏塔的操作及全塔效率的测定，液-液萃取塔的操作四个实验。还包括一个包含200道选择题的题库，135道判断题，150到填空题，102道计算题的题库。如图4-4。 课程资源实验一实验二实验三实验四题库图4-4 课程资源结构图（6）联系我们 联系我们包括两部分内容1联系人，是方便于学生，教师，工厂以及其他需要的人以及企业方便联系，包括单位名称，联系人，联系电话以及邮箱地址。联系地址包括，东北石油大学文字地址以及东北石油大学百度地图网址链接，便于需要的人以最有效便捷的方式联系。第5章 网页展示5.1 框架结构在一个框架网页的后台代码中，一般能够看到的是网页的标题标记(Meta Title)、描述标记(Meta Description)、关键字标记(Meta Keywords)及其它原标记(Meta Tags)，同时还会看到一个框架集标记(Frameset Tag)。框架中的内容在后台代码中是无法被体现的，而对于那些主要搜索引擎的搜索程序来说，如Google的GoogleBot和Freshbot，其设计思路都是完全忽略某些HTML代码，转而直接锁定网页上的实际内容进行索引。14这样一来，网络蜘蛛在那些一般性的框架网页上根本找不到要搜索的内容。这是由于那些具体内容都被放到我们称之为“内部网页”中去了。材料、工具选定，就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。本网页的设计分为上侧和左侧为框架，右下页面为主内容区。创建框架结构：在插入面板中找到布局选项，在其中选择下图所示的图标，并选择相应的框架结构。选择布局如图5-1。图5-1 选择布局选择框