文档介绍：网页设计实验报告实训目的:通过实训,进一步的了解dreamweaver软件的一些功能,和熟悉一些工具。例如:学会建立简单的web网页、会将FLASH插入到网页、会使用表格排版页面、:会制作简单的导航、掌握css样式表的使用方法等实训内容:根据自己所需,确立网站的主题,通过参考他人网站独立构思出网站的结构布局,完成网站的建设。实训环境:word、photoshop、dreamweaver软件。作者:王小明班级:网络09301日期:…………………………………………………3第二章网站图纸设计……………………………………………5第三章网站布局设计……………………………………………8第四章总结……………………………………………………11第五章致谢……………………………………………………12第六章参考书目及网站………………………………………13第一章网站的策划网站主题的选取:因为第一次出远门的原因,说实话还真的蛮想家的。有时候就会不由自主的去关注老家的天气,和老家的一些事情。有时候还会特地跑到沙县小吃去吃,为了就是能找到熟悉的感觉,不至于显得那么无助。也许也是因为本人比较贪吃,爱玩,总是很怀恋之前那些疯狂的日子,所以就以沙县为题,表达下自己的情感。2、同类网站特点分析:在网上观察了蛮多同类主题的网站,大多是拐角型的网页布局。且主题都是突出所在地的一些风俗、文化和特点。且所用的是颜色大多是绿色系列的。结构布局也比较简单,整体就是给人一种家乡的感觉。因为自己所做的网页不是商业网站,所以不需做一些无谓的广告,且想表达的是自己的真实情感,所以可以少些炫的色彩。所以我选择了折角型,主色为淡绿,整体的感觉比较的复古。3、网站域名的选择:因为是家乡的网站,所以我就想加入家乡的名字,和区号我的第一选择是,,但到万网一查发现已经被人注册。而我的第二选择是到万网查询,发现没被注册,就选了它。4、网站栏目划分(内容划分):因为是做一个家乡的网站,所以主要的内容是从沙县的历史背景,地理位置,沙县荣誉,沙县景点,特色小吃,还有就是一些沙县的图片。而本县最具特色的就是沙县的小吃,和沙县景点,所以主要会把中点落在这两方面。网站图纸设计设计软件简单介绍:Photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,它的应用领域广泛,平面设计、修复照片、广告摄影、影像创意=艺术文字、网页制作、建筑效果图后期修饰和绘画等。深受广大平面设计人员和电脑美术爱好者的喜爱。首页图纸的设计过程:在画图纸之前,得先用草稿纸画出网页大概的布局,及模块的划分和确定网页的大小。打开ps软件,新建一个778*800的图层。而在画图纸的时候很多的素材大多都不是自己画,而是在网上找一些图片,经过修改再使用。在画图纸的时候除了动态的效果,其它的效果都要在图纸中表现出来。先画出网页的头部,其次画出网页的主体,最后将网页的尾部画出。在画图纸的时需注意(,合理的将图纸元素分离,但是太多图层的话将导致软件的远行速度缓慢,所以这时,我们可以建组,把有关连得东西放入组中)这样有利于网页图纸的局部修改。(2..要拉参考线,且在画图纸的时候要想到之后的布局)这样有利于之后的切片和布局。(,且一般网页的字体大小一般都是12或14)有利于页面的美观和浏览器的支持。大致的效果如图(1)图(1)内容页图纸的设计过程:由于每张的内容大致都不一样,根据内容的不同,画出不同的图纸,在图纸里突出内容的特点,有的色彩比较丰富,有的色彩比较单一,不过在画内容也的时候还是遵循首页的注意事项和一些模块的划分。切片技术的介绍:切片工具是将一个完整的网页切割许多小片,以便上传。是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进行单独的优化,以便于网络上的下载。可以做成网格的,然后可以用dreamwaver来进行细致的处理。利用切片工具可以快速的进行网页的制作。首页及内容页切片只要步骤介绍:要切片之前,该先确定哪些是可以用程序写的,哪些是要切成图片的。确定之后用参考线把所需的东西定位好。之后用切片工具,将其分成若干块。在切片是需注意的是命名,命名的时候只能用英文,下划线,和数字。切好之后的工作就是保存。执行文件——存储为web和设备所用格式,保存时需注意(在保证图片质量的下,尽可能小的占用空间,且一般比较小的图存为GIF格式,大图存为JPG格式,透明的存为PNG格式)。下一步如图(4)图(4)下一步如图(5)图(5)下一步如图(6)图(6)完成首页布局过程:在首页的布局中,我用了表格布局。一般的规律是从简单到复杂,层层递进,由外到内层层嵌套表格。