欢迎来到天天文库
浏览记录
ID:26635586
大小:2.00 MB
页数:7页
时间:2018-11-28
《网站开发管理》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、实验报告课程名称网站开发与管理实验项目名称网站设计班级与班级代码:实验室名称(或课室):专业:任课教师:学号:姓名:实验日期:2010年12月16日7姓名实验报告成绩评语:A(>90),B(90-80),C(80-70),D(70-60),E(<60)得分ABCDE认真预习,实验目的明确。有简要的实验分析总结(20分)流程清晰条理,有文字说明和重要代码展示,页面截屏效果与实验原理相符。(70分)排版格式规范,符合要求(10分)总分指导教师(签名)年月日说明:指导教师评分后,实验报告交院(系)办公室保存。7实验1网站设计实验目的
2、:网站设计的实验目的在于让我们熟悉Dreamweaver8.0的基本操作,使我们能够基本掌握网页设计的制作过程。实验原理:根据网页设计的原理,编制代码或者直接在Dreamweaver的设计窗口中进行可视化设计。操作简单、方便。实验设备:计算机一台、Dreamweaver8.0软件网站的主要功能:该网站里有菜单1、菜单2、文字滚动、图片轮换这四个作用。在网站的首页,以淡淡的浅蓝色为背景,网页分为topframe、mainframe、leftframe和bottomframe四个框架。leftframe中有四个超链接分别连接这四个
3、作用。(menu1、menu2、文字滚动、图片轮换)(如图1)菜单1是自制的菜单,是一张有五只小猫的图片,分别在图片中加入五个APdive然后做出了犹如下拉菜单的效果。(如图2)7菜单2是在网上下载的菜单,得带代码后再经过文字的修改,得到如网页中的显示。(如图3)相关代码:77文字滚动是通过编制代码而成的,首先加入2行1列的表格,在第一行加入图片并加以调整。然后在第二行编制能够进行文字滚动的编码。最后得到入网页中change-word所示。(如图4)图片轮换是通过编制代码而成的,首先在网上下载关于图片轮换的代码,然后添加到网页
4、的代码中,并对原来的图片进行替换。在图片轮换中,我替换了四张小猫的图片。(入图5)实验分析总结:该实验主要是熟悉Dreamwe7aver8.0的操作,能够基本的制作网页。从实验可知,在制作网页时需要准备好需要的素材,而且要有大致的设计好的框架。在编制代码以及设计时,应当注意前后的对应,以避免图片无法显示或者行为无法操作。心得体会:通过这次实验,我初步了解的网页设计的基本要求,而且还能利用Dreamweaver8.0设计一些简单网页,在网上使用一些漂亮的代码来进行对网页的加工。在进行实验的过程中,遇到了一系列的麻烦都逐步解决,最
5、终得出入作品中所显示的。虽然这次实验能够顺利完成,但是并不意味这我就能够熟练的使用Dreamweaver8.0制作出精美的网站并发上网。在制作过程中遇到了以下三个主要的问题:1、在添加代码时发现图片无法显示;解决方法:寻找添加的代码中,例如
6、src="img/03.jpg"alt=""/>
7、过程中出现各种各样的小问题,但是经过慢慢解决后,网页终于制作完成。我觉得制作网页虽然有很多繁琐的事要解决,但是却让我学到了很多能力,PS的能力也得到提高同时也学到了如何制作简单的网页。通过这次的实验,我对网页制作产生了很大的兴趣,在以后的时间里也会继续研究网页的制作,做到精益求精。7
此文档下载收益归作者所有