网页设计实验报告（精选五篇）.docx

网页设计实验报告（精选五篇）

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