实训.docx

实训.docx

《实训.docx》由会员分享，可在线阅读，更多相关《实训.docx（11页珍藏版）》请在冰豆网上搜索。

实训

IT行业社会实践二报告

学生姓名：

学生学号：

专业：

班级：

实践单位：

完成日期：

1、实训简介

Web本意是网的意思。

在这个遍布网络的世界里，Web网络成为不可或缺并且极其重要的一部分。

Web功能强大，其内容包括存储在世界各地Internet计算机中的大量文档的集合。

Internet将海量的信息以某种关联的文档形式组织在一起，每一个文档将会以主页的形式展现，这些主页是一种超文本信息，通过超链接进行连接。

Web标准并不是一个单一的标准，而是一个系列的标准的集合。

Web标准中具有代表性的几种语言有：

XML可扩展标记语言、XHTML可扩展超文本标记语言、CSS层叠样式表、DOM文档对象模型、JavaScript脚本程序设计语言等。

本次实训主要是学习HTML5基础语言，从最基础的创建简单的页面到最后制作出一个相册墙的项目。

我们在达内陈老师的带领下，每天八个小时的学习这门课程，老师首先详细的为我们讲述了这门语言在当今互联网发展中的重要性，在上课时并为我们讲述了一系列网页设计的基本语言标签及其属性，此次达内公司为我们提供了电脑，让同学们紧跟老师讲课的进度，现学现用，大大提高了此次实践的效率。

二、实训内容 

1、HTML 

HTML是超文本标记语言，互联网传输的标准语言。

HTML超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一。

HTML5的标准草案目前已进入W3C制定标准5大程序的第1步。

负责编纂标准格式文件的Google员工IanHickson预期，可能得等到2012年才会推出建议候选版（W3CCandidateRecommendation），并在2022年才会成为W3C推荐标准（W3CRecommendation）。

Google公司负责开发Android的AndyRubin在AllThingsD亚洲大会上表示html5还远不能为不同的移动操作系统提供不同的程序。

2、CSS 

CSS是层叠样式表的简称。

为了弥补HTML在显示属性上的不足，W3C协会制定了这一套扩展样式标准。

CSS标准中重新定义了HTML中原来的文字显示样式，并增加了新的概念，例如类、层等，还可以对文字进行重叠、定位等操作。

它提供了更为丰富多彩的样式；同时CSS可集中进行样式管理。

另外，CSS允许将样式定义单独存储于样式文件中，这样就可以进行样式管理，不仅便于样式管理，还可以在多个HTML文件共享样式定义。

一个HTML文件允许引用多个不同的CSS样式文件中的样式定义。

在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

3、实训过程

1、实训 

老师给我们讲解了本次实训的主要内容和实训目的，让同学们提前知道，在三周的时间内我们能够学到什么东西，并达到怎样的程度。

（1）内容

HTML+CSS基础知识点与页面构成基本方法。

主要是一些常用的网页制作的标签及其属性，要求同学们反复的熟悉并掌握这些标签及其属性的用法。

（2）目的 

通过对web知识的学习，学会使用HTML标记语言，通过CSS对页面的布局，在HTML基础上，开发Web网页。

2、实践 

在课堂上，老师会布置相应的作业练习，以保证对每节课的知识点进行理解和消化。

制作简单的页面，使用HTML编写网页、CSS布局。

（1）制定网站主题 

网站主题——微博照片墙

主要是以照片墙的形式在页面中展示，并根据老师的要求添加一些属性，达到网页预设的效果。

（3）页面分析 

通过所学知识分析页面的基本结构（HTML）、布局与页面样式（CSS）

（4）网站制作

使用EditPlus进行网站制作，此款软件无代码提示功能，注重手写代码能力的培养。

这款软件容易上手，对一些新手来说简单，明了。

对一些属性进行颜色区别，让我们在制作的过程中大大减少了失误代码为我们带来的影响。

四、实训总结 

时间很快的过去，三周的时间悄悄的已经结束，老师的讲课十分详细，我学的如痴如醉，感觉时间过的太快，来不及学习更多的知识，也十分感谢老师的详细教学，使我能够更加了解web的编写。

通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的网页。

总体来说，整个网页制作的过程，我学会了很多知识，并逐渐的对这门课程充满了浓厚的兴趣……

附图：

图1-1

图1-2

代码：

DOCTYPEhtml>

showMore（）;"class="down">