网页设计与制作总结
2020-03-03 05:38:23 来源：范文大全收藏下载本文
网页设计与制作
实训报告
班级：多媒体152
姓名：张莉钧
学号：201501032118
指导老师：薛杨 王淑惠
实训时间：6.20——6.24
一、实训目的：
1、进一步熟悉和掌握网站建设的基本流程和技术规范；
2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；
3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；
4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；
5、具备独立撰写实训报告基本能力；
6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；
7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予
以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础
二、实训项目——特色美食餐厅网站设计
1、网站主题
我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。
2、网站材料
主要在网站上搜集所要的网页信息，包括图片、文字。同时，查
询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
3、网站规划
我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。
三、网页设计工具使用
1、Dreamweaver——我们使用它做网页的主要布局。
2、Photoshop——我们使用它做网页图片的处理以及logo的制作。
3、Flash——我们使用它制作动画
四、网站设计流程
1、主页设计
2、色彩搭配
五、网站测评
网站建成后为了出现不必要的错误，需对它进行测评，测评的主要内容为
1、链接有效性，静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以了。
2、网页语言的正确性，检查网页中英文拼写与html语言是否正确，在静态网页中语言都是自动生成的所以语言的正确性一般不会有太大的问题。
3、网站便用性，检查网站的整体结构是否清晰以及网站页面的导航是否清晰。
最终效果图
总结：
通过学习一学期的网页设计，我们收获了不少，我们这次实训虽然只做了一个网站，但这个里面包括的内容很多，主要包括网站主页的布局设计，建立站点，网页与网页之间的连接，以及模板和c样式表的应用。
收获：通过一个星期的网页设计实训，从中学到了不少的网页设计知识，之前都是老师讲得比较多，总以为很难实现，但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂，但是慢慢学会分析就会懂。
不足：当然这次实训我也有不足，比如c样式表不能灵活应用，网页布局也不够完美，不过多亏了王老师和薛老师的细心指导，我才能完成这次实训。
Flash实训总结
班级：多媒体152
姓名：张莉钧
学号：201501032118
指导老师：薛杨
实训时间：2.
flash培训实训总结提要：
这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，
1、确定动画剧本及分镜头；
2、设计出不同字母间的完美转换。、
一、实训目地：让我们更熟练的应用flash制作动图
二、实训项目——不同字母间的形状变换
1、先要确定使用的字母w o r l d
2、再给每个字母使用不同的颜色以及给它们变形
3、最后再给每个字母做不同的变换方式
三、总结 实训收获: 通过这次实训我更加巩固了对flash的应用，虽然这中间有很多失误和很多不必要犯的错误，但更多的是收获，这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，
1、确定动画剧本及分镜头；
2、设计出字母形状；
3、导入到flash进行制作；
4、剪辑配音。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。 存在的问题及解决思路: 这几个星期我学习的flash大多是比较基础的，Flash中字母刻画不够完善，很多动作，变形都需要有一定的美术功底及Flash基础，对于初学的我很困难，所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手，只好从大量的视频、书籍里寻找答案。 4．结束语
为了对Flash的现况有更好的了解，主要是对于网上一些MV做了参考。现在的FlashMV已经逐渐成熟了。MV的制作从开始的大量使用位图，转换为矢量后让它们移动来制造动画效果，或者是一些简单的闪入、闪出来丰富画面，发展到现在的广泛使用矢量图甚至手工作图，一些费心思的逐帧动画让我看到了Flash的日渐成熟；从以前的生硬呆板，发展到今天的生动、逼真。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。我不仅复习熟练了相关的课程、专业，还学习掌握了很多知识，同时也认识到还有很多基础知识要去学习，去巩固。在以后的时间里，我将花费大量的时间用于学习Flash及相关知识，在Flash之路上我会走的更远。
人人范文网 m.inrrp.com.cn 手机版