《网页设计》课程实验设计报告第一阶段实验报告
四、实施过程(描述的总体布局和设计过程,可以通过截图、表格等方式体现设计步骤,描述实施中遇到的问题及解决方案)
(一)、确定主题,即流明星BIGBANG
(二)、搜集材料,主要从成员简介,社会评价,演艺经历,音乐作品,成员写真,获奖经历,近期活动消息,热门视频等方面搜集资料,然后分类整理成文件夹。
(三)、用Photoshop处理图片
(1) 图片合并,以便更好的添加文字如:+
+
(2)图片的裁剪如:
(四)、在Dreamweaver cs中新建站点
(五)、在Dreamweaver cs3中插入表格,在完成整体排版布局后插入图片,例如首页
(六)、完成插入文本,插入网页头部容,设置鼠标经过图像,创建超级等页面的设计。
(1)文本插入
(2)插入网页头部容,包括插入关键字、插入说明、设置刷新等
(3)设置鼠标经过图像
(4)通过创建,包括文本、文字和图片的热点等完成页面与页面之间的跳转,进一步丰富页面的容。
(5)以上只是以首页的设计为例,除此之外,还逐一完成了中每网页的设计操作。
(七)、测试上传,完成制作。
第二阶段的实验报告
设计题目国明星-BIGBANG
四、实施过程
打开Dreamweaver cs3,新建一个展示相册的页面。
首先建立框架集,选择框架类型为上方和下方框架,将页面分为上下三部分,在第一部分中利用FLASH 创建精美相册,在第二部分插入图片,在底部框架中注明网页的落款和说明。
一.创建框架集,并设置框架的颜色和宽度等属性,将页面分成上下三部分,效果如下:
二.利用FLASH制作相册。
(一) 运行Dreamweaver,插入并保存FLASH元素,在属性面板中重新设置动画的宽、高值,如下图所示:
(二) 设置“Flash元素”的参数,为Flash相册指定调用的图片、设置相册外观等
(三)在中间部分插入图片,底部注明落款和说明,在浏览器中预览效果。
打开已经做好的页面,丰富页面的容,包括插入背景音乐,添加email,下载以及图片热点等技术
一.如在音乐页面中插入音乐和歌曲下载,在浏览器中预览效果如下:
二.在主页中设置电子的,点击主页菜单栏中contacts便可进入页面。
三.丰富页面,添加更多的,例如主页中的图像热点
五、小结(本阶段的收获、体会及总结)
在本阶段中,完成了网页制作的很重要的几个步骤,目的是进一步丰富原本静态单调的页面,技术和能力的要求比第一阶段更高了。
区别来说,第一阶段主要是为建立主要
第三阶段的实验报告
3.创建站点地图
4.建立库项目
5.增加“打开浏览器”的特效,以及使用插件
四、实施过程(描述的整体结构,使用站点地图显示站点页面间的关系,并对本阶段新增的功能加以说明,最后,阐述的不足之处及可以继续完善的功能。
)
一.打开在Dreamweaver CS,在插入记录中选择创建模板并保存,利用模板制作网页并根据排版要求定义可编辑区域。
之后再利用插入表格等方式对网页进行进一步的容丰富,下图是创建模板的截图:
二通过插入表单的方式在“最爱bigbang的vip”网页中创建一个”粉丝登陆“
的小窗口,在一栏插入文本域,在密码一栏插入密码域,效果图如下:
三中各个网页都涉及完之后,建立站点地图,方便于直观的看清的结构,使得整个更加完整和完美。
四建立一个的库项目如下
五、小结
第三阶段的完成也就意味着本次网页制作的圆满结束。
自己从这次实践中收获的不仅是网页制作的知识,更是一份独立完成作业的满足和欣喜。
在整个过程中我严格按照老师的要求完成制作,同时做到不失自己的风格。
在老师的指导下和自己耐心的钻研下,我尽我最大的努力将网页制作到完美。
当看到自己的最终成果时,不禁发自心的感叹,感叹一路来的构思、设计、制作、修改最终完美收工。
但网页制作的技术很广泛,自己也只是略懂一二,相信还有很多值得学习的地方。
任务下达日期:年月日
任务完成日期:年月日最终效果图。