网站毕业设计
江西应用工程职业学院
毕 业 论 文
计算机系部的宣传网站
—系部介绍网站
作者姓名:马黎黎
专业名称: 计算机应用
研究方向: 网页制作 导师姓名:于丽娟 教师 导师单位:江西应用工程职业学院
论文答辩日期: 2011 年 10 月 26 日
江西应用工程职业学院计算机系
2011 年 10 月 26 日
- I -
A Dissertation in Technology of Computer Application
Computer department website
——Department website
Candidate: Malili
Supervisor: Yulaoshi
Jiangxi Vocational College of Applied Engineering
School
JiangxiUniversity of Science and Technology AnyuanquRoad,Gaoken , 337000.CHINA
- II -
摘 要
计算机信息工程系始建于1985年，是目前学院最早创建的系部之一。经过二十多年的发展，现已发展成为集教学科研、职业
培训
焊锡培训资料ppt免费下载焊接培训教程 ppt 下载特设培训下载班长管理培训下载培训时间表下载
、技能鉴定、公司经营于一体的综合性系部。是萍乡市目前实力最强的计算机专业类系部，也是省、市教学科研优秀系部。 计算机信息工程系是一个朝气蓬勃、积极向上、团队协作高效优质的系部。师资力量雄厚，拥有一支结构合理、素质优良、高度敬业、勇于创新的教师队伍，其中正教授1名，副教授4名，讲师16名，助教15名。教师具有较强的科研开发能力，已完成3项省课题项目，已有一门精品课程《Photoshop平面设计》于2009年被评为“省级精品课程”。
计算机信息工程系以工科为主，兼顾文理，能围绕系部专业群整体布局进行专业设置，现开设计算机应用技术、计算机程序设计、计算机网络技术、计算机动画制作、电脑艺术设计、环境艺术设计、计算机广告制作共7个专业，符合市场实际。系部治学严谨，纪律严明，团结一致，开拓创新，狠抓学科建设、师资队伍建设和实验室建设，狠抓教学的各个环节，在专业建设和课程设置上尽可能符合职业的岗位需求，运用新的教学手段和
方法
快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载
，突出实践教学环节，强调动手操作能力，取得了良好的教学效果，积累了丰富的教学经验。 计算机信息工程系以企业需求为导向，以人品、职业技能和开拓技能培养为指引，以“项目导入、任务驱动”为指导，非常注重学生实际操作能力的培养及综合素质的提高，培养了大批IT行业的优秀精英。热烈欢迎全国有识志士来计算机信息工程系深造。
计算机工程系发展以市场需求为导向，优化高等教育专业结构，强化学科建设，针对适用型人才培养。在培养适合中山需要的人才方面，除了根据市场需求设置专业外，我系采用 “双证并重”、“产学研相结合”的教学体系，为加强学生的专业技能、增强学生就业工作的凭证，特为每个专业开设了专业技能考证培训课程，学生经过专业课程的学习并通过考证可获得相关专业的中级或高级证书。 我系拥有通过光纤或超五类双绞线实现与互联网接通的专业实验室，有网络实验室、计算机组成原理和单片机硬件实验、计算机组装与维护实验室、网络操作系统实验室、计算机应用实验室、动漫实验室等 25个实验室，为学生提供优越学习环境。
可以让大家进一步了解江西应用工程职业学院及计算机系部的发展。可以让大家知道学院的丰富多彩的知识 ;可以让大家知道选择江西应用工程职业学院就是选择正确的道路 ，如果是选择计算机系部那就等于走进了成功的道路，不过也不可缺少努力地学习;可以让大家知道关于计算机的知识点 让大家更进一步走进网络时代 ，毕竟现在是一个网络时代不可以缺少计算机知识。我学院在各位领导下 是越走越辉煌 希望每个学子都可以通过此地走向自己成功的道路。
以下是我学院计算机系部的显著的成果:
- III -
1、到目前为止，这是萍乡市实力最强的计算机信息技术考试站，也是萍乡市最早一家计算机信息技术考试站。
2、到目前为止，这是江西省取得此培训资格的三家之一，也是萍乡市唯一一家ITAT教育工程培训基地。
3、到目前为止，这是江西省取得此培训资格的十家之一，也是赣西地区唯一一家H 3C网络学院。
4、到目前为止，这是江西省高职院校数量极少的系办公司，也是萍乡市高校中唯一一家系
关键词:就业中心，学生作品，专业设置，
学生招聘事，实习基地
分类号: ;
系部的宣传
学院的信息
- IV -
Abstract
Computer Information Engineering Department was founded in 1985, is currently the oldest college department of. After more than 20 years of development, has now developed into a set of teaching and scientific research, occupation training, skills identification, companies operating an integrated department. Pingxiang is currently the most powerful computer professional department, province, city is excellent Department of teaching and scientific research.
Computer information engineering department is a full of youthful spirit, positive, team high quality department. The strength of strong teachers, has a rational structure, good quality, highly dedicated, innovative teachers, which are 1 professors, 4 associate professors, 16 lecturers, and 15 assistants name. The teacher has a strong research and development capabilities, has completed 3 provincial projects, has a quality course" Photoshop design" in 2009 was named as" provincial excellent course".
Computer and Information Engineering in engineering, both arts and science department professional group, around the overall layout of major setting, is to open the computer application technology, computer programming, computer network technology, computer animation, computer art design, environmental art design, computer advertising a total of 7 professional, consistent with the actual market. The Department is strict, strict discipline, unity, pioneering and innovative, pay close attention to the discipline construction, teaching team construction and the construction of laboratory, pay close attention to every aspect of teaching, in the specialized construction and the curriculum to be consistent with the occupation post demand, applying new teaching means and methods, highlight the practical teaching link, emphasize hands-on ability, obtained the good teaching effect, accumulated rich teaching experience. Computer Information Engineering Department to demand-oriented enterprises, character, occupation skill and develop skills training as a guide, to" project,
- V -
task driven " for guidance, pays great attention the students practical ability and comprehensive quality, training a large number of outstanding industry elite IT. Warmly welcome the country to know Chester Computer Information
Engineering Department.
Computer engineering development oriented to market demand, optimize higher education professional structure, and strengthen discipline construction, in response to applied talents cultivation. In training for Zhongshan needs talent, in addition to professional set up according to market demand, I adopted the" both"," a combination of research" teaching system, to strengthen the students' professional skills, enhance students' employment certificate for each professional courses, professional skill certificate training courses, students through professional curriculum the study and through the textual research can obtain the relevant professional intermediate or advanced certificate. I have through an optical fiber or a category five twisted pair and Internet on professional lab, network lab, computer composition principle and hardware experiment, computer assembly and maintenance of laboratory, network operating system laboratory, computer application laboratory, animation laboratory 25 laboratory, provides students with excellent learning environment. So that we can further understand the Jiangxi Vocational College of Applied Engineering and the development of computer department. So that we can know the rich and colorful of knowledge; you can let everyone know how the choice is to choose the correct way of Jiangxi Vocational College of Applied Engineering
, if the choice is a computer department that is equal to entered the path of success, but also indispensable to study diligently; can let everyone know about computer knowledge point let us further into the network age, it is now a network era can not be a lack of computer knowledge. My college in leadership is going more and more brilliant hope every student can pass here to your way to success.
- VI -
The following is my college computer department of remarkable results: In 1, so far, this is Pingxiang city 's most powerful computer information technology examination station, is also the first one in Pingxiang City computer information technology test station.
In 2, so far, this is Jiangxi province achieved the qualification training of one of the three, Pingxiang city is also the only company ITAT education engineering training base.
In 3, so far, this is Jiangxi province achieved the qualification training of one of the ten, also be western area only one H 3C network.
In 4, so far, this is the minimal number of Higher Vocational Colleges in Jiangxi Province Department of company, is the Pingxiang City College in only one line
KeyWords:Employment center, student work, professional setting,
Student recruitment, training base
Classification number:
The Department of propaganda
College of informatio
- VII -
目 录
目 录
摘 要...................................................................................................................... III Abstract ......................................................................................................................... V 引 言........................................................................................................................ 1 1 计算机系部网简介 ............................................................................................ 3
1.1 需求
分析
定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析
.................................................................................................. 10
1.1.1 用户需求................................................................................................... 10
1.1.2 可行性分析............................................................................................... 10
1.2 网站各个部分简介.............................................................................. 10
1.2.1首页设计...................................................................................................... 10
1.2(2二级页面设计........................................................................................... 10
1.2.3三级页面设计.............................................................................................. 10 2 计算机系部网设计思路 ................................................................................... 10
2.1 整体设计概念.......................................................................................... 10
2.2 关于编排的设计 ..................................................................................... 10
2.3关于文字、纸张等的设计 ..................................................................... 10
2.4计算机系部网设计的色彩运用 ............................................................ 10 3 网站作过程 ........................................................................................................ 12
3.1软件介绍 ...................................................................................................... 12
3.2 Adobe Dreamweaver CS3软件简介。 ............................................... 12
3.3 Photoshop CS3软件简介 ........................................................................ 12 4 计算机系部网特效代码 ................................................................................... 12
4.1页面下角网页名滚动播出 ..................................................................... 14 5
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
的改进和意见................................................................................................... 12 结 论...................................................................................................................... 14 参考文献...................................................................................................................... 18 附录A江西应用工程职业学院.................................................错误～未定义书签。
- VIII -
目 录
后记或致谢.................................................................................................................. 21 作者简介..........................................................................................................................
- IX -
目 录
Contents
Abstract …………………………………………………………………………I
Introduction ……………………………………………………………………1 The 1 Department of the Ministry of computer network
………………………………………………………………………2 Demand analysis 1.1
………………………………………………………………………7 1.1.1 user demand
………………………………………………………………………9 The 1.1.2 feasibility analysis
………………………………………………………………………11 1.2 sites each section
………………………………………………………13 The 1.2.1 home page design
…………………………………………………………………11 1.2.2 two page design
…………………………………………………………………11 1.2.3 three page design
………………………………………………………………11 2 Department of computer department network design
…………………………………………………………………11 2.1 design concepts
…………………………………………………………………11
- X -
目 录
2.2 on the layout design
…………………………………………………………………11
2.3 on the text, such as paper design
…………………………………………………………………11
2.4 Department of computer net design department of the use of color
…………………………………………………………………11
3 sites for process
…………………………………………………………………11
3.1 introduction of the software
…………………………………………………………………11
3.2 Adobe Dreamweaver CS3 software introduction.
…………………………………………………………………11
3.3 Photoshop CS3 software introduction
…………………………………………………………………11
4 Department of computer of network effects code
…………………………………………………………………11
4.1 page corner webpage name rolling broadcast
…………………………………………………………………11
5 program improvement and opinion
…………………………………………………………………11
- XI -
目 录
Knot theory
…………………………………………………………………11 Reference appendix A Jiangxi Vocational College of Applied Engineering
…………………………………………………………………11
Postscript or thanks
…………………………………………………………………11 Author brief introduction
…………………………………………………………………11
- XII -
引 言
引 言
《网页设计》是计算机专业的一门重要课程，目的是培养学生设计和制作网站的技能，这门课程的特点是涵盖知识面广，综合性和实践性较强。在以往的《网页设计》课程教学过程中，通常是只讲解主要的网站编辑工具Dreamweaver。虽然这样也能掌握和使用最基本的网站编辑工具，但是由于不会使用Photoshop、Flash、Fireworks等工具处理、加工图片，还是无法独立完成网站的制作。
A、对模块中的多门课程要整体把握(合理安排
模块化教学模式运用在《网页设计》课程中，完全打破了传统的教学模式。(1)特殊的课时安排方法。在一个学期内完成一个完整模块的教学必须要有充足的教学时间，所以在安排课时上我们做了大量的工作，把《网页设计》模块安排为每周14个课时量，其中上机6个课时，同时我们考虑到模块化课程授课的连贯性把每周的课程集中在两天半的时间内授完。(2)对《网页设计》模块进行了细致、具体的分析。该模块中包括Photoshop、Flash、Fireworks、Dreamweaver四门课，这四门课的讲授要根据网站建设的规律来安排。考虑到在制作网站的时候需要先制作一些素材来装饰页面，应该在本学期前两个月讲Photoshop、Flash，以便学生们利用这些工具制作一些精美的网站修饰图片和动画效果，为以后完成整体网站的制作做好准备。后两个月是完成Dreamweaver和Fireworks的讲授，使学生对网站进行整体布局。最后考虑到学生是初学者，再加上他们对知识的整合能力不够强，可以在最后详细讲解制作整体网站的具体程序和步骤，使学生真正学到真知识。
B、把握课程特点，灵活运用多媒体教学手段
《网页设计》课程采用了模块化教学模式之后(每周的课时量大大增加，加之课时安排集中，难免会造成学生在学习过程中难以消化知识点(注意力不集中、精神疲惫等情况。为了避免这些问题的出现，在授课过程中笔者根据教学内容主要采取以下几种教学方法:(1)目前网络上不乏优秀的《网页设计》视频教程，可根据学生的特点和教学需要，选择相关的视频教材用于课堂教学。例如，在讲授
- 1 -
引 言
Flash动画制作的时候。笔者找到了一个如何制作雨滴落地效果的视频动画，在课堂上放给学生看，学生对这个效果的制作都很感兴趣，于是在看完视频动画之后都积极要求尝试制作，学生的自学能力在潜移默化中得到了有效提高，同时也实现了寓教于乐的教学效果。(2)对比较抽象难懂的知识点利用实例讲解。例如在讲解Dreamweaver中的行为面板的时候(剐开始学生觉得难以理解，于是笔者引用了两个比较具体的例子:弹出菜单的制作和网页背景音乐的制作。我演示一次，然后学生动手操作一次，我在一旁负责指导。通过这两个例子，学生了解了行为面板的作用，使抽象的问题变得简单明了，收到了理想的教学效果。(3)根据模块特点，注意知识的连贯性。《网页设计》模块中包含有多门课程，学生难免在学习过程中出现遗忘的情况，因此，在讲解新知识的同时应该经常引导学生回顾旧知识点。在学习如何在网页中插入Flash动画这一操作时，我让学生利用以前学过的Flash动画制作技巧先制作出一个小动画，然后再学习如何把动画插入到网页中。在制作动画、插入动画的过程中学生不仅学习了新知识还回顾了旧知识，达到了温故、知新的双重教学效果。
- 2 -
第 1 章 ,单击此处键入1级标题,
1 计算机系部网简介
1.1 需求分析
1.1.1 用户需求
通过调查,要求该网站需要有以下功能:
? 作为计算机信息工程系的门户网站,要求界面友好，视觉效果美观;
? 由于对该网站进行更新时涉及部门较多,要求要有较好的权限管理;
? 页面修改简单方便,清晰明了;
1.1.2可行性分析
根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分:
首页包含七个模块:
?、系部公告?、快速通道?、专业设置?、就业中心?、学生作品?、招聘事件?、实习实训
二级页面包括以下内容:
?、系部概况:通过系部简介、机构设置、联系我们等子页面来展现。?、专业设置: 主要对当前本系开设的所有专业进行介绍。?、就业中心:主要对当前本系的教学
管理制度
档案管理制度下载食品安全管理制度下载三类维修管理制度下载财务管理制度免费下载安全设施管理制度下载
、师资队伍、科研信息、科研成果等进行介绍。?实习实训:对本系实验室及技能认证的进行介绍。?、学生招聘事件:主要发布招生信息和就业信息。?、学生作品:主要对学生会工作介绍和学生活动的发布。?、党团活动:主要介绍党团建设方面的内容
三级页面包括以下内容:1就业中心>就业中心页面>具体的每一个就业中心介绍 2 实习实训>实习实训页面 >明确那个实习岗位3.学生作品> 学生作品页面 > 具体每个学
- 3 -
第 1 章 ,单击此处键入1级标题,
生杰出的作品4 学生招聘事 >学生招聘页面> 学生招聘应该注意的问题 和面试的方法
1.2 网站各个部分简介
1.2.1首页设计
与flash 图片 falsh 按钮 等许多相结合，体现本系的勃勃生气;网页的美观之处
图1 -2.1 网站首页
1.2.2二级页面设计
就以就业中心为例:当打开首页之后 点击 就业中心会出现 就业中心的网页
- 4 -
第 1 章 ,单击此处键入1级标题,
图 1-2 .2二级页面
1.2.3三级页面设计
图 1-2.3 三级页面
- 5 -
第 1 章 ,单击此处键入1级标题,
1.3 首页用户控件设计
首页主要运用了8个用户控件，分别为:导航控件、底部信息控件、系部公告控件、、系部新闻空间、快速通道控件、教学动态控件、学工园地控件、友情链接控件。
导航控件中包括网页logo图片、动画和导航菜单，如图所示
图 1-.3.1导航控件
底部信息控件中包括网站版权、设为首页、加入收藏、联系站长和管理登陆等信
息，如图所示:
图 1.3-2 底部信息控件
系部公告控件是从New表中读取前5条系部公告按发布时间降序排列从下方滚出，如果是最近一个星期内的公告，就在公告标题后面显示New图标，运行效果如图所示:
- 6 -
第 1 章 ,单击此处键入1级标题,
图1. 3-3 系部公告控件
就业中心控件是学生在找工作时候面临着重要的问题那就是面试 如何地去面试，如图所示:
图1. 3-4 就业中心控件
快速通道控件是从数据表FastLink表中读取前四条超级链接，点击该链接会链接到指定的地址，运行效果如图所示:
- 7 -
第 1 章 ,单击此处键入1级标题,
图1. 3-5 快速通道控件
学生作品动态控件是展现出学生杰出的作品，运行效果如图所示:
图1. 3-6学生作品控件
- 8 -
第 1 章 ,单击此处键入1级标题,
学生招聘事地控件运行效果如图所示:
图1. 3-7学生招聘控件
- 9 -
2 ,单击此处键入1级标题,
2 计算机系部网设计思路
2.1 整体设计概念
计算机系部网设计和画册设计着眼点在专业设置、招聘事件，实习实训，就业中心和学生作品，同时引进出学院的信息。我们就是要让计算机系部宣传网站给人以艺术的感染、实力的展现、精神的呈现。
2.2设计大纲
宣传重点:专业特色、就业、学生杰出作品
宣传策略:围绕计算机系部专业 ，就业的问题:
专长是什么,(技术含量高、专业、针对性强)
能给我们带来什么,(高技术科技产品、周到贴心的服务)
宣传目标:给计算机系部的学生带来动力、给学院增加光彩一面
整体设计风格:简单、权威、沉稳中不失大气～
3、关于编排的设计
万物的生长及天体运行均有诸如秩序、比例、均衡、对比、节奏、韵律、疏密等形式特征。这种形式特征构成的美感，是为传达而存在之美感。品面设计视觉传达的强与弱，很大部分来自于编排设计。编排设计师一种形式语言探求活动，但它的孕育远点是与所要表达的内容特征紧密匹配在一起的。所有的技巧都旨在清晰、鲜明地传达内容要素，用悦目的组织排列起来更好地突出主题，达成最佳
- 10 -
2 ,单击此处键入1级标题,
的诉求效果，而非为了形式，或者未来形式而寻找内容。鲜明突出地诉求主题，可以通过编排的空间层次，主从关系、视觉流程以及彼此之间的逻辑条理性地把握与运用来到达。
计算机系部网的编排设计更是为了构成所表述之内容活性化的流动之美，最求合理形式符合主题的思想内容，一鲜明、独特的形式美清晰、准确地传达丰富的内容，这是编排设计的前提;有机的保持“变化”与“统一”，呈现充满生机的状态，才能获得更高层次的审美快感，取得丰富而又协调的良好画面。并且，在宣传册版面中的显示的结构中，隐藏着不星期的形式因素，就是页与页之间的视觉连接性。
4、关于文字、纸张的设计
文字的表达通过视觉形象传递出来，文字的字形变化，文字的组合排列的疏密、空间、诱导的作用，是设计师将文字元素从表达到表现的跃进。文字的字体形式各艺术风格蕴含了更为潜在的情绪，是语义的补充说明。在设计的总体风格和气息的营造方面，文字潜在的作用意义重大。文字在设计构成上就好似四级空间中的神经网络，精美的位子编排犹如连接绳索的钢丝。文字设计的过程也是思维根据设计意象对视觉元素进行挑选、变换、组合。通过文字的沟通作用产生对信息的理解和思考，从而了解设计所传达的真正内涵，而不同的字体形式所具有的造型美感也在通手机传递出不同的情感意义。同时也在于排列组合是否得当。如果位子排列不当，近视形状与线条的随意组合，缺乏视线流动感，不仅会影响字体有效地阅读，也会缺乏“生命”感，无法实现视觉设计的传达功能。要取得良好的排列效果，关键在于遵循视觉规律，对其不同的对立因素予以和谐的组合，在保持各自的个性特征的同时，组织成一个具有协调感的有机整体。
- 11 -
2 ,单击此处键入1级标题,
3 软件制作过程
3.1 软件介绍
软件介绍:Adobe Dreamweaver CS3，Photoshop CS3，AdobeFireworksCS4
3.2 Dreamweaver CS3软件简介:
Dreamweaver CS3是Adobe(奥多比)公司收购Macromedia公司后最新推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。
Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。与其他网页编辑工具相比，Dreamweaver的新版Dreamweaver CS3 主要功能和具体应用方法，Dreamweaver的主要特点有:
网页编辑形式灵活:
Dreamweaver将“设计”和“代码”编辑器集成在一起，既可以方便的进行源代码编辑，也可以使用鼠标方式添加和设置对象。
使用可视化编辑环境:
Dreamweaver是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。
Dreamweaver CS3中的CSS布局规则
虽然我们一直建议大家不用Dreamweaver可视化编辑的方式进行
- 12 -
2 ,单击此处键入1级标题,
CSS网页布局，但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。
CSS文件的链接方式
•附加链接:外部CSS文件
•导入CSS:常用应用多个CSS文件时，将多个CSS导入一个CSS文件中
CSS规则定义有三种
•类比如“.RedText”、“.BlueText”和“.BigText”等等
•标签针对原有HTML标签做的重新CSS定义
•高级伪类、定义了ID的元素，以及综合性定义
CSS规则的应用
•只有“类”样式才需要应用，class=”xxxx”。任何元素都可以应用类。
•class与id的区别
•标签应用一般对于“body”标签一次性使用，对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。
•高级多运用，定义“#id li”比定义“li”要好得多。
CSS规则的执行顺序
•按照CSS代码的执行先后顺序
- 13 -
2 ,单击此处键入1级标题,
•如果有重复的规则，按照后执行的定义
•最终规则是多个定义规则的综合
重点:高级规则定义
•对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)
•一页中的多种超级链接样式定义
•多个相同规则不同对象的CSS共同定义
•对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)
3.3
Photoshop CS3软件简介:
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。
本设计中主要用该软件进行图像处理，是宣传册画面看起来更协调美观。
4 计算机系部网特效代码
4.1 页面下角网页名滚动播出
