网页设计技术作品设计说明

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《网页设计技术作品设计说明》，欢迎阅读！



2009级教育技术学专业 《网页设计技术》作品设计说明

班级：09502 姓名：魏玥

学号：0905114051

1.网站的名称和主题

网站的名称是：艺术作品网站（精品课类） 网站的主题是：展示几种类型的艺术作品以及相关艺术作品的简介 2.开发目的

由于现在大部分大学里的公共课程缺乏艺术鉴赏类，我觉得对于艺术鉴赏不仅可供学生欣赏，同时可以提高一个人的审美观，进而优化个人气质，所以做这样一个小型网站。这个网站主要面向学生以及一些对于艺术欣赏的业余爱好者。 3.网站的结构

网站主要包含的子栏目有：现代艺术作品，插花艺术作品，环境艺术作品，摄影艺术作品，创想艺术作品，均主要包含现代的一些作品图片和相关简介、还有相册集链接、flash相册，还有导航；艺术走廊频道：包含“中国民间绘画艺术、中国民间影视艺术、中国民间舞蹈艺术、中国民间戏曲艺术简介的相关链接”；还有用户注册；艺术风采展，包含图片欣赏；站内公告，包含国内外作品欣赏与简介的链接。

站点结构图：myweb-魏玥-image-作品-其他-创想艺术作品-插花艺术作品-摄影艺术作品-环境艺术作品-现代艺术作品

4.首页的制作过程

首页制作过程：做好框架布局，选用Dreamweaver中的“布局-右侧和嵌套的上方框架”；然后设置背景颜色为“黑色”；接下来制作各部分框架的内容：各个部分框架的设置基本相似，制作过程：“插入表格，并对其属性进行相关设置，设置方法就是运用css样式进行相关设置，并对相关文字及图片属性进行设置，也采用css样式进行设置（frame1、3相同），frame1在前面的基础上，采用了在Dreamweaver中的“插入-图像对象-鼠标经过”操作，使图像具有交互效果，frame2在前面的基础上多采用一个flash相册制作‘插入flash元素，然后对其相关属性进行设置’”，关于“注册”、“相册”以及最后的首页做好相应链接，链接到之前已做好的子页（其中‘注册’的各种表框采用Dreamweaver表单进行相关添加，同时使用JavaScript体现交互效果），最后做好导航（同样是链接到已做好的子页）。页面元素添加在Dreamweaver中用插入图片就可以添加，文本直接输入即可。属性的设置均采用css样式设置。各种链接的添加采用“a href 连接到相关已做好的地址，并将首页target设为在当前网页所在窗口中打开，接下来除了‘现代艺术作品’设为在父窗口中打开，其余均设为在在



2




当前窗口中打开链接所指向的网页”，最后用©做好版权归属。最后在首页和每个子页面插入背景音乐“星星小夜曲”，采用Dreamweaver中的“行为-播放声音-选择要播放的音乐-属性-改变‘参数’”。 5.典型子页面制作过程

对于“艺术创想作品”该子页，采用布局中的“上下框架”，然后插入相应数量的表格，首行表格中插入相关图片，并对其进行连接作为导航，可以返回前面的页面，接下来输入文本，将图片插入相应表格，并对部分表格进行属性变化，采用的是“插入-图像对象-鼠标经过”使图像具有交互效果，再接下来，在Dreamweaver采用一个flash相册制作‘插入flash元素，然后对其相关属性进行设置,最后，对“相册”版块进行相关链接，属性采用css样式设定，并且做好返回或前进的导航，用©做好版权归属。

6.设计总结

我觉得我做的最好的地方就是采用了Dreamweaver中制作flash相册，这样可以使整个网站看起来不那么刻板，同时也是一种交互作用的体现，比较简单。同时文字与图片的适当运动，也是整个网站比较动感，还有色彩搭配很自然，使得背景与文字浑然成一体，色彩的和谐搭配使得观者看来像是内嵌在背景层中的，还有整个网站操作非常简单。

通过这次网页制作，我的感觉就是，在制作之前一定要做好站点规划，其次就是做好整体网站的布局，然后构思好先做那部分比较好，提前做好制作过程的整体规划，选择自己最熟悉与常用的方法，做一个简单、易操作的网站，便于各层人群使用，并且可以很快了解我的网站的意图，与此同时，也更加使我熟悉并灵活掌握了学过的一些创作方法，再次基础上自学并使用一些相对简单的方法：如：flash相册制作，我个人比较喜欢这个方法。当然，在创作过程中也遇到很多问题，在不断地改进中完善自己的作品，虽然很简单，但是我觉得自己做起来很困难，所以我觉得知识在于活学活用，并且要在不断地练习中才能掌握的比较扎实。



2

本文来源：https://www.wddqxz.cn/911ba5fff68a6529647d27284b73f242326c3184.html