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