姓名:王中亚 学号:201215304 班级:2012153班
网页实验报告
一、实验目的
网络在现今生活中的重要地位已经不言而喻,我们上网都避免不了浏览网页。本实验通过学习使用Dreamweaver cs4设计网页,来达到熟知一个网站的网页整个设计过程是怎样进行的,并能自行设计一个具有鲜明主题的基本完整的静态简单网页的目的。并且在本次实验中,我们通过实际的操作,更好的学习在html中嵌入多媒体,使网页的内容更加丰富,具有吸引力。在此过程中,我们还要对c3.0进行学习,以帮助我们使网页的样式更加美观。为了更好的交互操作,我们还要对javaScript及jquery,jQueryUI ,easyUI等一些前台插件进行学习。
二、实验器材
1、一台台式机或者笔记本
2、Windows 7操作系统
3、Dreamweaver cs4软件、photshop软件
三、实验原理和方案
Dreamweaver cs4是常见的设计工具,在设计过程中基本上不需要亲自动手设计源代码,但是为了更好地学习Html标记语言,我们在实验过程中,不会使用可是界面进行操作,而是采用其代码编辑模式进行开发(此外,Dreamweaver cs4的可是界面开发过程中,可是界面的调试结果和浏览器的调试结果会有很多差异性,所以在html新手的学习过程中要注意到这一点,尽量手动书写代码的方式进行html页面的编写),要设计一个满意的网页要遵循一定的步骤:
1、确定网站主题、风格和布局
2、搜集相关素材,比如音频、图片、文本等
3、根据网站主题,在网站中放入相关元素和内容
四、实验步骤
4.1准备素材
确定网页的主题和风格,收集各种可能需要的设计素材,素材包括图片,音乐,动画,视频,由于刚刚开始学习制作网页,所以我主要搜集图片和必须的文本。并新建一个文件夹把搜集的素材放到该文件夹里面。
4.2设计规划 姓名:王中亚 学号:201215304 班级:2012153班
规划网站,对网页的整体框架和结构进行设计,确定整个网站的内容, 明确自己的网页需要满足的功能和内容。
4.3具体设计
1、创建站点。点击“站点”下拉菜单的“创建站点”,名字站点名称和站点在计算机的路径。
2、在电脑里面运行Dreamweaver cs4,在“文件”下拉菜单点击“新建”,打开“新建文档”对话框,选举“框架集”里的“上方固定,下方左侧嵌套”,并点击“创建”按钮
3、调整框架的大小,分别保存各个框架和框架集并命名(注:不能用汉字,只能用英文字母)
4、分别给各个框架加入合适的背景色或者或者插入图片
5、根据具体的需求进行实际的开发
五、实验效果截图
姓名:王中亚 学号:201215304 班级:2012153班
姓名:王中亚 学号:201215304 班级:2012153班
姓名:王中亚 学号:201215304 班级:2012153班
姓名:王中亚 学号:201215304 班级:2012153班
六、体会心得
在本次网页设计中,我不仅学到了很多关于网页设计方面的知识。我从中学会运用Dreamwaver设计简单的网页,在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、photshop等网页软件的应用,学会了管理、维护自己的站点。在设计过程中也出现了很多的问题,其中几次比较深刻的问题就是在前台界面中加入js时,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
并且在本次实验过程中,我初次体验了后台的(javaWeb)的开发与设计,姓名:王中亚 学号:201215304 班级:2012153班
使我对网站的开发有了整体的了解,从前台到后台,虽然做的比较简单,但是已经出现了完整的前台后台雏形,这点让我收获很大。
总体来说,通过今次的对网页设计的学习,有收获也有遗憾、不足的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提高,凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善。也希望老师在今后的日子里多指导。