《web前端实习报告》由会员分享，可在线阅读，更多相关《web前端实习报告（6页珍藏版）》请在金锄头文库上搜索。
1、第 1 页web前端实习报告Web前端技术实训任务书一、实训课题名称1、教育类网站的设计与制作2、商业类网站的设计与制作3、旅游休闲类网站的设计与制作4、体育健身类网站的设计与制作二、课题设计目的通过实训，应使学生巩固所学知识，把所学的理论知识运用到网站制作实践中。培养学生动手能力，将PS制作效果图、HTML、CSS+DIV网页布局、JavaScript等Web前端开发技术结合起来，在实训环节中进行运用。为以后学习动态网站打下基础。三、任务要求：用PhotoShop、DreamWeaver等开发工具制作一个由静态网页构成的简单网站，要求包括一个首页、至少三个子网页，按照网站开发流程，先做网页效
2、果图，然后制作网页素材、构建网站文件结构、规划网页布局、制作网页动画、实现网页功能，尔后进行网站测试，并编制出各阶段必要的文档。在编写文档时，必须严格遵照要求，最后提交文档。功能要求：该网站首页必须包括网站logo、导航条（带有鼠标事件变化效果）、banner（简单flash动画）、图片、多媒体运用、文字等主要信息展示；子网页包括用户注册（带有表单输入项本地验证功能）、登录（用户名和密码非空验证）、子网页相关栏目。各页面之间通过超链接切换。最后要求提交详细的课程设计报告及网页效果图（.psd）和网站运行文件，现场运行验收开发的系统。四、课题设计报告书要求：1、课题设计报告书第一页为封面，封面上
3、写清楚标题、班级、姓名、指导老师、完成日期。第 2 页2、课题设计报告书第二页为本任务书。3、课题设计报告书第三页为教师评语课题设计报告书第四页为目录。5、课题设计报告书第五页开始为具体内容：（1）开发背景网站栏目划分2）网页素材及网站架（2）网站分析设计部分栏目内容介绍构制作1）客户需求分析网站拓扑图3）首页制作页面设计2）网站风格定位4）网站效果图4）子页面制作3）网站建设方案（3）网站制作部分网页风格创意设计1）效果图制作6、课题设计报告书最后一页是本次课程设计的小结和参考文献。7、字数要求不少于3000字。8、打印纸张使用B5纸，页边距设为上、下、左2厘米，右1.5厘米，五、如有雷同，
4、将作不及格处理。六、完成时间：20*.1.5教育类网站设计报告书宁海职业技术学院网-教师评语教师：20*.15.一前言.1.1客户需求分析.1.2网站风格定位.-5-1色彩：.-5-2排版-6-3特效-6-二网站设计前期准备.-6-2.1网站风格定位.-6-1页面风格创意设计-2网站栏目划分.-3.特效-三、网站拓扑图.-四、网站效果图.-8-教育类网站设计报告书宁海职业技术学院网-五、中期网站制作.-11-（一）网站首页制作.-11-1、首页logo效果：.-11-2、站内公告效果：-11-3、站内新闻效果图：.-11-4、登陆效果图：.-12-（二）网站搭建过程.-14-三、制作网站的Lo
5、go动画-16-六、网站建设心得小结-24-七、参考文献.-26-第 3 页一前言1.1客户需求分析客户需求，是指学校创建门户网站的目的和对网站提出的特定要求。了解客户需求，是建好学校门户网站的前提。宁海职业技术学教育类网站设计报告书宁海职业技术学院网-校对其拟建的门户网站提出的主要要求有以下几点。（1）宣传学校办学理念，展示办学设施、教师队伍、专业设置、就业情况，提高学校的社会知名度；（2）适时发布学校管理、教学、招生等相关信息，为求学者提供相关咨询服务；（3）获取社会各界对学校教育教学情况的评价和意见、建议；（4）建立与兄弟院校进行交流学习的平台；（5）向社会各界推荐毕业生，为毕业生提供就
6、业信息。1.2网站风格定位校园网站就是学校的网上形象，每一所学校都有自己的特色，每一个院系或班级都会有自己的强项。对于本项目介绍的校园网站以抚州职业技术学校为例，从以下三个方面来学习该网站的风格定位。1色彩：本项目中采用一种色彩，先选定主色调为橙色，这是令人激奋的色彩，具有明亮、健康、热烈、温暖、欢乐、辉煌、庄严，以及尊贵的色感，然后通过调整透明度或者饱和度，就是色彩进行变淡、加深或渐变的处理，产生新的橙色的近似色彩，使网页看起来色彩统一，富有层次感。在页面中借助浅灰色的背景图像，采用了留白艺术给人教育类网站设计报告书宁海职业技术学院网-篇二：假期web前端实习报告。郑州轻工业学院实习报告学生
7、姓名：学号：专业班级：实习单位：实习时间：校外指导教师：校内指导教师：成绩：目录1实习背景11第 4 页.1实习目的.11.2实习起止时间11.3实习内容概要12实习内容.12.1实习过程.12.2实习内容52.3主要成果63总结.63.1网页游戏的认识.63.2实习的自我评价.1实习背景1.1实习目的了解软件开发的各种模式，开发流程，以及各种形式的建模详细学习敏捷开发的各个流程，并通过实习来体会敏捷开发所带来的效率掌握HTML5、CSS、JAVASCRIPT等技术1.2实习起止时间开始时间：20*年7月12号截止时间：20*年7月18号1.3实习内容概要学习软件开发的各种模式，重点学习了敏捷
8、开发（专业老师讲授）学习HTML5、CSS、JAVASCRIP技术（形式：观看视频）按照敏捷开发的流程，学员分组，制定每日的站立会议时间观看实习内容例子的视频，分工合作提交实习成果，老师检查打分2实习内容2.1实习过程可以以周为时间单位概述实习各阶段所从事的主要工作等；1学习阶段开发模式1)软件生命周期同任何事物一样,一个软件产品或软件系统也要经历孕育、诞生、成长、成熟、-衰亡等阶段，这一般称为软件生命周期。软件开发生命周期(SDLC)是指软件开发的全部过程、活动和任务的结构框架。SDLC的一般步骤包括：确定问题、可行性分析与开发计划、收集需求、分析与设计、编码开发、测试、安装、维护。2)软件
9、生命周期模式典型的几种生命周期模式包括：瀑布模式、演化模式、螺旋模式、快速原型模式、喷泉模式和混合模式等。3)敏捷开发敏捷开发（Agile）是一种关注价值、消除浪费、以人为核心、迭代、循序渐进的开发方法。特点：a)是一种开发方法学（Methodology），可以应对客户快速变更的需求。b)强调以人为核心，采用迭代的方式，循序渐进地开发软件。c)在敏捷开发过程中，软件项目被划分成多个相互联系但也能独立运行的子项目。d)每个子项目在开发、测试直至完成的过程中一直保持可使用的状第 5 页态。e)这个过程就是要形成开发过程中团队之成员之间更加有效的合作关系，使其灵活性更高，以适应不断变化的需求。技术讲
10、解1)讲解内容：HTML5、CSS、JAVASCRIPT技术2)HTML5HTML5是一个描述用于帮助开发者创建下一代网站和应用的HTML、CSS和JavaScript规格的涵盖性术语。这个定义中最显眼的三个部分是：HTML、CSS和2JavaScript。他们定义了开发者如何使用优化标记，风格更丰富的性能，以及新JavaScriptAPI来制作最新的网络开发功能。简单而言，HTML5=HTML+CSS+JavaScript。特性：a)语义特性（Class：Semantic）b)本地存储特性（Class:OFFLINESTORAGE）c)设备兼容特性(Class:DEVICEACCESS)d)
11、连接特性（Class:CONNECTIVITY）e)网页多媒体特性(Class:MULTIMEDIA)f)三维、图形及特效特性（Class:3D,GraphicsEffects）g)性能与集成特性（Class:PerformanceIntegration）h)CSS3特性(Class:CSS3)3)CSSCSS(层叠样式表)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS使用方法：a)外联式Linking（也叫外部样式）：将网页链接到外部样式表。b)嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。c)内
12、联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。CSS布局特点：a)精简代码，降低重构难度b)网页访问速度c)SEO优化d)浏览器兼容性基础语法：a)CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。b)选择器宣言1;宣言2;宣言Nc)选择器通常是您需要改变样式的HTML元素。3篇三：web前端实习经验。经验20*年7月11日11:20自我介绍时：千万不要忘记介绍名字代码：第 6 页1.标记为done表示已经调试好，完全测试过了2.代码规范。phpstrom，统一格式化3.借鉴代码时注意liscence4.项目相接时，文档规范（步骤，文档不可少）项目：1.CRM2.REP3.OA4.微信(接口，产品（wify）任务：1.每天用几个小时做了什么，做得怎么样（日报，周报）2.接受项目（任务）时，先评估后再决定是否接受，接收后做不好，更不好处理关系：1.尽快记住大家的名字2.按时任务3.邮件发送人与抄送人，1小时内回复4.沟通：不懂或有意见的时候要及时沟通还要学习1.css，jQuery学习2.算法，业务流程3.代码规范4.友好的注释（便于自己和他人）5.打字速度很需要提高6.多看英文文档
