XXXX学院
XX院计算机系
《Web标准设计（XHTML,CSS,JavaScript）》课程设计报告
201X－201X学年X季学期
班    级：XXXXX
姓    名： XXXXX
学    号：XXXX
html网页设计实验心得专    业：XXXX
指导教师：XXXX
日 期
2016．7．4—2016．7．8
地点
68#E309
课程
设计
目的
本次课程设计旨在提升学生的动手能力，加强学生对专业理论知识的理解和实际应用。本次课程设计的主要目的如下：
加深对WEB程序设计的理解，能对网站功能进行分析，并设计合理的网站结构
掌握WEB网站的基本开发流程
掌握CSS+DIV技术在实际开发中的应用
掌握Javascript技术在实际开发中的应用
提高开发网站的能力，能后运用合理的控制流程写出高效的代码
培养分析问题、解决实际问题的能力
课程设计要求：
1、实训期间每天登记考勤，作为实训成绩的一部分。
2、实训期间不能玩游戏、看电影、小说等做与学习无关的事。如果有不遵守的同学将取消当天成绩。
3、完成整个实训以后，要求每人写出实训报告。作为评定整个实训成绩的重要参考依据。
4、实训报告要求：每个组独立完成实训内容，保存电子版，并做好实训报告。
实训上交：
实训完成后，要求所有电子资料上交到ftp://192.168.131.227
用户名、密码：sx
5、实训环境
每人一台台式机；能连接Internet上网
6、 实训成果
⑴ 记录实训步骤和写出实训报告，实训报告要求有设计方案、具体实施步骤、遇到的关键问题及解决办法、实训启示与感想等。
⑵ 实训内容的操作部分。
⑶ 实训成绩考核包括三部分：平时考勤10%，实训成果40%，实训报告50%。实训报告页数不少于15页。
7、每天完成的实训作业，自己妥善保存好（存到U盘或上传到自己的邮箱里），防止机房电脑出现意外故障而丢失。最后将电子版的实训作业和实训报告放到用你学号+名字命名的文件夹里，并上交纸制版的实训报告。
注：抄袭或拷贝他人作业者将给予扣分，完全抄袭者成绩为零分！！！
课程设计内容：
实验一  使用HTML+CSS+JavaScript创建企业网站
[功能介绍]
实现css样式和div的相结合，实现页面的跳转、flash的实现。整体页面的完整美观性。
实验步骤：
1.头部的实现（index.html）
 
实验结果：
1. 头部设计
2. flash嵌入
3. 主体框架左侧设计
4. 主体框架右侧设计
5.页脚设计
2.order.html设计
实验二 吉他学习网站
[功能介绍]
  利用模板实现网页之间的设计，有着整体与统一性。网页之间的跳转完整和一。
实验步骤：
1.首先对模板进行编排（muban）
 
 
   
实验结果：
1.首先对模板进行编排（muban）
2.首页设计 index.html
3.yuepu.html
4.rumen.html
5.jiaoliu.html
课程设计心得：
通过一周的web实训，重温了一下大一时的网页制作，一个网页的制作的方法可以利用多种多样的网页格式进行排版制作。本周实训的是DIV+CSS+Html进行网页制作，利用div的特点对网页进行排版，利用css进行网页的美化和整体改造，利用html进行网页最基本的功能的实现。但是基本网页制作也可以利用表格直接对网页进行排版，分模块制作，相对于对代码运用不熟悉的可以直接利用表格制作，然后利用css样式对表格和文字内容进行编辑。再者可以使用模板进行简单网页制作，网页模板在制作的时候利用表格和css样式，添加可编辑区域，保存为模板。其他网页制作时，在资源选项里直接对模板进行应用，在可编辑区域进行新的内容编排。保存时应注意，模板的修改会引起其他使用模板页面的修改。对不熟悉DreamWeaver的人来说这样可以快速进行网页的熟悉和网页制作。收获颇大。
分数：
                                     
                              年  月  日   

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。