导航:首页 > 万维百科 > 静态网页实训设计报告

静态网页实训设计报告

发布时间:2021-03-04 03:21:41

1、跪求:网页设计实训个人总结

网站设计与制作》实训报告
X学院 XX班 XX X号
一.实训时间:
2010年6月7日到2010年6月13日二.实训地点:
科实南213
三.实训组员:
XXX、XXX
四.实训目标:
以金华农特产为主题,制作网站,通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
五.实训策划:
这一周,我们要进行《网站设计与制作》实训,我们认为做网站前最主要的是确定主题、框架和标题栏的设计。因此我们相互讨论之后,确定制作以“健康”为主题的“林安健康网”,但在之后的资料收集和网页的框架的建设中,我们发现出了问题,在确认无法做出效果后,我们决定放弃这个主题,重新建立以“水果”为主题,以我们的名字连体命名的“林安水果网”。以下是我们的策划内容:
1.确定主题。制作网页,首先是确定主题,金华有许多特色水果,水果产品丰富,,经过考虑,确定以金华水果品种为主题的网站 ,建立一个简单的介绍金华水果的网站,专业介绍一些金华地区优秀的水果市场和销售渠道等。我们本次间的网站基本以绿色为基点,绿色是生命的颜色,绿色代表着生机勃勃,所以本站以绿色为风格,让整个网站充满绿的生机。
2.设计主页。主页的设计是整个网站的灵魂,构思导航栏的分类,然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,我们构思大致分几部分,首页,特价专区,优质水果,果树栽培,婺城商场,金东商场,客户中心,联系我们,意见反馈等板块,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。确定导航栏的各个分类标题之后对于建立二级子网尤为重要,我们运用Photoshop CS3技术来设计出导航栏,再用Fireworks CS3或Photoshop CS3技术制作切片,建立导航栏,将整体的主页效果建立起来。
3.资料的搜集。主页的导航栏设计好后,接下来就是对主页导航栏的各个内容进行资料的收集,我们采用大量的资料收集再对资料进行塞选,得到最适合导航栏内容的资料。素材的选择,要符合网站的主题,图片的大小要符合模板的轮廓,我们将不符合模板的用Photoshop处理编辑,然后放入站点底下,进行图文的链接和排版。
4. 建立模板和库。此次网站建设中我们决定大量运用模板和库,运用模板和库对于建立网站提供便利同时也为我们减少大量的工序。本次水果网的建设主要采用两个模板,各具风格,样式标准。
5.各个子网页的建立。我们设计好模板后只要在可编辑区依次编辑所需资料就可,运用模板建立子网页少了很多工序,为我们节省大量的时间。尽管我们建立了模板,但我们在建立子网时很小心,因为一张图片的大小插入就有可能破坏整个模板的结构尤其在使用表格时,因此我们对所插入的图片和表格都得进行测量,做到不影响网站整体的美观。
6.实现网页间的链接。做好个格子网和首页后,接下来就是通过模板的链接,将整个网站中的网页链接起来,过程其实很简单,主要是把要链接的文字和图标选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。通过模板建的几张网页其实超链接都不怎么用链接,只需要修改模板上的链接就可以了,这也是通过模板新建网页的好处,省去一张一张超级链接的时间了。做好这一步后,网站基本算是建好了。
7.向静太网页插入动态效果。在基本建好网页中的插入层和时间轴,制作其动态效果,让整个网页充满生机。我们在网上进行flash素材的收集,通过Flash CS3设计出主题下的风格动态效果。然后插入到静态网页中,使网页更加生动形象。
六.实训心得:
通过这半年的学习实践中 和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了企业水果网站,作为实习的成果。其内容是多样化的。制作网页用的软件是Deamweaver CS3软件。它提供了网页和表单的动态生成到企业级的解决方案。主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于金华水果的网站 ,要对这些有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的介绍金华水果的网站,专门介绍一些金华地区优秀的水果市场和销售渠道等。于是网站主题确立。
然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,首页,特价专区,优质水果,果树栽培,婺城商场,金东商场,客户中心,联系我们,意见反馈等板块,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。
再后是收集资料与素材,大量浏览相关网站,收集关于金华水果的图片,进行Photoshop CS3图片处理和排版,插入好的文章和图片等,还有参考一些好的网站的布局,特色,颜色搭配,背景图等。
再后是设计网页图片,用flash制作网友调查表,用Photoshop制作静态图片。再后是建立站点,和制作网页了,使用dreamweaver制作。
首页内容精彩丰富,首页主要是导航作用。首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,颜色不同,形成对比,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。
简洁实用: 这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求: 布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
利用我们所学的模板设计,制作更完美的页面。将动态网页与静态网页结合起来
再后,调试过程,好多次本来在Deamweaver CS3里好好的,把字调的好好的,位置很对,可在浏览器里御览就出毛病了,不是靠上了,就是靠下了,很不老实,经过再三调试,整理,加了好多表格,终于满意了。
通过温本周的实训,发现自己还有很多的不足。就框架的应用很难把握,切片也很难合理切割,当插入图片的时候把原有的模板给撑破了,精确定位很重要。因为学艺不精,所以不会网页的代码设计,只能通过网络三剑客综合使用。不过也实践中也学到了很多知识,比如原本不知道网页设计还需要切片,表格的嵌套是非常重要的,模板的应用时非常便捷的。还有一些行为中的效果也是蛮不错的。所以这次实训还是很有意义的。

2、静态网页的设计报告怎么写

?

与静态网页实训设计报告相关的知识