基于Web的教学网站前端开发设计任务书

Web前端开发技术是一门计算机专业基础课程,具有应用性强、实践要求高的特点,是web开发的基础性技术。主要包括HTML、CSS、Javascript、DOM、BOM、AJAX等技术手段,用于解决web开发中的网页布局方面的问题。

本实践环节设置要求学生利用web开发技术的上述技术手段,使用Dreamweaver、photoshop等工具软件,使用HTML、CSS、Javascript等语言工具实现简单综合网站的开发。达到巩固提高、以练促学的教学目的。

通过此次实训,使学生基本了解web开发流程,掌握web前端设计技巧,熟悉web前端开发语言的应用,为以后从事web前端开发铺路。

二、实训安排

上机地点为综合楼306。

三、实训要求

1、功能要求

实训要求以山东师范大学历山学院为原型,自行选择某门专业课程,参照实践教材课程设计题目一,为其设计一个功能齐备的教学网站。具体要求如下:

(1)、该网站至少包含网站首页、主讲教师介绍、实践大纲、实践项目、课程设计介绍、教学资源等几个页面,网站风格保持一致,并能适合所选课程功能特点。

(2)、页面布局合理、美观,尽可能的利用多媒体手段展现网站内容的丰富性,所用素材符合原型特点。

(3)、外观设计尽量采用样式设计,应尽量避免单纯靠标记属性实现。

2、纪律要求

(1)、学生独立完成项目功能。

(2)、按时出勤,不迟到早退,因故不能出勤及时请假。

(3)、遵守机房管理规定,爱护公共设施。

(4)、合理利用网络,不直接从网上拷贝。

3、其他要求

(1)、规范实训报告,按时按要求上交。

(2)、可以两人小组协作完成,但必须提前报备。

(3)、学习小组成员功能实现可以分工进行,答辩以小组为单位集体答辩,但实训报告必须每人一份。

四、作品提交

作品上交要求实训报告和源文件同时上交。实训报告以word文档形式编辑,要求排好版适合打印,封皮及排版格式附后。

实训报告内容要求:

1、分组及成员任务分配情况

说明此次实训有哪几位同学联合完成,每位同学在此次实训中负责那一部分任务。

2、项目总体描述

说明此次实训选择以那个系、部门为原型,充分分析部门的特点及工作性质,指出网站设计如何针对部门特点做设计,要特别注意什么等。

3、具体实现部分

站点页面样式截图上交,详细说明页面布局及功能。详列功能实现代码,要求说明所属对象及所属事件。

4、遇到的问题及解决办法

5、心得体会

五、评分标准

根据教学计划安排,web开发技术一课程设计作为专业课采取考核方式进行期末评判。课程实训作为本课程最终考核手段,所得分数对应于本课程期末成绩,本着对学生学习成果负责,评分公平公正的原则,特对web开发技术一结课实训评分标准作出以下规定:

评分项目

分值分配(100分)

完成基本内容

30

功能实现

20

创新能力

10

实训报告

出勤情况

附件:

Web开发技术一

姓名:

班级:

组员:

任课老师:

格式要求:

1、封皮填写的内容要求三号仿宋加粗

2、实训报告正文部分至少包括以下四部分内容:

(1)、分组及成员任务分配情况

(2)、项目总体描述

(3)、具体实现部分

(4)、遇到的问题及解决办法

(5)、心得体会

3、正文部分要求小四仿宋,页边距:上3.7下2.6左2.8右2.3,行距固定值25

THE END
1.web前端,毕业设计题目.docxweb前端,毕业设计题目篇一:WEB前端题目前端面试题HTML+CSS.对WEB标准以及W3c的理解与熟悉标签闭合、标签小写、不乱嵌套、提高搜寻机器人搜寻几率、使用外链css和js脚本、结构行为表现的分别、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,简单维护、改版便利,不...https://www.renrendoc.com/paper/243550870.html
2.web前端开发毕业设计.docxweb前端开发毕业设计篇一:web前端毕业设计论文 XX版 毕 业 论 文 题目: 响应式企业网站设计与实现 学生姓名: 罗智刚 学号: 120XX132 专业班级: B12计算机科学与技术2班 指导教师: 李莉 企业导师: 林志宏 二级学院: 电气与信息工程学院 摘要 在信息高速发展的这个时代,网络作为现今最为方便快捷的媒介也越来越被...https://max.book118.com/html/2018/1007/7022014142001151.shtm
3.毕业论文基于WEB前端开发技术的网站设计.docx毕业论文--基于WEB前端开发技术的网站设计.docx毕 业设计(论文) 设计(论文)题目:基于WEB前端开发技术的网站设计 2017年3月20日 摘要2 1绪论 1 1课题研究背景 1 2国内外移动端网站建设状况 1 3课题研究的目的和意义 2 2前端开发工具及相关技术 3 https://www.taodocs.com/p-502099484.html
1.毕设选题大全四基于SpringBoot+Vue的支教管理系统的设计与实现 springboot 个人运动健康管理系统的设计与实现 jspm 基于协同过滤算法的旅游推荐系统的设计与实现 springboot 线上游戏周边商城的设计与实现 springboot 基于vue.js的自动判题系统的前端应用设计与实现 springboot 基于web的校园互助平台的设计与实现 ssm 基于web的留言簿设...https://blog.csdn.net/2401_86779185/article/details/143918302
2.毕设学前端的,毕业设计可以做些什么?腾讯云开发者社区那么,好的demo,一个可以拿得出手的demo,必然是“业务+需求+分析设计+算法+数据结构+实现”,共同组成的。 至于具体做什么,网上应该有许多现成的demo,你可以按这个思路,自己去实现一下。相信会有更多的收获,毕竟你的目的已经不是毕业,而是拿它可以找工作。https://cloud.tencent.com/developer/article/1169809
3.WEB程序设计技术一:bootstrapValidator引入 在使用bootstrapValidator前我们需要引入bootstrap和bootstrapValidator对应的js和css文件。 <!--jquery--><!--bootstrap--><http://et.ynau.edu.cn/docs/web/BootstrapValidator.htm
4.前端毕业设计题目可以做哪些(前端设计的毕业论文题目)前端毕业设计题目可以做哪些(前端设计的毕业论文题目) 有哪些简单的web前端的毕业设计课题知乎 1、比如https://github.com/Miserlou/DirtyShare 可以用浏览器实现 P2P 的文件传输。 2、可以做很多,主要是做一些网站类型的,如果是你个人完成的毕业设计的话,可以做一些复杂点的静态网页,比如做一个商城网站,后台管理...https://www.eolink.com/news/post/86355.html
5.web前端毕业实习报告(通用10篇)web前端毕业实习报告 2 一、实习目的 通过对java语言、JavaWeb、Oracle数据库应用设计及SQL语言的复习和锻炼,并且通过使用MyEclipse开发平台设计库存管理系统项目,以达到充分熟悉开发平台及其应用设计。同时掌握并实践软件项目设计规范及其开发流程:需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写,以便提前适应...https://www.ruiwen.com/shixibaogao/1328435.html
6.计算机毕业设计报告(精选11篇)计算机毕业设计报告 2 一、引言 项目背景:介绍项目的来源、行业背景以及当前领域的研究现状。 项目目标:明确毕业设计项目的主要目标和预期成果。 二、相关技术概述 关键技术介绍:对项目中所使用的关键技术或框架进行简要介绍,如机器学习算法、数据库技术、前端开发框架等。 https://www.unjs.com/fanwenku/68300.html
7.web前端实习报告(精选5篇)web前端实习报告2 一、 实习目的 通过对java语言、JavaWeb、Oracle数据库应用设计及SQL语言的复习和锻炼,并且通过使用MyEclipse 开发平台设计库存管理系统项目,以达到充分熟悉开发平台及其应用设计。同时掌握并实践软件项目设计规范及其开发流程:需求分析、概要设计、详细设计、代码编写、系统测试及软件手册编写,以便提前适应软...https://www.oh100.com/peixun/Web_Services/474561.html
8.Java毕业设计怎么选题?推荐20个优秀的JavaWeb题目Java毕业设计选题是很多同学在做毕设面临的第一个挑战,Java毕设选什么题目好,怎么选题,往往能决定你能否顺利通过答辩考核。接下来,潘老师教你如何选题,并推荐20个优秀的JavaWeb题目供你参考。 一、Java毕设选题怎么选?选什么好? 在选定题目之前,一定要对以下几点做好评估: ...https://www.panziye.com/teach/4484.html
9.计算机专业毕业设计任务书格式范文在对国内外远程教育现状充分研究的基础上,结合分布式应用技术与现代远程教育中的教学模式,采用基于Web的应用体系,设计和实现了一个基于Internet的现代远程教育系统。 本设计应用WEB服务平台,以MySQL为后台数据库,使用C语言进行程序开发,以实现与数据库的连接和前端浏览器的控制。因此,其主要的研究内容为: ...https://www.yjbys.com/bylw/lunwenxiezuo/67847.html
10.基于html5的毕业设计有哪些html毕业设计题目基于html5毕业设计题目1-10题 1、基于HTML5+WebRTC的农业专家在线教学系统的设计与实现 2、基于HTML5移动平台的矿井提升机设计系统 3、基于HTML5的WebGIS实时客户端设计 4、基于HTML5/JavaScript的WebGIS功能界面设计与开发 5、基于HTML5高校图书管理系统 ...https://blog.51cto.com/u_16213629/11795676