当前位置:文档之家› web前端实习报告

web前端实习报告

web前端实习报告篇一:Web前端技术实训报告书《Web前端技术实训》任务书一、实训课题名称1、教育类站的设计与制作2、商业类站的设计与制作3、旅游休闲类站的设计与制作4、体育健身类站的设计与制作二、课题设计目的通过实训,应使学生巩固所学知识,把所学的理论知识运用到站制作实践中。

培养学生动手能力,将PS制作效果图、HTML、CSS+DIV页布局、JavaScript等Web前端开发技术结合起来,在实训环节中进行运用。

为以后学习动态站打下基础。

三、任务要求:用PhotoShop、DreamWeaver等开发工具制作一个由静态页构成的简单站,要求包括一个首页、至少三个子页,按照站开发流程,先做页效果图,然后制作页素材、构建站文件结构、规划页布局、制作页动画、实现页功能,尔后进行站测试,并编制出各阶段必要的文档。

在编写文档时,必须严格遵照要求,最后提交文档。

功能要求:该站首页必须包括站logo、导航条(带有鼠标事件变化效果)、banner(简单flash动画)、图片、多媒体运用、文字等主要信息展示;子页包括用户注册(带有表单输入项本地验证功能)、登录(用户名和密码非空验证)、子页相关栏目。

各页面之间通过超链接切换。

最后要求提交详细的课程设计报告及页效果图(.psd)和站运行文件,现场运行验收开发的系统。

四、课题设计报告书要求:1、课题设计报告书第一页为封面,封面上写清楚标题、班级、姓名、指导老师、完成日期。

2、课题设计报告书第二页为本任务书。

3、课题设计报告书第三页为教师评语。

4、课题设计报告书第四页为目录。

5、课题设计报告书第五页开始为具体内容:(1)开发背景站栏目划分 2)页素材及站架(2)站分析设计部分栏目内容介绍构制作 1)客户需求分析站拓扑图 3)首页制作页面设计 2)站风格定位 4)站效果图 4)子页面制作 3)站建设方案(3)站制作部分页风格创意设计 1)效果图制作6、课题设计报告书最后一页是本次课程设计的小结和参考文献。

7、字数要求不少于3000字。

8、打印纸张使用B5纸,页边距设为上、下、左2厘米,右厘米,五、如有雷同,将作不及格处理。

六、完成时间:教育类站设计报告书——宁海职业技术学院 - 教师评语教师:.5.一前言 ................................................ ................................................... ..................................... - 4 -客户需求分析 ................................................ ................................................... ............. - 4 - 站风格定位 ................................................ ................................................... ............. - 5 -1.色彩: .............................................. ................................................... ................... - 5 - 2.排................................................... ..................... - 6 - 3.特效 ................................................ ................................................... ..................... - 6 -二站设计前期准备 ................................................ ................................................... ............. - 6 -站风格定位 ................................................ ................................................... ............. - 6 -1.页面风格创意设计 ................................................ ................................................ - 7 - 2.站栏目划分 ................................................ ................................................... ..... - 7 - 3.特效 ........................................................................ - 7 -三、站拓扑图 ................................................ ................................................... ....................... - 7 - 四、站效果图 ................................................ ................................................... ....................... - 8 -教育类站设计报告书——宁海职业技术学院 -五、中期站制作 ................................................ ................................................... ................. - 11 -(一)站首页制作 ................................................ ................................................... ..... - 11 - 1、首页logo效果: .............................................. ................................................... ............... - 11 - 2、站内公告效果: ............................................................... - 11 - 3、站内新闻效果图: .............................................. ................................................... ............. - 11 - 4、登陆效果图: .............................................. ................................................... ..................... - 12 -(二)站搭建过程 ................................................ ................................................... ..... - 14 - 三、制作站的Logo动画 ................................................ ............................................. - 16 - 六、站建设心得小结 ................................................ ................................................... ......... - 24 - 七、参考文献 ................................................ ................................................... ......................... - 26 -一前言客户需求分析客户需求,是指学校创建门户站的目的和对站提出的特定要求。

了解客户需求,是建好学校门户站的前提。

宁海职业技术学教育类站设计报告书——宁海职业技术学院 -校对其拟建的门户站提出的主要要求有以下几点。

(1)宣传学校办学理念,展示办学设施、教师队伍、专业设置、就业情况,提高学校的社会知名度;(2)适时发布学校管理、教学、招生等相关信息,为求学者提供相关咨询服务;(3)获取社会各界对学校教育教学情况的评价和意见、建议;(4)建立与兄弟院校进行交流学习的平台;(5)向社会各界推荐毕业生,为毕业生提供就业信息。

站风格定位校园站就是学校的上形象,每一所学校都有自己的特色,每一个院系或班级都会有自己的强项。

对于本项目介绍的校园站以抚州职业技术学校为例,从以下三个方面来学习该站的风格定位。

1.色彩:本项目中采用一种色彩,先选定主色调为橙色,这是令人激奋的色彩,具有明亮、健康、热烈、温暖、欢乐、辉煌、庄严,以及尊贵的色感,然后通过调整透明度或者饱和度,就是色彩进行变淡、加深或渐变的处理,产生新的橙色的近似色彩,使页看起来色彩统一,富有层次感。

在页面中借助浅灰色的背景图像,采用了留白艺术给人教育类站设计报告书——宁海职业技术学院 -篇二:假期web前端实习报告郑州轻工业学院实习报告学生姓名:学号:专业班级:实习单位:实习时间:校外指导教师:校内指导教师:成绩:目录1实习背景 ................................................ (1)实习目的 ................................................ ................................................... .. (1)实习起止时间 ................................................ ................................................... (1)实习内容概要 ................................................ ................................................... ................................. 1 2 实习内容 ................................................ . (1)实习过程 ................................................ ................................................... .. (1)实习内容 ................................................ ................................................... (5)主要成果 ................................................ ................................................... ....................................... 6 3 总结 ................................................ .. (6)页游戏的认识 ................................................ ................................................... .. (6)实习的自我评价 ................................................ ................................................... .. (7)1实习背景实习目的了解软件开发的各种模式,开发流程,以及各种形式的建模详细学习敏捷开发的各个流程,并通过实习来体会敏捷开发所带来的效率掌握HTML5、CSS、JAVASCRIPT等技术实习起止时间开始时间:XX年7月12号截止时间:XX年7月18号实习内容概要学习软件开发的各种模式,重点学习了敏捷开发(专业老师讲授)学习HTML5、CSS、JAVASCRIP技术(形式:观看视频)按照敏捷开发的流程,学员分组,制定每日的站立会议时间观看实习内容例子的视频,分工合作提交实习成果,老师检查打分2 实习内容实习过程可以以周为时间单位概述实习各阶段所从事的主要工作等;学习阶段开发模式1) 软件生命周期同任何事物一样,一个软件产品或软件系统也要经历孕育、诞生、成长、成熟、 -衰亡等阶段,这一般称为软件生命周期。

相关主题