《大学计算机基础》 专业名称学 号: xxxxxxxxxxx 姓 名: x x 指导教师: x x 实验报告
20xx年12月24日
目 录
第一章 网站主题设计说明 ......................................................................1
1.1 主题内容 ..............................................................................................................1
1.2 设计思路 ...............................................................................................................1
第二章 网站内容设计 .......................................................................................2
1.1 链接1标题 ............................................................................................................ 2
1.2 链接2标题 ............................................................................................................. 2
1.3 flash制作说明 ................................................................................................... 2
第三章 网站技术难点 ......................................................................................3
第四章 心得体会 ..................................... ..... ......................... ..............................4
第一章 网站主题设计说明
1.1 主题内容….……..........................................................1
网站主题为“四季の花”,包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句,色彩缤纷,十分艳丽夺目。
1.2 设计思路………………………………………………2
大多网站都设计的关于音乐,影视,购物等非常热门的东西,本站设计的主题是花,能让人们在闲下来的时候看看花,品品诗歌,所以做有关花的网页是个不错的选择。同时,让人们分清楚春夏秋冬都各有什么典型的花。
第二章 网站内容设计
1.1链接1标题:春の花
春天是生命的季节,在这个季节里,万物复苏。所以就找了虞美人,桃花,牡丹,以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。
1.2 链接2标题:夏の花
夏天充满了激情与阳光,我找了兰花,荷花,百合花等来代表这个季节,色彩艳丽,十分醒目夺人。
1.3 链接3标题:秋の花
大丽花,菊花,月季和牡丹花都竞相出现在本网页,色彩缤纷,赏心悦目。
1.4 链接4标题:冬の花
蝴蝶兰,水仙,迎春花,梅花是冬季的代表,他们刻画了一副傲立冬天的坚强的姿态。
网站技术难点
在制作网页时,要插入很多的图片,而为了清晰,图片都是尺寸比较大的,所以每次插入图片时都要进行调整图片小这一工作,十分麻烦。同时为了观看网页方便,我便每页都创建了可以连接到任意网页的导航栏,所以此工作也是十分繁琐麻烦的。网页的布局同时也是一个难点,为了美观,则要不断调整各图片的大小,色彩搭配以及很多背景色及字体颜色。还有,对于素材的选取也要认真筛选,否则整个网页做完 看上去十分不协调。
心得体会
制作网页是一个循序渐进的过程,我们要在不断练习的过程中,学会怎样去连接,怎么去插入图片,怎么选择一个合适的背景,使得整体的网页更加和谐自然。同时,为了使所做的网页更加充实,我们还要在内容上添加一些诗歌呀,文章等文字性的东西。色彩的搭配,文字的大小,以及所作网页的大小,每一点都是十分重要的,所以只有在每一点都认真的考虑衡量之后,最终做出的网页才会很赏析悦目,独具特色,并且很好的诠释所作网页的主题。
所以,多方面的衡量才能做出一份好的网页,我们一定要多练习才能提高自己的网页制作水平。
第二篇:网页制作实验报告
武汉工业学院
20##-2010学年第二学期
《网站开发工具》课程报告
网站主题:轻松一下——美丽の100%
学 院计算机与信息工程系
专 业信息管理与信息系统
班 级 09级信管二班
学 号 090502229
姓 名 钟雅婷
指导教师 林 菁
2010 年 6 月 10 日
1、 网站主题内容及总体结构描述。
1.·1网站主题:网站的总的主题是轻松一夏,主要的想法来自于想让人在炎炎夏日看到我们的网页时有一种轻松、愉悦的心情。
1·2总体结构:首页大概包含了我们四个人做的音乐、美食、旅游以及夏季护肤这四个不同子页的主要内容,依据我们的不同特点插入了图片,背景色等。然后通过导航条分别链接到四个子页上。
2、 网页设计思路和过程论述。
2·1设计思路:我负责的是夏季护肤方面。本网页中用到了Flash、图像、框架集、导航条的设置应用、表单网页、表单的嵌套等。首先用一个Flash做网页的第一页,起到欢迎的作用。然后链接到第二页上,第二页相当于整个网页的目录,上插有导航条,分别链接到第三还有第四页上。
2·2设计过程:
2·2·1子页——Flash页的设计过程:
(1) 打开Dreamweaver的主界面新建一个HTML页。
(2) 选择 插入/媒体/Flash(F) 插入一个Flash
2·2·2二级子页——框架集的设计过程:
(1)打开Dreamweaver的主界面,点击文件、新建,出现新建网页对话框。
(2)在新建网页对话框中,选择:类别:框架页,框架集:垂直拆分,并点击创建。出
现框架标签对话框。
(3) 修改/框架页/拆分上框架 对左边的框架进行拆分
(4) 然后分别通过 页面属性/背景图像 插入背景图。
(5) 选择 插入/图像对象/导航条 添加导航条,并设置鼠标滑过图片改变。如图(a)所示:
(a)
(6) 选择 插入/标签/HTML/bgsound/浏览 进行背景音乐的添加。如图(b)所示:
(b)
(7) 选择 行为/转到URL/浏览 链接,将Flash页链接到这一页上。
(8) 保存全部。
2·2·3二级子页——food的设计过程:
(1)绘制布局单元格。如图(c)所示:
(c)
(2) 选取所需部分进行文字编辑,剩余部分填充图片。并在该页底部设置返回链接,
连接到框架页。
(3) 将框架页中的food导航条链接到本页。
(4) 在浏览器中预览,再根据需要调整大小,然后保存。
2·2·4二级子页——sport的设计过程:
(1) 用布局表格对网页进行布局再填充相应的内容,如图(d)所示
(d)
(2)在浏览器中预览,再根据需要调整大小,并在该页底部设置返回链接,
连接到框架页。
(3)将框架页中的sport导航条链接到本页,然后保存。
3、结论和总结:
通过本次实验,我充分的领会到了DW的方便。也更加熟练的掌握了对它的的使用,学会了一些以前并不知道的知识如,如何才能在插入背景音乐的时候不要背景音乐的图标,如何让视屏在单击以后再链接到子页上而不是直接自动跳过去等。还学会了如何将以前课堂上学到的网页制作的基本知识串连起来对网页进行设计、处理。在一次又一次误删,被空白页覆盖等等的困难与失败中我学到了很多曾今被看作是小问题而忽视掉的知识。总之,网页设计的大作业让我的知识、细心程度还有耐心都得到了极大地提高。同时还增加我对网页设计的兴趣。