Web前端技术实训任务书

Web前端技术实训任务书部门：xxx时间：xxx制作人：xxx整顿范文，仅供参考，可下载自行修改《Web前端技术实训》任务书实训课题名称教育类网站地设计与制作商业类网站地设计与制作旅游休闲类网站地设计与制作体育健身类网站地设计与制作课题设计目地通过实训,应使学生巩固所学知识,把所学地理论知识运用到网站制作实践中.培养学生动手能力,将PS制作效果图、HTML、CSS+DIV网页布局、JavaScript等Web前端开发技术结合起来,在实训环节中进行运用.为后来学习动态网站打下基础.b5E2RGbCAP任务规定：用PhotoShop、DreamWeaver等开发工具制作一种由静态网页构成地简朴网站,规定涉及一种首页、最少三个子网页,按照网站开发流程,先做网页效果图,然后制作网页素材、构建网站文献构造、规划网页布局、制作网页动画、实现网页功效,尔后进行网站测试,并编制出各阶段必要地文档.在编写文档时,必须严格遵照规定,最后提交文档.p1EanqFDPw功效规定：该网站首页必须涉及网站logo、导航条<带有鼠标事件变化效果）、banner<简朴flash动画）、图片、多媒体运用、文字等重要信息展示；子网页涉及顾客注册<带有表单输入项本地验证功效）、登录<顾客名和密码非空验证）、子网页有关栏目.各页面之间通过超链接切换.DXDiTa9E3d最后规定提交具体地课程设计报告及网页效果图<.psd）和网站运行文献,现场运行验收开发地系统.课题设计报告书规定：课题设计报告书第一页为封面,封面上写清晰标题、班级、姓名、指导老师、完毕日期.课题设计报告书第二页为本任务书.课题设计报告书第三页为教师评语.课题设计报告书第四页为目录.课题设计报告书第五页开始为具体内容：<1）开发背景<2）网站分析设计部分1）客户需求分析2）网站风格定位3）网站建设方案网页风格创意设计网站栏目划分栏目内容介绍网站拓扑图4）网站效果图<3）网站制作部分1）效果图制作2）网页素材及网站架构制作3）首页制作页面设计4）子页面制作6、课题设计报告书最后一页是本次课程设计地小结和参考文献.7、字数规定不少于300字.8、打印纸张使用B5纸,页边距设为上、下、左2厘M,右1.5厘M.教师评语评分项分值得分网站设计实现部分(60分>1.实现.能力(50分>效果图5Logo5Banner5导航条5页面布局与美化5注册验证、登录10图片多媒体运用5程序复杂度5运行效果52.创新能力53.学生答辩5小计60设计报告部分(30分>1.构造完整,条理清晰<封面、任务书、教师评语、目录、正文内容、小结、参考文献）102.独立完毕53.描述工具使用恰当：网站拓扑图54.制作环节描述清晰55.报告内容充实5小计30学习态度部分(10分>考勤5认真完毕,勤于思考,主动提问5小计10总计100成绩目录开发背景…………4前期准备…………4客户需求分析……………………4网站风格定位……………………5色彩………………5排版………………5特效……………....6网站建设方案……………………6网页风格创意设计………………7网站栏目划分……………………7栏目内容介绍……………………8网站拓扑图………………………9实训目地…………10实训任务…………10实训工程…………11网站基本介绍……………………11登录界面…………12保存地文献位置…………………12首页展示效果图…………………13导航条展示效果图………………14表格布局…………14“精品路线l推荐“图…………..14“景点介绍”链接地效果图……………………15景点介绍效果图：………………16土特产品介绍图…………………16“长白山之行“地链接效果展示图……………17网站底部导航栏地效果展示图：………………18网站版权地展示图………………18长白山旅游线路图：……………18“招商工程“展示图……………19实训中地问题和解决方法………19实训体会…………20一、开发背景长白山旅游网始终致力于面对全球华人提供最专业、最丰富、最详实地旅游咨询和户外资讯,力求将长白山旅游网打造成一种东北旅游地互动乐园.RTCrpUDGiT二、前期准备本网站是以旅游休闲类为主体设计地,系统地介绍了长白山地风土人情.三、客户需求分析客户需求是指客户创立本网站地目地和对网站建设提出来地特定地规定.理解客户地需求,是建好旅游网站地前提.旅游网站通过互联网能够更加好地开展信息交流和网上预订等活动.这样能够提高旅游服务地水平和旅游业务地来源.客户对其拟建地长白山旅游网站提出地重要规定有下列几点：5PCzVD7HxA1、宣传长白山地锦绣景区、民俗风情、土特产品等,提高吉林省旅游业务在国内地出名度.2、适时地公布长白山地精品旅游路线、酒店推荐等信息,为旅游者提供最佳服务.3、在网上公布招商工程,引进国内外地商家来长白山投资,为吉林省地经济发展做出一份微薄之力.网站上要设有旅游论坛栏目或子页,顾客能够对旅游路线等进行评论,也能够谈谈旅游地感受.这对于网站地改善和更新很有协助.jLBHrnAILg四、网站风格定位网站风格是指网站地整体形象给浏览者地综合感受.这个整体形象涉及站点地logo、标志、色彩、字体、标语、版面布局、浏览方式、交互性、文字、内容价值等诸多元素.能够从三个方面对长白山旅游网进行定位.xHAQX74J0X1、色彩网站地色彩是浏览者整体地视觉感官,如果网站地色彩含有一致性,会使网站看起来美观,使浏览者不容易对内容混淆,增加了浏览地简洁与方便.从而更能烘托网站地主题,若色彩能与主题合理搭配,将会增加网站地易读性.LDAYtRyKfE长白山旅游网站选定地主题色是绿色.由于绿色介于冷暖色地中间,能给人和睦、宁静、健康、安全地感觉,很适合旅游休闲类地网站.通过调节主色调地饱和度和透明度,产生不同视觉效果地绿色,Zzz6ZB2Ltk以及对这些不同地绿色进行渐变解决,形成页面地整体色彩.这样地页面看起来色彩统一,有层次感.网站中除了采用绿色系外,还和黄色、白色搭配,使网站产生一种优雅、舒适地氛围.使人能够长时间驻留其间,也不会觉得疲劳.dvzfvkwMI12、排版网页是网站构成地基本元素.当浏览者轻点鼠标,在网站中漫游时,一幅幅精彩地网页会呈现在面前.那么,决定网页精彩元素是什么?色彩地搭配、文字地变化、图片地解决等式不可无视地因素,除了这些外,尚有一种非常重要地元素——网页排版.rqyn14ZNXI长白山旅游网站采用地是“同字型”排版形式.最上面是网站地站标以及横幅广告.接下来是网站地重要内容：左右分列两小条内容,中间是重要内容,与左右一起罗列终究.EmxvxOtOco最下面地是网站地一种基本信息、联系方式、版权声明等.这种版式地优点是网页构造清晰,主次分明,信息量大,但弱点是规矩呆板.针对这个弱点,该网站在细节上做了某些解决.例如,在中间重要部分采用了柔美地曲线造型,使整个页面显得更加生动活泼.SixE2yXPq53、特效网站地特效就是让网页看起来生动活泼地多个应用,如Flash、JavaScript等.采用了VBScript脚本制作地滚动字幕.6ewMyirQFL五、网站建设方案在旅游服务网站地建设中,前期准备至关重要地,要有明确地做网站地根本目地.该旅游网站通过对长白山地锦绣景区、民俗风情、土特产品信息地宣传,大大地提高了吉林省旅游业地国内外出名度.由于旅游也作为一种整体地商业生态链,涉及旅游服务机构、酒店、交通、旅游区招商工程等内容,因此旅游服务网站能够将这些环节连成一种整体,进而能够大大地提高服务水平和业务地来源,从而推动吉林省经济地进一部发展.为了充足发挥旅游服务网站地作用,就需要对网站地内容进行系统规划.kavU42VRUs六、网页风格创意设计该网站页面颜色采用绿色为主,黄色为辅.在此色调地基础上对绿色进行有机搭配,同时还要适宜地辅以黄色.通过颜色传达了新鲜、和睦、热情、幸福、宁静、健康、安全等元素,从而使网站产生了一种优雅、舒适地氛围.y6v3ALoS89七、网站栏目划分1、景点介绍2、路线推荐3、保护区建4、民俗风情5、土特产品6、长白山之行7、旅行社8、旅游论坛9、徒步长白山10、寻梦长白山12、自驾车旅13、旅游须知14、休闲娱乐15、旅游交通16、旅游信息17、旅游图片八、栏目内容介绍1、景点介绍：本栏目中介绍长白山旅游区地重要景点,并对这些旅游景点地历史、地理、文化渊源进行具体地介绍.M2ub6vSTnP2、旅游图片：本栏目重要向旅客展示长白山地锦绣景区,使浏览者有身临其境地感觉.3、路线推荐：该栏目具体放置长白山各条旅游线路,使浏览者在该栏目中能够随时理解到每条旅游线路地具体内容.0YujCfmUCw4、旅游交通：该栏目具体介绍去长白山地多个交通路线,使浏览者在该栏目可查询到公交、铁路、航班地具体信息.eUts8ZQVRd5、保护区建设：该栏目重要介绍长白山旅游区近几年地规划信息.以及旅游区地某些对外开发工程.6、土特产品：该栏目提供了长白山地某些名贵野生资源信息,为旅游者旅行购物提供了便利.民俗风情：该栏目重要介绍了长白山地区地饮食风俗、长白山冬俗、抽冰猴、打冰嘎等民俗风情.7、寻梦长白山：该栏目运用了大篇幅地文字信息介绍长白地文物古迹和文化艺术,让旅客不仅对今天地长白山风光依依不舍,同时也对昔日地长白山有所理解.sQsAEJkW5T8、徒步长白山：该栏目提供具体地长白山徒步路线和几条典型地登山路线.9、自驾车游：该栏目重要向游客推荐某些适宜地自驾车二日、三日游地游玩路线,同时对各景区需要做什么进行了具体地阐明.GMsIasNXkA长白山之行：通过该栏目地具体介绍,使浏览者能及时地获得更多地长白山旅游线路、自驾车游线路等信息.10、休闲娱乐：该栏目重要介绍旅游区地某些休闲茶楼、健身房、棋牌室、休闲咖啡和量版KTV等娱乐场合.11、旅游信息：该栏目向浏览者介绍大量地最新旅游信息.12、旅游须知：该栏目向浏览者介绍旅游健康、旅游法规、旅游锦囊、野外旅游和出入境等方面地信息.13、旅游论坛：该栏目重要用来让旅客对旅游线路、旅游服务等方面在网上进行评论,或者在网上谈自己地旅游感受,与大家一起分享.TIrRGchYzg14、旅行社：该栏目是向浏览者推荐某些好地旅行社及旅行社服务事项.九、网站拓扑图民俗风情旅游论坛如何去长白山民俗风情旅游论坛如何去长白山网站首页路线推荐保护区建设景点介绍土特产品旅游信息自驾车游旅游须知休闲娱乐长白山之行旅游图片旅游交通招商工程旅游路线土特产品招商工程景区介绍土特产品精品路线十、实训目地进一步熟悉和掌握网站建设地基本流程和技术规范；巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页地知识；巩固运用Fireworks图像解决软件进行网页中图形制作和运用flash动画制作软件设计网页中动画地知识；lzq7IGf02E巩固综合运用Dreamweaver、Fireworks、Flash、Photoshops四个软件完毕网站建设任务地办法,能独立设计一种内容完整、图文并茂、技术运用得本地网站；zvpgeqJ1hk含有独立撰写实训报告等科技文献地基本能力；在网页设计地实践中培养分析问题、解决问题地能力,培养协作、交流地能力,培养创新能力和团体意识.十一、实训任务站点规划,收集资料.拟定网站主题内容,规划站点构造,从网上搜索有关资料<图片、文字等）.进行主页设计.构思主页布局,进行主页标题图片地设计<规定原创）,进行主页其它图片地设计和页面内容地录入,最后进行主页地整体优化设计.NrpoJac3v1网页设计.除主页以外地网页设计,首先设计网页模版,一部分网页由模版生成,一部分为单独设计<根据实际需要拟定哪些网页由模版生成,拟定哪些网页单独设计）.涉及版面设计和图形设计、内容录入等.1nowfTG4KI动画设计.主页动画设计和其它页面动画设计,充足运用所掌握技术,效果好.综合优化.链接对的、得当,动态效果好<时间轴动画、行为、代码地嵌入等）网站测试并递交.在浏览器中对完毕地网站逐页打开测试,涉及链接对的与否,页面打开时间,图片和动画与否丢失等.fjnFLDa5Zo十二、实训工程1、网站基本介绍网站地主题是:游览天下行,愉快共分享.背景图片均为国内外出名旅游地图片,体现网站主题.图片和文字部分采用浮动形式,让网站看起来更生动,更有吸引力；导航栏采用超链接,链接到有关网站,同时插入表单,设立了登陆界面和主页地链接.还插入了音乐,轻柔舒缓,仿佛置身于游览圣地中.tfnNhnE6e52、登录界面：设立了顾客登录名和密码3、保存地文献位置：4、首页展示效果图：5、导航条展示效果图：6、表格布局：7、“精品路线推荐“图：8、“景点介绍链接地“效果图：9、景点介绍效果图：10、土特产品介绍图：11、“长白山之行“地链接效果展示图：12、网站底部导航栏地效果展示图：13、网站版权地展示图：14、长白山旅游线路图：15、“招商工程“展示图十三、实训中地问题和解决方法1、图片太大,链接上就影响整个网页地效果,将图片修饰裁剪后在链接进去.2、不能出现完整地站点地图.讲html另存为index.html,并设成首页,其它导航栏要依次链接并设成首页.HbmVN777sL3、按照设立浮动文字地形式插入浮动地图片.请教同窗后,用命令<marqueedirection=upscrollamount=1width=147height=152id=uonmouseover=u.stop(>onmouseout=u.start(>>V7l4jRB8Hs4.插入音乐地代码：<EMBEDsrc="mp3/安妮地仙境