网页设计实验报告39118.pdf

《网页设计实验报告39118.pdf》由会员分享，可在线阅读，更多相关《网页设计实验报告39118.pdf（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、.“网页设计“课程实验设计报告 第一阶段实验报告 设计题目 国明星-BIGBANG 一、本阶段设计要求 1、容要求：主题要新颖，明确，安康，积极向上，必须是自己的原创作品。构造要清晰有条理，并且容要突出主题思想。素材形式要丰富多种多样。2、步骤要求：按照建立的根本流程，对做整体规划画草图，考虑的规模大小，收集必要素材等。3、构建站点：建立站点文件和文件夹构造。并使用向导创立站点，使用高级设置本地站点、管理本地站点。4、格式要求：A 设置整体页面属性、制作普通文字页面、在页面中放入图像，制作图文混排页面、制作鼠标经过图像的交互效果，制作导航条的交互效果。B 在页面中插入 Flash 按钮或 Fl

2、ash 文本或 Flash 动画，丰富网页容。C 利用框架或表格，对页面做整体规划。并对表格属性进展设置。D 在网页中制作外部友情，部页面，选择制作电子和同页面或不同页面之间的锚点。E 必须要有导航条，导航项必须在 4 项以上，形式不限。5、功能要求：必须能从首页进入二级页面，并且从二级页面返回首页。二、选题背景 Bigbang 是国的一个有名的男子组合，意为宇宙大爆炸。当然它的诞生确实在音乐界造成了一定的影响，他们的多才多艺更是使得他们能一直走到如今。所以作为他们的铁杆粉丝，我也想要把这个组合介绍给大家，让大家一起了解流行音乐的真正魅力。三、所用技术 1.用 Photoshop 处理所用的图

3、片。2.在 Dreamweaver cs3 中 建立布局，插入布局表格。3 插入图片，设置背景图像，设置图像属性。4.设置鼠标经过图片 5.插入文本，设置文字格式 6.创立超级文件，图片，网页.四、实施过程描述的总体布局和设计过程，可以通过截图、表格等方式表达设计步骤，描述实施中遇到的问题及解决方案 (一)、确定主题，即流明星 BIGBANG (二)、搜集材料，主要从成员简介，社会评价，演艺经历，音乐作品，成员写真，获奖经历，近期活动消息，热门视频等方面搜集资料，然后分类整理成文件夹。(三)、用 Photoshop 处理图片(1)图片合并，以便更好的添加文字 如：2图片的裁剪 如：.(四)、在

4、Dreamweaver cs中新建站点 (五)、在Dreamweaver cs3 中插入表格，在完成整体排版布局后插入图片，例如首页 六、完成插入文本，插入网页头部容，设置鼠标经过图像，创立超级等页面的设计。1.文本插入 2插入网页头部容，包括插入关键字、插入说明、设置刷新等 (3)设置鼠标经过图像 (4)通过创立，包括文本、文字和图片的热点等完成页面与页面之间的跳转，进一步丰富页面.的容。5以上只是以首页的设计为例，除此之外，还逐一完成了中每网页的设计操作。七、测试上传，完成制作。第二阶段的实验报告 设计题目 国明星-BIGBANG 一、本阶段设计要求教师填写 对于本阶段应该包括以下几个主要

5、局部：A、利用 CSS 来定义的样式表。B、网页要有落款、说明。C、中需要至少一个页面分别运用表格、框架等技术。D、使用行为给网页添加特效，例如：弹出信息，翻开浏览器窗口，添加背景音乐，设置状态栏文本等。E、在网页中插入 Flash 动画、Flash 按钮、Flash 文本等。第一阶段做过的就不用做 F、丰富网页中的各种，例如：图象热点，下载连接，锚点等。.二、第一阶段所完成的任务 第一阶段已经完成了，确定主题，收集素材，定义站点，以及对作整体规划，在格式方面，已经完成整体页面属性设置，文字属性设置，页面中插入图像，制作鼠标经过图像以及导航栏的插入等。在方面已经完成文字和导航栏的等。三、所用技

6、术本阶段所使用的技术 1.网页框架技术。2.添加背景音乐。3.在网页中插入 Flash 动画、Flash 按钮等。4 各种：，下载连接，图像热点等。四、实施过程 翻开 Dreamweaver cs3，新建一个展示相册的页面。首先建立框架集，选择框架类型为上方和下方框架，将页面分为上下三局部，在第一局部中利用 FLASH 创立精巧相册，在第二局部插入图片，在底部框架中注明网页的落款和说明。一创立框架集，并设置框架的颜色和宽度等属性，将页面分成上下三局部，效果如下：二利用 FLASH 制作相册。(一)运行 Dreamweaver，插入并保存 FLASH 元素，在属性面板中重新设置动画的宽、高值，如

7、下列图所示：.(二)设置“Flash 元素的参数，为 Flash 相册指定调用的图片、设置相册外观等 三在中间局部插入图片，底部注明落款和说明，在浏览器中预览效果。翻开已经做好的页面，丰富页面的容，包括插入背景音乐，添加 email，下载以及图片热点等技术 一如在音乐页面中插入音乐和歌曲下载，在浏览器中预览效果如下：.二在主页中设置电子的，点击主页菜单栏中 contacts 便可进入页面。三丰富页面，添加更多的，例如主页中的图像热点 五、小结本阶段的收获、体会及总结 在本阶段中，完成了网页制作的很重要的几个步骤，目的是进一步丰富原本静态单调的页面，技术和能力的要求比第一阶段更高了。区别来说，第

8、一阶段主要是为建立主要的大的框架构造，以及做一些简单的图片和文字处理。而在这一阶段，我添加了FLASH 动画，插入和背景音乐，还给各个网页设计的做了进一步的丰富。完成了这一阶段，自己的收获更大，收益也更多，因为这一阶段难度更高所以自己也有了更多的成就感，所以整个设计的过程自己也很享受。第三阶段的实验报告.设计题目 国明星-BIGBANG 一、本阶段设计要求教师填写 1、容要求：在第一二次设计题目的根底上，对容进展完善，增加 24 页面。2、对于本阶段应该包括以下几个主要局部：A、使用模板制作两个页面，必须定义可编辑区。B、根据自己的主题插入表单及表单元素，例如：在线报名，联系我们，在线订购单等

9、。C、利用 Dreamweaver cs3 的扩展管理器安装必要的插件，制作特殊效果，例如：彩色渐变文字，使用图像创立漂浮广告，根据不同时间显示不同的问候语，创立随机切换的广告图等。选择其中之二来做即可 D、使用行为继续添加特效，例如：弹出信息，翻开浏览器窗口，添加背景音乐，设置状态栏文本等。E、把多个页面中的一样元素创立为库工程，并加以应用。F、使用站点地图显示站点页面间的关系。3、课程设计报告编写根本要求：A必须独立完成课程设计报告；B课程设计报告书写规、文字通顺、图表清晰、数据完整、结论明确；C要求课程设计报告必须打印，装订成册。二、前两阶段所完成的任务 第一二阶段已经完成了，确定主题，

10、收集素材，定义站点，以及对作整体规划，在格式方面，已经完成整体页面属性设置，文字属性设置，页面中插入图象，制作鼠标经过图象，制作导航栏，插入Flash 元素，用 CSS 来定义的样式表，用行为给网页添加特效等。为进一步丰富网页在方面已经完成各种的制作等。三、所用技术本阶段所使用的技术 1.创立模板，利用模板制作页面并定义可编辑区域 2.插入表单和表单元素 3.创立站点地图 4.建立库工程 5.增加“翻开浏览器的特效，以及使用插件 四、实施过程描述的整体构造，使用站点地图显示站点页面间的关系，并对本阶段新增的功能加以说明，最后，阐述的缺乏之处及可以继续完善的功能。一翻开在 Dreamweaver

11、 CS，在插入记录中选择创立模板并保存，利用模板制作网页并根据排版要求定义可编辑区域。之后再利用插入表格等方式对网页进展进一步的容丰富，下列图是创立模板的截图：.二 通过插入表单的方式在“最爱 bigbang 的 vip网页中创立一个粉丝登陆“的小窗口，在一栏插入文本域，在密码一栏插入密码域，效果图如下:三 中各个网页都涉及完之后，建立站点地图，方便于直观的看清的构造，使得整个更加完整和完美。四 建立一个的库工程如下 .五、小结 第三阶段的完成也就意味着本次网页制作的圆满完毕。自己从这次实践中收获的不仅是网页制作的知识，更是一份独立完成作业的满足和欣喜。在整个过程中我严格按照教师的要求完成制作，同时做到不失自己的风格。在教师的指导下和自己耐心的钻研下，我尽我最大的努力将网页制作到完美。当看到自己的最终成果时，不禁发自心的感慨，感慨一路来的构思、设计、制作、修改最终完美收工。但网页制作的技术很广泛，自己也只是略懂一二，相信还有很多值得学习的地方。任务下达日期：年 月 日 任务完成日期：年 月 日 最终效果图