网页实训报告

日照职业技术学院

网页实训报告

学 号： 姓 名： 班 级： 实训日期： 指导老师：

X年X 月 X 日

个人博客

一、实训目的与要求

目的：通过实训让同学们对网页有更深一步的了解，培养学生的动手能力，提高学生运用HTML语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页打下坚实的基础，通过实训可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握理论的基础上再加以实践，进一步提高、加强学生的综合能力，把本学期学到的东西都运用起来达到一定的技术性、创意性，让其更美观。 （1）掌握创建Dreamweaver本地站点的方法，利用表格和层规划网页布局 （2）掌握在网页中添加文本、图像、Flash动画等页面元素 （3）掌握在网页中输入、设置标题和正文文字的方法。 （4）掌握在Dreamweaver中建立链接 （5）综合运用所学软件进行网页材料的准备

要求：掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境，掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理。包括背景图案、图形、图像及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识。掌握CSS的各种属性应用。最后根据自己的兴趣，设计一个个人站点或介绍一个集体的小网站，围绕一个主题并能够体现出自己的个性，有足够的页面及链接，有整体的框架结构，表格定位以及表单处理等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。

二、实训内容

1.准备工作

（1）先想好做什么方面的网站。

（2）根据自己的需要在网上下载图片、动画等相关的素材。 （3）安装好需要用到的相关软件。

（4）大致设计一下该用到的页面的布局版面情况，规划一下网站的结构，画一下草图。 2.使用的技术

用Word处理艺术字、在Photoshop中用切刀工具切图片、用其它工具处理图片、裁切

图片、转换格式等，用Flash做动感图片，用ACDsee裁切图片。制作网页时应用表格、层、超链接、动态文本、表单等。 3.网站的整体布局及介绍

该个人博客使用了16个页面，一个进入页面，用了几个图片和一个“Enter”链接进入主页面，其主页面使用了一个以糖果屋为主题的背景图片，其中有导航、个人资料、微博、留言、好友、照片、博客、版权信息、按钮、文本框等组成并做了相应的链接。16个页面分别是：jinru.html、index.html、jiaru.html、pengyou.html、liuyan.html、xiangce.html、boke.html、gerendang.html、yinyuehe.html、guanyu.html、lianxi.html、youqing.html、yinsi.html、wenzhang.html、jianai.html、yuluo.html，.在音乐盒和个人档页面中用到了很多的表单项，有文本域、单选按钮、复选框、列表/菜单、按钮。前几个页面的主要背景色是#F3B8CA和#ABCD45后几个页面主要应用了#ABCD45和白色作为背景色，前几个页面和后几个页面采用了不同的风格。 4.实现的功能

主要是几个页面的链接，加入我们、联系我们、关于我们、友情链接、隐私与版权几个页面主要是针对本网站进行了介绍，介绍了该网站的联系方式、加入方式、合作商、网站的隐私及版权信息。个人档主要写个人信息，音乐盒写了最近流行的专辑及歌曲，还有一些朋友、留言、相册、博客等信息。

三、调试中出现的问题

在制作网页的过程中出现的问题主要是排版布局问题和链接问题，链接有时行有时不行，还有表单的使用，通过问老师同学及在网上自己找寻答案最后都解决了。

其次在使用其它软件时也是出现种种问题，主要还是自己对这些软件还没有真正的熟练掌握，在以后的学习过程中我会更加努力一定多多练习。

四、实训心得体会

在这次实训的过程中让我唯一感觉到创新的重要性。我也看了其他的同学做的网页，大家的都千篇一律，大多是学习过程的但是有的同学通过其他的参考资料，然后得到自己想要的画面和效果，然后把自己的与其他人的区分开来，我认为在这个过程中是一种创新的过程，一种将别人的智慧运用到自己生活中为己所用的能力，这种能力虽然反映的不是自己的真实水平，但是一种学习的过程，这以后，就成为了自己的东西。也发现很多同学都在自己的脑海中构造自己想要的画面，同时，自我摸索，在不断地失败

和成功中吸取不足和失败的原因，我认为这本身就是一种创新的过程。力求有一个很好的视觉效果，其次网页页面美观也是很重要的，不断地尝试调配颜色。想着也是一种创新，这种创新中得到自己所要的效果是学习的一部分。

其次我还知道了此次实训的目的，也清楚了目前自己的许多不足，那就是缺乏相应的专业知识与经验，对所学的专业知识不能够很好地运用于实践操作中。不过我也发现了以前不曾注意到的细节，在实训制作网页的过程中，我对作为一名网页设计师制作网页时要注意的细节和一些重要的地方也有了更多的了解。把职业能力训练与职业素质的训导有机结合起来。相信这对我接下来的学习专业知识会起到很有效的帮助，在接下来的时间里，我会以作为一名学习者的身份在这几个方面要求自己，严格自我，向专业知识靠近，丰富我们的知识。

五、实训总结

通过本次实训我又一次感觉到了实训的重要性，通过实训可以让我们深深地体会到理论与实践联系的重要性和必要性，通过实训我们可以把这学期以来学的东西做个总结，并且还可以学到一些新知识对该软件有更深一步的了解，我们要认真面对实训，虽说实训是一个很累的过程，但是实训一周让我们学到的东西要赶平时上课的好几倍，好好努力把握好一切学习的机会，不要让时间白白浪费。