多媒体网站的制作Word格式文档下载.docx
- 文档编号:15392848
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:8
- 大小:258.44KB
多媒体网站的制作Word格式文档下载.docx
《多媒体网站的制作Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《多媒体网站的制作Word格式文档下载.docx(8页珍藏版)》请在冰豆网上搜索。
熟悉Dreamweaver的使用,学会网页的链接和色彩的调配等。
同时更是为了提高自己自己的动手能力、实践能力,将所学的知识与实践相结合,在实践发现问题、分析问题、解决问题,在实践中提高自己。
二、实验题目及要求
1、实验题目:
网页设计
2、实验要求:
采用多种多媒体工具制作精美网页
3、实验工具:
DreamweaverMX、PHOTOSHOP7.0、IE、记事本等等
4、实验设计目标:
根据自己的兴趣,设计一个站点,并能够体现出自己的个性,有多个页面,链接,有整体框架结构,表格定位以及表单处理等,布局合理,色彩搭配协调统一,内容丰富多彩,页面风格独特。
三、总体设计
设计和制作一个网页需要进行合理的规划、精心的准备于详细的设计,完成一份网页大致要经过如下流程:
无论是做什么网页,对网页惊醒合理的规划都要放到第一步,这一步直接影响到一个网页的功能是否完善、结构是否合理、是否够层次,能否达到预期的效果等。
一般规划网页需要从三个方向去思考。
分别是:
网页的主题、网页的内容和网页的对象,主题影响决定内容,而内容又决定影响着网页的对象,这三个方面相互影响相互作用。
1、主题选择
本次多媒体设计网页制作我制作了我们班(计算机08-1)的网站。
作为计算机08-1班的一员,我很荣幸能在这样优秀的班级里生活了三年多。
在这三年里有欢乐痛苦,有美好有伤痛,有惊喜有传奇,但是无论怎样的环境我们都曾一起走过。
2、网页整体构思:
本此设计总共有网页15个,主页为一个标题式框架网页,上方为标题,下方显示站点其他各页的内容,由此构成了网站的主体显示结构。
本站15个网页分别为:
首页,班级建设页,班级特色页,班级精英页、班级荣誉页、班级日志页、班级相册页以及班级留言页。
3、各网页内容
1>
、班级首页:
拥有导航条,网站标志(每个页面均有一个),登陆界面,班级新闻,FLASH的美化背景等全页采用布局表格,中间穿插层结构,板块采用一般的个人网站主页样式等等。
2>
、班级建设:
采用多两列,当中一列设置为导航,另一列插入内容。
3>
、班级精英:
采用同班级建设一样的布局,但所采用的页面图片、背景等有所不同
4>
、班级荣誉:
采用书中各种表单对象,全页置于一个表单域中。
5>
、班级特色:
有班级的集体照作为海报动、班徽及其设计含义,班歌比赛视频以及我们班同学的创业创新实践活动介绍。
6>
、班级相册:
中间插入一个flash元素作为相册作为网页的主体部分,给其设置参数值,插入图片等,为了达到效果可将班歌作为页面的背景。
7>
、班级日志:
主体插入一行一列的表格,再将表格分块,插入背景、图片等,在另一表格内写入文字作为日志。
8>
、班级留言:
主体班级建设班级精英一样的布局模式,不同时背景图片和文字的布局模式。
四、素材准备
要制作一个优秀的网站、一份精美的页面,布局是很重要的,而素材的准备是必不可少的。
在本次网页的课程设计中,为了能够设计出美观、大方、有质量的网页,为此在网页的设计前我准备了大量的与网页制作有关的图片、flash等,其中有从网上搜索得来的,有班级的照片,,其内容基本上与制作班级网页相关,对于某些图片可能达不到自己网页设计时的要求,可用Photoshop等相关软件对图片进行美化修改已达到自己的设计要求。
对于flash由于我能力有限不能直接作出来,只能在网上找一些相关的flash文件下载作为自己网页制作的素材。
五、详细设计
在一切准备工作做好之后,接下来就可以进行我的网页设计了。
1、首先打开Dreamweaver软件,新建一个基本页,在文件列表中输标题:
计算机08-1班班级主页,将其保存在桌面的一个文件夹内。
2、接下来就是新建站点,选择菜单栏中的“站点/管理站点”命令,新建一个站点,在弹出的对话框中选择“新建/站点”新建一个站点。
在弹出的“站点定义为”对话框中对站点进行设置,设置名称,本地根文件夹等内容,在远程信息设置FTP服务器和其他远程信息。
这些都懂好之后,单击“确定”,将站点定义好。
3、在网页中,页面时网页的最基本元素,如何设置网页的页面属性,关系到页面的美观和布局。
在打开的Dreamweaver文本中,在底下的属性栏中选择页面属性,在弹出的对话框中设置外观的字体、背景、文本颜色、文本边距等内容。
4、在文档中运用CSS样式,方便对网页中各个元素的定位。
新建一个CSS样式,设置其属性等内容。
5、一切都准备好之后,接下来就是网页的具体制作了。
首先是主页的制作,在网页中插入一个表单作为自己网页制作的基本框架,在其中先插入一行一列的表格,在表的内插入图片作为自己主页的标题背景。
弄好之后,点击布局模式按钮,进行页面的布局,在这个过程中基本上就是按照之前设计好的页面设计来构造的,在设计过程中包括文本区,登录区,以及要添加的照片等。
设置好之后保存,这样网页的布局就完成了。
在左边的方框中插入要输入的文本,“风采序言”,为了突出主页的效果,在右边的框中插入了登陆界面。
具体方法是:
先在表格中插入一个层,在层中输入等哭界面的信息等,其文本框、单选框、提交按钮等在表单中选择,在下面的属性栏中设置框的属性,经登陆密码设置为保密,最后将插入的层的标签设置为SPAN。
弄好之后接下来就是导航栏的制作,在页面插入的图片中用层来插入导航信息,将其布局均匀,合理分布。
主题的插入同样使用层,在层使用完毕之后将层的标签设置为SPAN,隐藏层的边框。
在页面的右下角插入班级新闻栏目,用插入层来实现,合理的移动位置使其页面布局合理。
在网页的最后插入网页的标志,用表格来实现。
这样首页就做好了,在浏览器中浏览观察网页制作的效果,如有不合适及时进行修改。
6、主网页制作好之后就是分网页的制作。
首先同前面一样,新建一个文件,设置好名字,接着就是布局和基本的内容填充,布局采用其他的样式与主页不同,体现出网页的丰富多彩。
在班级建设页中由于栏目较多将每个内容用相同的模板制作,框架上大体相同。
班级精英页也是如才采用相同的页面布局,所不同的就是背景和图片的选择。
在班级荣誉页中,由于内容较多可分页显示,在窗口中打开代码片段窗口,在窗口中选择导航/基于步骤的/“上一页/下一页”将其插入文本中,当个页面都完成之后,给上下页插入链接。
在班级特色中我插入了班歌的视频,在插入中选择媒体/插件,插入班歌视频,由于本软件只能插入WMV格式的视频,插入前我用会声会影将其格式转换好保存,插入后设置属性,调整边框的大小,使其适应页面结构。
点击视频,然后将页面拆分在代码中插入代码autostart="
false"
>
设置其为非自动播放,也可在页面属性中更改设置参数值autostart为false。
在班级相册的制作过程中,用相册flash作为页面的主体结构,设置其播放的方式为循环播放,在添加相片是可以相片附加解说,还可以设置图片播放的间隔。
在班级留言制作中,每个人的留言显示在文本域中,调整文本域以其适应页面大小。
7、所有的页面都做好之后,接下来就是页面之间的链接了。
首先是首页,在首页导航栏中选择素要连接的文字,班级特色,然后在点击链接选项,就会弹出一个对话框,选择网页,单击确定,看到文字的下面出现一条下划线,说明链接成功,本次网页设计页面较多,链接起来非常麻烦,链接过程中须仔细认真,防止出现链接错误等其他情况。
8、页面美化:
刚刚完成的页面怎么说都有一些单调,为了增加页面的效果,让其更加美观,漂亮,我在其中插入了许多flash,其插入的实现用层来表示。
插入flash之后由于有的flash是非透明的,因此要在代码段中设置其属性,让其背景透明化,可在其中插入以下代码:
<
paramname="
wmode"
value="
transparent"
,用浏览器预览就可以看到效果了,如果位置不适可以调整位置使其与页面相匹配。
美化页面的过程中可也添加背景音乐,增加效果,打开窗口/行为命令,在+按钮中弹出的下拉菜单中选择播放声音,插入要播放的音乐文件(注:
音乐文件的格式须为mid,wav,aiff,au,如格式不相匹配须将其转换成匹配的格式在将其插入)。
在代码片断中,将<
bgsoundscr=年轻的战场.wavloop=”-1”>
插入<
head>
和<
/head>
之间,然后保存页面预览,在代码中还可以插入代码控制其播放声音的大小。
在制作的过成还可以加入时间等标记美化页面。
七.遇到问题及解决方法
a)制作网页框架时调试各个页面大小曾经遇到不少难题。
必须使导航符合普通浏览器尽量不露出滚动条。
因此需要不断调整,试出最佳宽度值。
b)在网页布局时若不使用布局框架则无法控制图片和文字的位置。
但在使用布局框架时发现布局框架结构极其复杂功能强大,有时无法安排调节单元格大小,甚至自动创建或合并单元格。
后来在研究了表格属性和单元格属性并且多次调整之后,明白了布局框架的基本功能。
c)在应用交互式按钮时,第一次保存后在浏览器中很多无法显示。
后来知道按钮是以图片形式保存的,每个交互式按钮要保存3种不同状态的图片,但由于电脑问题每次只保存一张图,因此最后放弃了使用效果不错的交互式按钮。
这方面今后还应当加强学习找出问题。
d)插入flash后在web浏览器中浏览时刚开始是显示不出来的,由于IE浏览器的安全设置组织了该控件。
因此还需要临时允许控件才可播放flash。
之后的鼠标特效和其它特效也遇到此类问题。
八、总结及相关经验
多媒体课程是实践性很强的课程,它要求我们必须大力加强实践环节,通过实践去扩展知识,提高能力。
因此,综合实践是多媒体课程教学的一个重要环节,是对教师课程教学和学生学习效果的集中检阅,对推动学生自术学习,锻炼实践能力,培养创新意识,提高综合应用各种知识的能力,培养学生的全面素质必将起到积极作用。
在这一学期的学习中,可以这样说多媒体的学习和实践给我带来了一路的心路的进化和攀升,更乐给我展示自己心路的新的舞台。
在这一过程中,我深切地体会到科学在头脑中的进补是一个不断摸索的进程。
没有自己的思考和摸索,别人再多的帮助也是竹篮打水,终是一场空。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 多媒体 网站 制作