静态网页设计专业实训总结报告Word文件下载.docx
- 文档编号:18351453
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:5
- 大小:19.23KB
静态网页设计专业实训总结报告Word文件下载.docx
《静态网页设计专业实训总结报告Word文件下载.docx》由会员分享,可在线阅读,更多相关《静态网页设计专业实训总结报告Word文件下载.docx(5页珍藏版)》请在冰豆网上搜索。
前言
1.对静态网页设计的认识
网页设计介绍
网页设计及网页布局技术
静态网页设计的技术要点
2.主要实训项目及效果
项目1
项目介绍
关键技术应用
作品展示
项目2
项目3
3.实训过程总结
实训收获
存在的问题及解决思路
4.结束语
Dreamweaver是美国mAcRomEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver、FLASH以及在DREAmwEAVER之后推出的针DREAmwEAVER对专业网页图像设计的FIREwoRkS,三者被mAcRomEDIA公司称为DREAmTEAm,足见市场的反响和mAcRomEDIA公司对它们的自信。
说到DREAmwEAVER我们应该了解一下网页编辑器的发展过程,随着互联网的家喻户晓,HTmL技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在woRD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
现如今,数以万计的网站以网页的方式提供了丰富、精彩的信息。
在人类社会进入信息时代的时候,在网络成为通信的主要手段的时候,在计算机网络普及的今天,网页也在它自己的岗位上做出了突出的贡献。
网页是我们在网络上的“代言人”。
从文件的角度来说,一个网页就是一个HTmL文件。
当浏览者输入一个网址或单击某个链接后,在浏览器中显示出来的就是一个网页。
一般网页上都会有文本、图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容,为网页增添了丰富的色彩和动感。
静态网页是指网页文件中没有程序,只有HTmL代码,一般以.html或.htm为后缀名的网页,静态网站内容不会在制作完成后发生变化,任何人访问都显示一样的内容。
网站是一系列逻辑上可以视为一个整体的网页集合,是许多相关网页有机结合而组成的一个信息服务中心。
对于小型网站,是指带有一定主题的多个网页集合;
对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。
在构成网站的众多网页中,有一个页面比较特殊,称为首页,即网站的第一个页面。
动态网页是指网页文件不仅具有HTmL标记,而且还含有程序代码,并使用数据库连接。
动态网页能根据不同的时间,不同的来访者显示不同的内容,动态网站更新方便,一般在后台直接更新。
网页是构成网站的基本元素。
一个网页是否精彩与网页布局有着重要关系。
常见的网页布局类型有“国”字型、“匡”字型、“三”字型、“川”字型等。
其他类型的有:
标题文本型,封面型,Flash型,框架型。
可以用表格的形式讲一个页面分成几个单元格,通过单元格的合并拆分,对网页进行布局,单元格就相当于是一块纸,在纸上写的东西单元格里都可以容得下。
通过设置单元格的长宽对页面进行布局。
框架对网页进行布局有很多优点网页结构清晰,易于维护和更新。
方便用户浏览网页,采用滚动条,可节省页面空间,使网页风格保持统一;
cSS作为网页设计中的一种重要技术,具有以下优点:
,表现和内容相分离,提高页面浏览速度,易于维护和修改,应用apdiv创建网页,网页清晰,易于分块。
应用表单创建网页,应用行为创建网页。
用框架对网页进行布局时有很多缺点:
网页内容无法被大多数搜索引擎搜索到,不被低版本浏览器支持,样式陈旧,无法满足个性化设置,难以实现不同框架中各元素的精确对齐。
在网页设计过程中使用cSS样式表,主要有以下两种方式,内部cSS样式表,外部cSS样式表,应用库创建网页时:
对于站点访问者和开发人员而言,使用交互式网页具有更多用途,使访问者可以快速方便地在一个内容丰富的网站上查找信息,后台管理者可以收集、保存和分析站点访问者提供的数据,,后台管理者可以对内容不断变化的网站进行更新。
静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?
”;
网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;
静态网页的内容相对稳定,因此容易被搜索引擎检索;
静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
静态网页的交互性较差,在功能方面有较大的限制。
应用现有素材,创建网页“中秋送祝福”
插入apdiv标签,插入图片,创建超链接,设置段落
图一:
中秋送祝福
有铁血战鹰的的图片素材及相关资料,对铁血战鹰进行描述,创建“铁血战鹰网页”
关键技术
应用表格布局,插入横线对网页进行美化
图二:
铁血战鹰
现有自然写真的图片,要求自然写真的图片在鼠标经过时换成别的图片,点下导航栏的标题时转向别的网页,制作静态网页,网页名称为自然写真。
练习头标题的应用,超链接的创建,flash的插入,导航栏的创建。
作品展示
图三:
自然写真
3.实训过程总结
这个阶段的实训我们主要是练习网页制作及网站发布的各种知识。
近些年随着计算机的广泛应用,Internet已经成为人们获得信息不可或缺的媒介,特别是Internet的普及和发展,网络已经成为了不可或缺的通信手段。
无论是最新的新闻信息、新产品的出台、新游戏的发布、最新的动态,包括等候就业人才的个人简历,我们都是可以通过网络来获得。
但是什么为这提供平台的呢。
我们又是通过什么来获取这些信息的呢—网页。
由于人们使用网络的频繁,网页作为上网的主要依托就变得非常的重要。
网页讲究的是排版布局,其功能主要就是提供一种形式给每个上网者,让他们能够了解网站提供的信息。
网页设计直接面对的是大量的用户,随时都会反馈回来对网页的批评建议等,可以根据实际情况进行修改,这样做可以使使用者用起来更加的方便。
Dreamweaver工具为我们实现这些提供了便利,下面我将网页制作和网站发布的知识总结如下:
(1)网页制作的前期工作是搜集大量的素材,我们的网页只有是实用的才会是大众喜欢的,搜集素材以充实我们的网页。
当然我们也应该在此时定下网站的方向是什么,剩下的就是靠Dreamweaver进行编辑;
(2)网页的版式设计,版式设计时我们应该有重点,把重要的内容新闻放在醒目的位置上。
规划各元素在网页中的位置关系和表现方法,合理安排图像、文本等元素,使网页布局合理、美观大方;
(3)文本编写,我们的网页中需要大量的文字材料,这就要在网页编辑器中用HTmL语言中的标签编写。
也可以利用网页编辑工具的“所见即所得”功能,直接写入文字。
在浏览器中运行时出现冗余代码时返回代码页面重新进行查看修改;
(4)处理网页之间的关联,这主要是建立合理、高效的网页导航系统;
(5)网页发布过程,主要是将建设好的网页上传到服务器中供用户浏览。
在Dreamweaver基础方面:
制作网页时如何实现网页不跳转就可以出现新的内容,实现页面内的链接;
用代码编写网页上的按钮,实现按钮的各种功能,如刷新,重置,确定操作。
css样式表的概念模糊。
(2)网站风格方面:
一个网站的各个页面之间风格应该是统一的,只有围绕一个风格才会成功。
(3)网站的内容方面:
在制作网站时内容之间应该是相关的,在制作时我们不能追求面面俱到,只能做到精益求精。
杂乱无章的网站是不会有大的发展的。
网页设计实训就快结束了,在这短短的两周里,我学会了很多新的知识,更掌握了新的技能,让我觉得受益匪浅。
在实训时,有空闲就会想到学校里青葱岁月,简单流畅,无忧无虑,回想各位老师的授课,孜孜不倦,学校的生活固然是快乐,但是学校的实训课程真的很重要,因为它能让我们这些在校学生接触到社会的发展,让我们有时间岗位环境,顺利得从单纯的校园生活感到复杂社会生活的不同。
在这一周的时间里,我一心只做网页,做自己喜欢的风格的网页。
经历了一次充实而有愉快的实训,我学会了制作框架、使用锚点、给网页网页插入背景音乐、表格、视频、flash、导航条等更深层次的掌握了它们的用法,现在我心目中的网页也已经大体竣工,我感到很开心,经过这两的不断探索,我喜欢上了这门课程,感觉很有意思。
或许实训的结束代表一段新生活的开始,但是我认为它不但是一门课,需要我们去掌握,同时还可以锻炼我们的逻辑思维能力和思维的严密性,还有就是在制作网页的过程中,更需要有不错的艺术审美观,这样,你做出的网页才会赏心悦目,让人眼前一亮,也就是从此刻起,我决心好好钻研这门课,力求这方面的技能达到顶级。
虽然网页已经完成,可这并不是一件轻而易举的事情,在此过程中遇到了许多以前不曾遇到的问题,多的情况都是自己解决,万不得已之际,我会主动问老师和同学,直到弄懂为止!
让我更加清楚地明白老师平日里的良苦用心,也更加清楚地明白了自己以后应该怎样去做事。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 静态 网页 设计 专业 总结报告
![提示](https://static.bdocx.com/images/bang_tan.gif)