web实训报告

设计

目的

加深对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的人来说这样可以快速进行网页的熟悉和网页制作。收获颇大。

  年  月  日