WEB前端开发 课程设计任务及文档编写 web前端开发课程设计报告书样本.doc

陕西职业技术学院电子信息工程学院(鼎利学院） 高等职业教育创新发展行动计划（2015-2018年） PAGE 8 PAGE 7 高等职业教育创新发展行动计划（2015-2018年） XM-6-1省级高等职业教育专业教学资源库 《web前端开发》 《web前端开发》期末课程设计报告书 陕西职业技术学院电子信息工程学院(鼎利学院） 《web前端开发》期末课程设计报告书 题目： 专业： 班级： 姓名： ?学号：? 日期： 成绩：  一、网站设计目的和任务 1、建立企业形象 让别人看到自己，展示企业的实力。企业就能够在国内和世界“亮相”，无疑是一种宣传企业和服务社会的机会。从广告意义上看，企业网站是一种宣传的形象，没有网站也谈不上企业形象。 2、主动抢占先机 创建企业网站，这是必然的。任何一家企业要想跟的上时代发展的变化，必然需要建立网上网站，才能不落后与时代，才能占得主动， 3、做广告 企业网站本身就是在打广告，建立自己的企业网站，把企业的信息集中起来，更方便人们浏览和了解企业。 网站主题 以IT企业为主题，主要是关于IT行业的一些需求和资源，以及发展的一个现状。和对计算机应用一个更深入的了解。 三、?网站整体设计 （一）?网站风格设计 本网站主要使用响应式页面布局。整体色彩主要是浅色系。 Logo：主要由图片、字母和汉字组成，颜色为蓝色。导航栏主要颜色也属于蓝色系。 页面整体布局比较合适，网页颜色比较鲜明，多处使用邻色和对比色，使网页整体颜色看起不单调。 （二）栏目设计 本网站主要是由六个模块组成：首页、技术与专业服务、互联网IT服务、培训信息、关于我们、个人简历。各个模块有包括许多链接和对企业的更深了解和认识。 首页模块：公司服务、公司新闻、和其他行业一些投资项目。 技术与服务模块：公司的以技术和服务业务（数据分析服务、云服务、战略咨询和软件平台服务）等，以及公司在其他行业我涉及的解决方案。 互联网IT服务模块：主要是介绍云服务在（云储存、云计算、云安全、云物联）的应用，云服务技术、云服务平台，以及平台性能。 培训信息模块：主要包括介绍公司的培训机构，与大学的合作，和对现在就业形势的一个分析，以及对未来职场提升的一个方案规划。 关于我们模块：主要介绍了公司概览和愿景于使命、公司发展历程、团队合作、和公司荣誉以及全国布局和我联系等。 个人简历模块：主要写了我的基本信息、工作经历、个人特长以及和我联系的一个方式。 栏目结构图 华锦科技企业网站 华锦科技企业网站 首页 技术与专业服务 互联网IT服务 培训信息 关于我们 个人简历 SelectLanguage 新闻中心 投资者 加入我们 汉语 英语 （三）?目录结构设计 四、使用技术 1、主要使用了Bootstrap框架技术。（包括.container布局容器。nav导航、栅格系统、地址、无序列表、有序列表、状态类、表单、按钮、链接、响应式图片、分页、巨幕等）。 2、样式主要用了Bootstrap中全局css样式，和一些自定义的外部样式（主要用了标签选择器、类选择器和id选择器）。 五、文档说明 index.html index.html Server.html inter.html training.htmlml About.html resume.html 文件夹： 页面1（index.html） 功能： 首页页面：主要大体了解企业一些关于技术应用的服务和投资的一些业务，和企业相关的新闻。 截屏： 页面2（server.html） 功能： 技术与专业服务页面：主要了解企业的一些技术和相关服务和对投资行业的解决方案的规划。 截屏： 页面3（inter.html） 功能： 互联网IT服务页面：主要是了解云服务（包括云服务应用、服务平台、服务技术和平台性能）。 截屏： 页面4（training.html） 功能： 培训信息页面：主要是企业和大学的一个合作，包括对大学生的一个培训和对现状就业形势的一个分析和入职后大学生在职场的一个快速适应和能力提升。 截屏： 页面5（about.html） 功能： 关于我们页面：主要是对我们企业进一步更胜深入的了解。（包括公司概、发历史、企业管理团队、公司荣誉和在全国的一个布局）。 截屏：