网页设计源码与申报动画家宫崎骏(含Word申报和DW源码)

大作业报告

学院：学院

姓名：

学号：

专业:

择要：宫崎骏（Miyazaki Hayao，1941年1月5日-），日本有名动画导演、动画师及漫画家， 出生于东京都文京区，1963年进入东映动画公司，1985年与高烟勋共同创立古卜力事情案，其出品的动漫电影以博识的技能、动人的故事和温暖的风格在世界动漫界独树一帜，能与美国迪士尼、 梦工厂的作品比较肩，受到全天下不分种族、不分国籍、不分文化的各种不雅观众的同等好评。
其动国作品大多涉及人类与自然之间的关系、和平主义及女权运动。
宫崎骏在日本动画界霸占超重里级 的地位，更在环球动画界具有无可替代的地位，迪士尼称他为“动画界的黑泽明，《时期周刊》评价他为环球最具影响力的人物。

下面是我对web大略的一个运用，利用dreamwave工具，和photoshop软件设计了一个具有个人风格的个人网站，首先我先从网站设计的方向和目的、网站设计中涉及的知识点、网站设计的全体流程出发，然后通过自己设计的这个个人网站作品来解释并演示一个完全的网站制作过程。
本论文详细的先容了全体网站设计的全过程。
虽然还有一些不敷之处，但页面整体比较都雅大方，具有线上店铺风格，效果良好。

设计紧张包括以下几个版块：

1.人物先容板块

2.采访视频板块

3.手稿欣赏板块

4.紧张作品模块

网站方案思想

宫崎骏（Miyazaki Hayao，1941年1月5日-），日本有名动画导演、动画师及漫画家， 出生于东京都文京区，1963年进入东映动画公司，1985年与高烟勋共同创立古卜力事情案，其出品的动漫电影以博识的技能、动人的故事和温暖的风格在世界动漫界独树一帜，能与美国迪士尼、 梦工厂的作品比较肩，受到全天下不分种族、不分国籍、不分文化的各种不雅观众的同等好评。
其动国作品大多涉及人类与自然之间的关系、和平主义及女权运动。
宫崎骏在日本动画界霸占超重里级 的地位，更在环球动画界具有无可替代的地位，迪士尼称他为“动画界的黑泽明，《时期周刊》评价他为环球最具影响力的人物。

作为宫崎骏的动画迷，我结合课上所需的HTML网页知识设计一个先容宫崎骏的网页，包含图文、视频等多种素材可以选择。

网站的目录构造如下：

css ------存放CSS文件

imgs ------存放图片文件

js -------存放js文件

index.html -----------人物先容页面

yinyue.html -----------采访视频页面

shougao.html ---------手稿欣赏页面

liuyan.html---------紧张作品页面

综合知识的利用情形

2、利用链接：为方便读者的查阅，在各页面n栏都设置了页面链接。

3、插入跳转菜单为了使读者能快捷的回到自己感兴趣的页面，于是在各个页面都插入了跳转菜单。

网页中涉及的知识点

1、可视化网站设计制作软件dreamweaver的闇练利用，站点的创建、导入以及管理；

　　2、主页的创建和设置，模块的保存与运用和子网页的创建、完成；

　　3、用photoshop软件对图片素材进行必要的处理；

　　4、网站整体布局和超链接的添加；

碰着的问题及办理办法

难点:

1.body背景图片显示问题

2.页面都雅度不足高，Dreamewver CS6软件运用不足闇练，软件中所涉及得制作方法以及工具没有更好的运用。

办理办法：

1.配色原则：避免网页杂、乱，有时候单一色彩不为也是一种独特，用色柔和，减少视觉混乱，比拟度强的色彩不能运用于一样平常网站。

2.字体问题：字体是全体网页最能干的部分，若字体不折衷会给人一种呆板的觉得，避免用杂色字体，防止浏览者眼花缭乱。

3.制作习气：制作一个网页紧张的是完美的构思，该当先构思好再动手制作，素材搜集完全，根据主题选材，不能分开主题，确保所用材料与主题干系。

4.完全性：网站的基本格式完全，干系链接，交情链接必不可少，这也增加了网页的方便性

5.得当选取适当尺寸的背景图片非常主要

网页截图

首页（index.html）:利用了

HTML5构造标签，对宫崎骏的业绩进行了高度概括。

头部:（一个顶部图片和n）

中间:

尾部:

2 采访视频:利用video标签嵌入一个本地mp4视频

3手稿欣赏:利用无框线的三行两列的表格对手稿进行布局排列

4 紧张作品：利用带有框线和背景色的表格对紧张作品进行罗列，内部笔墨居中，超链接加蓝色下划线。

心得与体会：

建立一个网站就像盖一幢大楼一样，它是一个别系工程，有自己特定的事情流程，你只有遵照这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
首先，我们要确立网站主题。
网站主题便是你建立的网站所要包含的紧张内容，一个网站必须要有一个明确的主题。
特殊是对付像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。
你没有这个能力，也没这个精力。
网站的主题无定则，只假如你感兴趣的，任何内容都可以，但主题要光鲜，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。
明确了网站的主题往后，你就要环绕主题开始搜集材料了。
常言道：“巧妇难为无米之炊”。
要想让自己的网站有血有肉，能够吸引住用户，你就要只管即便搜集材料，搜集得材料越多，往后制作网站就越随意马虎。
材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要方案网站。
一个网站设计获胜利与否，很大程度上决定于设计者的方案水平，方案网站就像设计师设计大楼一样，图纸设计好了，才能建成一座俊秀的楼房。
网站方案包含的内允许多，如网站的构造、栏目的设置、网站的风格、颜色搭配、版面布局、笔墨图片的利用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
如何方案网站的每一项详细内容，我们不才面会有详细先容。

做好以上三步之后，我们就要选择得当的制作工具。
只管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、利用大略的软件每每可以起到事半功倍的效果。
网页制作涉及的工具比较多，首先便是网页制作工具了，在这里，我们一样平常都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页，对付图片部分的处理，个人以为Photoshop比较好用。

末了，我们就须要按照方案一步步地把自己的想法变成现实了，这是一个繁芜而细致的过程，一定要按照先大后小、先大略后繁芜来进行制作。
所谓先大后小，便是说在制作网页时，先把大的构造设计好，然后再逐步完善小的构造设计。
所谓先大略后繁芜，便是先设计出大略的内容，然后再设计繁芜的内容，以便涌现问题时好修正。
在制作网页时要多灵巧利用模板，这样可以大大提高制作效率。
网页做好之后，就要发布到Web做事器上，才能够让全天下的朋友不雅观看，还要不断地进行宣扬，这样才能让更多的朋友认识它。

以上便是我对付网页制作的一些个人心得，由于本人的技能还不是很成熟，还存在很多的不敷(如：背景过于单调和网页支配不合理)。
选择学习这门课是很精确的选择，虽然在往后不会再有机会去上了，但我还是会通过各种办法连续页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，感激！