30个HTML页面 宫崎骏动漫网 宫崎骏动漫大合集 极致设计

本套宫崎骏主题动漫大作业共计30个HTML页面，网页中包含：DIV+CSS、下拉菜单栏、banner轮播图、多处鼠标滑过效果、二三级页面、视频、小图标及按钮设计,拥有展示商城、购物车、表单留言板等，同时设计了logo；本作品花费大量时间去整理素材，大部分素材均使用PhotoShop裁切或调色，各个子页面的图文混排版式也各不相同，期末作业所需的知识点全覆盖，美观度、充实度极高。

静态网站的编写主要是用HTML+CSS+JS来完成页面的排版设计,一般的网页作业需要融入以下知识点：div布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点的体现，软件的话使用Dreamweaver会方便快捷一些，也可以使用Editplus，制作的技巧可参考下方法：

① 运用好盒子的浮动，做好层级的设计，页面会更有层次；

② 设计一个Logo，有图形设计的logo不仅仅是几个文字，可以在iconfont找一些成熟漂亮的图标，切记新手要学会利用素材，而不是搞全新的创作，因为一个完整的LOGO设计可能花费更多的时间...

③ :hover 的运用，比如hover设置底部边框线颜色改变，就会有鼠标滑过变色的效果，也同样可以使用鼠标滑过字体颜色大小改变，背景图的改变等，一句代码、事半功倍；

④ 制作一个漂亮的导航条，无需js使用 ul li即可完成一个带下拉菜单栏的导航栏，一个可下拉的导航栏会为整个页面增加不少高级感，建议使用浅灰色不必那么鲜艳，同时加入鼠标滑过效果体验更佳；

⑤ 引入成熟的js轮播图，首页有一个通屏的滚动banner效果会不错，这里可以直接引用成熟的轮播图代码事半功倍，在这里不要觉得不会写js下载代码是不可取的办法，在网页设计上，使用成熟或开源的代码是合理高效的方法，在写网页设计报告的时候也直接写清楚是引用的，自己通过调整尺寸适配等引入到自己的网页中即可；

⑥ 学生作业还是要尽可能的将所学知识点融入在网页中，比如音频、视频、表单验证等功能的运用，也是丰富页面的一个手段；

大设计师论坛原创作品，转载请注明处处~