图形专业毕业实习报告关于网页Word文件下载.docx
- 文档编号:3619021
- 上传时间:2023-05-02
- 格式:DOCX
- 页数:26
- 大小:499.18KB
图形专业毕业实习报告关于网页Word文件下载.docx
《图形专业毕业实习报告关于网页Word文件下载.docx》由会员分享,可在线阅读,更多相关《图形专业毕业实习报告关于网页Word文件下载.docx(26页珍藏版)》请在冰点文库上搜索。
4.2网站导航问题………………………………………………………………15
4.3网页布局问题………………………………………………………………15
4.4首页设计问题………………………………………………………………15
致谢…………………………………………………………………………16
参考文献……………………………………………………………………17
摘要
随着网络的高速发展,及教育体制改革的深入,通过网络自主学习与搜集信息,已经成为每个人所必须做的事情,特别是计算机知识,因其自身知识更新快的特点,通过网站进行自主学习无疑是最佳的选择。
随着中小学校校园工程的展开,中小学信息化进程的逐步深入,专业信息技术老师的逐步充实,各中小学的校园网平台正在逐步发生可喜的变化,如从无到有、平台管理落实到人、教职员工信息技术培训正在逐步展开并得到落实;
校园网是建构在多媒体技术和现代网络技术之上的为教学活动、科研活动、管理活动服务的并与因特网连接的校园内的局域网络环境,是一种教育科研网络。
建好校园网,构建现代化教育环境,是教育现代化的重要内容,进入二十一世纪,全球信息化、网络化的时代正在到来,以现代化的教育手段取代旧的、传统的落后教学手段,实现教育资源共享是时代的需要,用好校园网,是实现教育现代化的需要。
本课题主要运用dreamweaver与photoshop整合的开发技术,实现了
网页的技术运用与制作等功能。
关键词:
Dreamweaver,photoshop,网站,设计
前言
随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。
网页制作更是日新月异,层出不穷。
涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。
以前,在网页制作的时候,通常都是使用FrontPage来完成。
由于FrontPage使用方便,操作简单,即使没有网络编程经验的制作人员也可以设计出吸引人的网页,因此,很多网页设计者一直使用FrongPage。
FrontPage2000集成在Office2000办公自动化软件中,其工作界面和操作风格和Word一样,因此,FrontPage相对于其他网页制作软件来说,易学易用,是网页制作初学者的入门软件。
从功能来讲,DREAMWEAVER和FrontPage各有千秋,但DREAMWEAVER自身有明显的特点:
首先DREAMWEAVER引入了图层的概念,可以在DREAMWEAVER中直接制作一些动画效果。
其次DREAMWEAVER支持最新的DHTML(动态HTML)标准CSS(层叠样式表单)规范。
另外DREAMWEAVER具有增加插件的功能,用户可以安装各种插件来增强自己的DREAMWEAVER。
最后DREAMWEAVER中又新增了资源管理器、内建参考手册。
整合SourceSafe和WebDAV,集成了MacromediaExchange.其灵活方便的操作界面,也是很多人选用DREAMWEAVER的一个原因。
就目前来说DREAMWEAVER已经占据网页编辑软件霸主的位置
我们再来谈谈我最喜欢的动画网页制作软件——Flash。
与其说Flash是一个动画网页制作工具,还不如说它是一个功能强大的多媒体制作工具更为恰当。
利用Flash可以独立制作出非常精彩的多媒体网页,包括动画的制作、声音效果的添加等。
另外Flash对Internet的支持,主要表现在它采用了流控制技术,不用等整个动画的Movie下载完,就可以开始播放,对于一个Internet冲浪者来讲,这是一件很有吸引力的事情。
同时Flash采用了矢量图形的制作方法,当对一副图进行任意的缩放时,它的质量并不会发生变化,而且文件很小,利于网络传输。
FIREWORK是Macromedia公司推出的图像处理软件,与其他图形处理软件的设计思想都很相似,但它又有很多自己的特色。
FIREWORK是一个人完全为网页制作者设计的图形处理软件,对制作基于网络的图形有特殊的支持,能够自由的导入导出各种图像。
FIREWORK作为第一款为网络实际而开发的图像处理软件,能够自动切图,生成鼠标动态感应的JavaScript。
而且FIREWORK具有十分强大的动画功能和一个几乎完美的网络图像生产器。
FIREWORK可以轻松辨认矢量文件中的绝大部分标记以及Photoshop文件的层。
除以上提到的主流网页制作软件以外,上传软件也是非常有用的:
CuteFTP就是这样一款非常著名的FTP传输软件,虽然DREAMWEAVER和FrontPage都提供了内嵌式的上传工具,但是CuteFTP的强大功能仍然使它成为FTP软件的首选。
另外和CuteFTP功能相媲美的一款国产FTP软件LeapFTP同样受到很多国内网页制作者的青睐。
第一章概述
1.1设计思想
校园网建设的目的是为教育服务,立足于本教育为创新教育,素质教育服务。
通过网站的建设,宣传展示学校风采、优点与特色,发布学校的活动安排与招生政策等信息内容,使学生及家长增加对学校的了解,增强学生、家长与学校之间的联系,在Internet网上,让学生及家长及时得到学校发布的重要信息,同时也帮助了学校完成部分事务,提高办事效率,给学生、家长与学校最方便的联系桥梁。
在这里学生及家长也可以提出意见及想法,互通教学之间的意见想法,更加有效的办好教学,和学生需要哪样的教学方式能够更好的吸收与接纳,这些都能成为学校的参考,以便更好的提高学校的教学质量。
校园网的建设一方面,有利于及时了解校园的信息,有助于提高学校的科研教学水平;
另一方面,校园网的建立及以其为基础的管理信息系统的开发,也有利于学校管理水平的提高。
1.2课题来源及时代背景
网络背景下的创新性教学研究是当今世界课程改革的一种潮流,也是素质教育进一步深化的客观要求。
网络教学一向被视为有效突破时空限制的教学通道。
近年来,随着信息技术的蓬勃发展,世界发达国家正如火如荼地致力于Internet在学校教育、社区教育、社会教育及在职训练的应用与研究等,由于利用网络媒体进行网络教学与传统媒体有极大的差异,因此许多研究单位在网络教学方面投入相当多的时间与精力,试着设计一套能够符合网络媒体特性,并能提升教学成果的教学系统。
然而,目前这种基于数字化、交互式、个别化、多媒体的现代远程教育平台的新型教学模式,其理论与实践都不够丰富。
创新性教学是实施素质教育的核心内涵。
创新性的教学能激活、启动学生自主学习的动力系统,能培养学生的创新意识、创新思维、创新情感和创新能力。
它能弘扬学生的主体意识,促进学生个性和谐发展。
创新性教学体现了素质教育的本质和核心内涵,是实施素质教育的基本途径,并具有重要的推动作用。
因此,借助网络这一现代化的教育技术来构建创新性教学的理论和实践模式,既是深化素质教育的迫切呼唤,也必将为提高我们全民族的素质作出积极的贡献。
目前,校园网的建设与应用被越来越多的中小学视为实现教学改革,提高教学质量以适应时代对人才培养需求的关键。
中小学校园网络作为一种在中小学应用的局域网,有其特定含义和应用范畴,我们可以将校园网定义为:
一种为学校学习活动、教学活动、科研活动和管理活动服务的校园内局域网络环境,并且它是建构在多媒体技术和现代网络技术之上并与因特网连接的。
对于校园网建设来说,其应用是目的,网络环境是基础,网络教学资源是核心,而人员培训与网络维护是保障。
通过本网站的设计与建设,能够实现计算机文化基础教育的初步功能,本网站主要运用dreamweaver与photoshop整合的开发技术,实现了学校信息资源的共享。
1.3开发工具的选用及介绍
现在非常流行的Macromedia公司出品的Dreamweaverstudio8提供了更多功能强劲的可视化设计工具、应用开发环境以及代码编辑支持,是开发人员和设计师能够快捷的创建代码规范的应用程序,集成程度非常高,开发环境精简而高效,开发人员能够运用Dreamweaver与他们的服务器技术构建功能强大的网络应用程序连接到用户的数据、网络服务体系。
网页图形设计软件包括擅长平面图形设计的photoshop与擅长网络图形设计的firework软件。
相比较而言,photoshop可以做出比较复杂的平面效果,但不适合于团队开发,故目前普及面不是很广。
Firework是最好的通用网页图片编辑器,同时具有位图和矢量图的编辑能力,可以结合位图效果丰富和矢量图容易编辑的优点,制作一些特殊效果简单,易生成网页效果模板,通过切片可导出生成网页。
此次设计中采用photoshop编辑图片。
网页动画设计软件flash。
Flash网页动画设计软件可以制作网页互动动画,也可以将一个较大的互动动画制作为一个完整的网页,这是一个非常灵活的设计软件。
由于利用Flash可以设计强大的动画效果,所以Flash动画已发展成为一种独特的艺术形式。
至此Flash动画被广泛应用在网页设计中,从logo到网页横幅、按钮,甚至整个网页或网站,都可以用Flash动画来实现。
为利用Flash动画制作网页导航条的效果尤佳。
我主要在网页设计中用了一个Flash来体现校园情况。
第2章网站总体分析与设计
2.1网站系统分析
根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:
1.学校风采通过学校概括、教师风采、学生频道及部分图片等内容来展现。
2.优点特色通过教育动态、家长中心、心理健康等栏目来展现。
3.信息发布通过公告栏、校园新闻等栏目来实现,内容有校园动态、活动安排等。
2.2网站需求分析
1.提供Internet服务,通过与Internet的连接,可以培养教师和学生使用网络来获取学校资源信息,这对学生的培养更为重要。
2.资源共享:
统一管理学校内的各科目多媒体教学课件等教学和管理资料,使这些资源得到更为广泛的应用。
3.校内电子邮件系统:
通过网络进行信息交换,随时随地地取得学校各教研室、各有关部门的资料,增进学校内教师、学生以及各部门之间的沟通联系。
4.通过校园网络,可以使学生能及时了解国内外科技发展动态,促进教学、教研和科普工作的提高。
5.以校园网络为依托,建立各种课程的计算机辅助教学、多媒体教学课件演示。
6.为学校的管理现代化及通信现代化提供重要的支撑环境,包括硬件和软件两个方面。
2.3网站建设的总体规划及设计
1.确定网站建设的目的
确定网站建设的目的,这是非常重要但又易于被人们忽略或轻视的一项工作。
与网站单位人员沟通就尤其重要了。
对于网站设计来说,这种沟通不仅应了解该网站要运行什么应用程序,需要如何连接单位现有系统等,还需知道这个网站希望达到什么样的目的,即必须清楚网站的目标市场在那里。
这将成为整个网站所有设计思想的基础。
无论网站采用何种形式,什么样的外观,提供什么的内容,都要以网站的最终目的为出发点来考虑。
另一方面,网站建设还应该收集客户对这个网站的美术需求。
网站设计人员就需要了解建站单位形象的突出点和单位标志的特点、意义等。
本网站的建设主要是为了全面宣传,展示学校风采、优点与特色,发布学校的活动安排与招生政策等信息内容,使学生及家长增加对学校的了解,增强学生、家长与学校之间的联系,提高学校的教学质量,让学校信息及时散布。
2.确定客户群体
确定网站的客户群体十分重要。
只有清楚确认网站的客户群体、客户的需求、客户的兴趣,才可能在网站上提供客户所需要的内容和信息,留住目标客户群体,网站才能获得成功。
校园网站的建设就是为了学生、家长和学校之间密切的沟通,让家长及时关注自己的孩子,因此家长、学生便是校园网的的客户群体只要能满足家长、学生的需求就证明网站是成功的。
3.细化目标,构架网站内容纲要
确定目标市场和客户群体后,下一步工作目标将细化,构架网站内容纲要,主要包括网站核心内容、主要信息、服务项目等。
然后,将网站内容建设的基本架构交给有关业务人员审核批准,形成部门网站设计的总体报告。
4.整理网站结构图
确定内容后,就可以勾画网站结构了。
结构图有很多,顺序机构、网状结构等,应依据自己网站的内容反复讨论后确定。
多数复杂的网站会综合应用到几种不同的结构图。
画出结构图的目的,主要是便于有逻辑地组织网站和链接,同时,可以根据结构图去分配工作和任务。
5.美工
有美术设计人员的帮助,对网站建设的成功也是至关重要的。
他们能给你很多关于排版,色彩等方面的建议。
网页设计与其他出版设计最大的不同点在以下3个方面。
(1)、传播的媒介不同。
许多用户是用MODEM上网的,图形一般不宜太大;
通常每个图应小于30KB,每个页面图形总量应小于50KB。
(2)、最终的发布媒体不同。
多数用户是通过Windows上网的,而且当前通用的分辨率是低于800~600,因此,美工人员的发挥天地的14~15英寸显示器所能展示的区域。
(3)、所能采用的文件格式的限制。
对通用浏览器来说,能识别的图像格式仅为JPG和GIF,两者又各有不同的特点和适用环境。
我选择了两种格式的图片。
6.个性化服务
对于任何一个成功的网站来讲,资料收集都是至关重要的环节。
有关访问者和顾客行为的资料是分析投资收益的基础。
顾客的经验同时也会随着资料的增加而增加。
随着时间的推移,收集的资料不断增加,同时与网上业务相互影响也在不断提高。
这个过程促使不断提高为网民提供的价值,并且优化同每个顾客关系的收益。
由于这个过程是渐进的,因此有时被称为渐进的个性化服务。
制定资料收集计划时,不一定马上就开始采用技术手段。
应该先从明确目标入手,在收集到的信息的基础上,确定网上业务服务特定客户的策略。
一旦策略适当,就能确定需要什么样的技术达到确定的目标。
2.4主页设计
网站主页采用静态的方式,即静态的主画面和静态的图片相结合,体现学校的勃勃生气,静态主页方式介绍学校概况、校园新闻、心理健康、家长中心、学生频道等信息。
主页结构图
□设为首页□加入收藏
学会logo
本站首页
学校概况
校园新闻
心理健康
家长中心
学生频道
注册信息
联系我们
网站公告
知识就是力量(图片)
我们学校有新的网站了,请大家多来关注一下很有意思的
☆建设中国特色社会主义到路
☆坚持以人为本德育为先
☆学习胡锦涛总书记回信精神
☆2009年春季运动会计划
☆在法定的时间里从事教育计划
☆对中学生地方运动
々中学生心理健康的标
々青少年心理健康主要
々中学生心理健康的辅
々考试心理自我调节
々关注学生心理开展
教育动态
☆教育部国家语委发布现代汉语常用词表
☆社会期待高、工作强度大、心理压力重
☆清华大学党委书记调任教育部副部长
☆大力开展职业教育国际合作
☆探讨大学创业教育发展之路
☆体育成绩中考长分是解救还是负担
专题栏目
图片
教师关心的70个教育问题
一起学习未成年人保护法
2009年中考前线报道
站内调查
谈谈你对此网站的意见○
○
☆让亲子沟通无障碍
☆英国教育家史宾塞的快乐教育
☆明星妈妈的舔读之情
☆专家教你如何培养聪明的孩子
☆中国家长应该如何向西方学习
版权
如图2-1校园网主页设计图
2.5色彩搭配
网页的色彩是树立网站形象的关键之一,网页的背景、文字、图标、边框、超链接等都要用到色彩。
不同的色彩会使浏览者有不同的心理感受。
合理的搭配色彩,会更好的表现主题,吸引用户的注意力。
网页色彩涉及到艺术知识,让美术教师参加网页色彩设计,可能会出现比较理想的效果。
在色彩搭配上要注意色彩的鲜明性、独特性、合适性、联想性。
背景色和前景色对比要大,以突出主要内容
设计网站色彩。
网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。
“标准色彩”是指能体现网站形象和延伸内涵的色彩,要用于网站的标志,标题,主菜单和主色块。
给人以整体统一的感觉。
至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。
一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。
适合于网页标准色的颜色有:
蓝色,黄/橙色,黑/灰/白色三大系列色。
第3章主要设计
3.1网站设计的流程
1.设计项目的主要工作内容
(1)对校园网站的设计进行需求分析。
(2)收集整理需要的信息。
(3)制定网站开发的方案。
(4)对校园网站进行整体构架搭建。
(5)制作并发布单位所有主要网站建立的相对静态信息。
(6)全面负责单位主网站的宣传。
2.网站建设方式
(1)、软件自动生成
利用软件生成站点,具有功能强、效率高、费用低等优点,但存在使用不方便、站点模式有限、不能满足校园的实际情况等缺点。
(2)、传统建站方式
初期投入成本低,纯粹做网页,网站技术成分低,后期维护困难,灵活性差。
3.网站建设项目的流程
附网站建设流程图如下图
如图3-1网站建设流程图
3.2网站框架介绍
本网站是一个比较小型的中小学网站,能够实现网络教育的初步功能。
本课题主要运用dreamweaver与photoshop整合的开发技术,实现了学校的信息、学校概况、教学科研、心理健康、校园新闻、家长中心、学生频道、注册、留言等功能。
最终以实现既能使用户学到知识的同时,又提高用户的学习兴趣为目的。
3.3各模块的设计
1、学校概况:
对校园的简单介绍,展现校园风采。
2、校园新闻:
办公平台所用的资料库。
3、心理健康:
包括生所存在的心理问题、心理问题的标准、心理辅导等栏目。
4、家长中心:
学校和家长的沟通,家庭教育应该注意的问题,如何做一名对子女负责人的家长,让学生有良好的家庭教育。
5、学生频道:
包括一些学习资源,再线测试自己。
6、注册信息:
注册加入校园网站,方便资源的摄取。
7、联系我们:
以邮件的方式联系,有利于信息的沟通,信息不易丢失。
8、专题栏目:
学生和老师共享的平台。
3.4FlashMX动画制作
一个吸引人的网站一定有一个华丽的FLAH过场动画,这样不仅给浏览者深刻的印象,同时突出了网站的特点与风格。
但FLASH相对DW制作较复杂,设计到帧、时间轴、剪辑、按钮和actoin语言等方面。
下面是我这个FLASH制作过程的简单介绍:
1.虽然FLASH采用了流控制技术,但考虑到基带网的速度和本身FLASH的文件大小,我还是采用目前流行的先下载后观看的方式,以保证音效和动画的流畅性。
并且加装了一个进度条,随时检测下载速度和时间,让浏览者做到心中有数。
只有当进度达到100%时,动画开始按钮才出现,浏览者单击按钮,动画随即开始。
整个下载部分的动画放在一个剪辑中,不仅节省内存,而且方便库的管理。
2.FLASH动画设计风格为简洁、动感、时尚。
配以节奏感极强的背景音乐衬托出整体效果。
内容上,首先出现的是四个关键词:
威武之师;
文明之师;
抵御侵略;
保卫祖国。
这是我军的神圣职责,也是建军方针。
随后还是一个剪辑动画,配以快速闪动的文字,上方是网站名称和域名。
下放是跳动的ACSII码,同时在按钮的action语言中加上URL链接,直接连到网站主页,这也是动画与首页的接口。
3.FLASH影片所有素材、按钮、剪辑、声音全部导入库中,时间轴上只有各个剪辑的层,从而节约了内存,方便管理。
4.影片导出时增加了保护功能,增加了影片的安全性,防止他人盗用修改影片。
矢量图的品质为100,保证了影片图像的质量,并且声音的输出格式为mp3采样标准为128Kbps双声道立体声,该标准接近CD标准,这样虽然增加了影片的大小,但是保证了声音的效果。
同时输出的还有影片大小报告。
3.5FireworkMX矢量图片处理
Firework在网站中,除了配合Flash处理动画里的影片以外,主要是制作导航按钮和Banner,因为导航按钮采用的是悬停方式,所以每个按钮要同时做出两个版本。
即原始状态和悬停状态。
1.Firework在图片处理上使用了高光和阴影的效果,以突出按钮的立体感、变化感、和悬停感。
2.Firework在处理Banner的时候采用横幅与网站图标一体的方式处理,将二者整体化,不仅方便排版,也方便浏览者浏览。
1.
Firewok在处理网站上方的导航按钮时候,用代表该按钮的图片配以相应文字来处理。
2.Firework在图片输出的时候采用JPEG(ISO国际标准图像压缩)格式。
这是目前网络较为流行的图片格式,文件小,传输速度快,图片清晰。
输出品质为80,无平滑。
3.6JAVA脚本语言和CSS样式应用
●JAVAScript浅谈:
JavaScript语言是一种新型的Script(文编)语言,由Netscape通信公司首创,并在其发行的NetscapeNavigator2.0及以后版本中予以支持。
使用Netscape2.0浏览器可以识别嵌在HTML中的JavaScript语句,能够响应用户点击鼠标、输入表格、页面导航等类似的事件。
JavaScript的出现引起有关公司的密切注视,已有大约30家公司已同意支持这种语言。
(一)
JavaScript语言的发展
JavaScript语言起初并不叫此名称,它的早期是Netscape的开发者们称之为"
Mocha"
的语言,开始在网上进行β测试时,名字改为"
LiveScript"
直至发行Netscape2.0β测试版时才称其为"
JavaScript"
。
支持JavaScript的Navigator2.0的网络浏览器能够解释并执行嵌在HTML中的JavaScript语言书写的"
程序"
JavaScript具有很多采用CG
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 图形 专业 毕业 实习 报告 关于 网页
![提示](https://static.bingdoc.com/images/bang_tan.gif)