设计说明书
班级:动漫设计与制作1301Z 姓名:王政 学号:23
一、详细介绍网站设计的思路;
本学期学习了由孟浩老师教的《计算机应用技术II》课程,该课程的主要内容为网页设计与制作-Dreamweaver CS5,网页设计与制作是当今互联网发展对受众影响最为广泛的表现形式之一,对于我们动漫专业而言传统的网页设计发展中的三剑客-flash、ps以及dw是我们对于本身专业的应用,同样dw也是对我们将来应对发展迅速的用人市场提供了有利的选择空间,我对网页设计也因此产生了浓厚兴趣。本人的设计作品名称是《黄淮学院图书馆读书协会》,栏目分为:社团首页、活动新闻、社团简介、部门设置、下载中心、等6个栏目。左边为快速通道右边依次为协会发展口号、新闻快速通道、相关管理条例,中间为活动新闻条,下为相关图像和版权信息。
二、介绍网站采用的相关技术
通过本学期的相关了解,做一个学校社团的网站首先要符合学校网站的整体风格,即以蓝调
为主红调为辅,背景偏白。因此选用我们孟老师教导的用截图通过ps修改加刀片工具分割技术,实例为孟老师制作的黄淮学院教务处网站为基础,整体参考该页面的布局及颜风格并添加了自己觉得很好的特。同时为了加强网站的亲和度,通过观察腾讯空间的欢迎界面结合我们本专业所学习的flash课程特制作了关于协会风格的欢迎界面,首页大部分使用div+css布局,利用ps图片和渐变背景以及css设置导航栏。“下载中心”栏目使用框架技术,这样能够使不同的资料得以很好的分类和管理。“活动新闻”栏目使用快速模板有助于后期更新新闻的需求。“相关资料以及欢迎界面”栏目使用表格布局以及表格填充样式hover的应用,社团首页的超链接打算用凡科网提供的免费网站,它是集合了免费域名和免费空间的网站,不同于传统建网站的复杂,它简便的提供模板只要上传文字和图像即可相对的也缺少了我们所学习的多样性和自由建设性,虽然是免费的但对于15天登陆和不能百度推广以及添加关键词而言有很大的弊端。相对而言微博要稳定得多,同样这也是需要我们所学dw的设计排版为基础的应用。
三、网站制作记录;
2014年5月18日:构思网站相关文字介绍相关内容。
2014年5月20日:制作网站标题设计log效果背景图片和页面插图结合应用。
2014年5月24日:上网查如何在互联网网页中浏览办法,分别解决域名、空间问题。
2014年5月25日:通过花生壳软件来申请域名,在已有网站申请免费空间出现上传问题通过建站简单的凡科网规避该问题。
2014年5月28日:flash制作欢迎界面的影片,出现浏览器不兼容版本播放系统低的问题,利用gif图牺牲部分像素和网页音乐替代来解决该问题。
2014年6月1日:ps修改参照网页中的文字及刀片分割,出现图像像素微低和多处露底不整体问题,通过ps修改块从而提高像素并通过dw的背景调节修改露底现象。
2014年6月2日:通过ps制作块素材,调节dw中div+css样式的点击特效。
2014年6月3自己免费制作网站日:修改以前黄淮学院学生会失物招领中心网页框架的内容。
2014年6月5日:通过快速模板建立新闻活动分页,出现给定代码应用不相符不好用现象,通过在代码栏分析代码性质删去不需要的代码解决该问题。
2014年6月8日:浏览百度gif图片选择对提升网页亮点的图片并对首页进行应用。
2014年6月10日:交送网页考试作品,通过检查修改网页中的连接问题。
2014年6月12日:回忆网页设计与制作的过程写下设计说明。
四、网站的收获与体会
通过本次学习与制作,基本掌握了网站的制作流程和制作要领对设计排版有一定的提高,对于本专业动漫而言扩宽了动画的应用范围。会对几个简单的命令出现的特效感到好奇,经常将做好的网站放到手机上浏览,在娱乐和让更多人欣赏的同时自己会思考不足和需要改进的地方,当然也有自豪感。通过网页设计与制作然我对于未来的择业也有了更多的选择,我们孟老师的设计与制作网页的教程十分有趣,通过课上的范例讲解和课下视频以及课上课下的问答都使我们能够清晰地明白dw的应用操作命令。通过孟老师的制作网站我们不仅能够学习到技术的应用和创意的理念,而且也能学习到他那种在学校工作和制作网站的奋斗拼搏的精神,我们很多同学也受到了孟老师的良好影响,我们都非常努力的做到完美。争取不虚度大学的时光。这科课程不仅给我的学习带来了新的技术,更是对我的人生一种动力-奋斗的制作而又美好的呈现。
王政
2014.6.22
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论