|
《网页设计与制作》
大作业报告
学院：**学院
姓名：
学号：
专业:
摘要：宫崎骏（Miyazaki Hayao，1941年1月5日-），日本知名动画导演、动画师及漫画家， 出生于东京都文京区，1963年进入东映动画机构，1985年与高烟勋一起创立古卜力工作案，其出品的动漫电影以精湛的技术、动人的故事和温暖的风格在世界动漫界独树一帜，能与美国迪士尼、 梦工厂的作品相比肩，受到全世界不分种族、不分国籍、不分文化的各类观众的一致好评。其动国作品大多触及人类与自然之间的关系、和平主义及女权运动。宫崎骏在日本动画界占有过重里级 的地位，更在全世界动画界具有没有可替代的地位，迪士尼叫作他为“动画界的黑泽明，《时代周刊》评估他为全世界最具影响力的名人。
下面是我对web简单的一个应用，利用dreamwave工具，和photoshop软件设计了一个拥有个人风格的个人网站，首要我先从网站设计的方向和目的、网站设计中触及的知识点、网站设计的全部流程出发，而后经过自己设计的这个个人网站作品来讲明并演示一个完整的网站制作过程。本论文仔细的介绍了全部网站设计的全过程。虽然还有有些不足之处，但页面整体比较美观大方，拥有音乐网站风格，效果良好。
设计重点包含以下几个版块：
1.首页板块
2.举荐板块
3.榜单板块
4.归类板块
5.音乐详情页
网站规划思想
小众音乐，顾名思义，便是听众比较少的音乐。但并不指的是哪些少有人爱好的音乐，相反，指的是哪些少有人发掘的好音乐。
有些低调的独立歌手创作出很棒的音乐，但传播的范围受限，因此只能是一小部分人能够听到，这些应该便是属于小众音乐的一种。
小众音乐和非主流音乐不同样，小众音乐拥有良好的流行性，与公众音乐的比较是在一个有限范围内的相互功效，无绝对性。
能够理解小众音乐便是暂时被埋没了的公众音乐。
我是一名小众音乐兴趣者，平时爱好听各样小众音乐，因此趁着这个作业机会用心做了一个小众音乐归纳归类的网页，便于帮忙一样爱好小众音乐的伴侣发掘更加多宝藏神曲。
网站的目录结构如下：
assets/css ——存放CSS文件
assets/imgs ——存放照片文件
assets/js ——-存放js文件
music ——————存放单曲详情页
index.html —————首页
tuijian.html ———–举荐页面
rank.html ————–榜单页面
category.html———–归类页面
综合知识的运用状况
1、层的运用：在这次网页设计过程中，运用了海量div层来实现图文混排和列表布局。
2、运用链接：为方便读者的查阅，在顶部导航栏设置了页面链接。
3、插进转菜单为了使读者能快捷的回到自己感兴趣的页面，于是在各个页面都插进了转菜单。
4、设置水平循环滚动的照片:首页经过js实现了轮播图
5、运用弹出信息行径:无
6、框架的运用：无
网页中触及的知识点
1、可视化网站设计制作软件dreamweaver的熟悉运用，站点的创建、导入以及管理；
2、主页的创建和设置，模块的保留与应用和子网页的创建、完成；
3、用photoshop软件对照片素材进行必要的处理；
4、网站整体布局和超链接的添加；
遇到的问题及处理办法
难点:
页面美观度不足高，Dreamewver CS6软件应用不足熟悉，软件中所触及得制作办法以及工具无更好的应用。
轮播照片实现技术难度大 处理办法：
合适调节网站配色、字体，避免网页杂、养成良好的研发习惯
学习经过js来实现照片轮播效果 网页截图
首页（index.html）:运用div综合布局，实现照片轮播和规则的图文布局。
头部:一个logo和一个nav顶部导航，一个运用js实现的照片轮播
中间:一个运用js实现的图片轮播，和一个div实现的列表布局
尾部:
2 举荐:运用div实现的图文列表布局
 3归类板块:运用div+css布局实现的多列表榜单布局
4 归类板块：亦运用div综合布局实现的动漫、电子、吉他、钢琴四类音乐的曲目的展示。
5 单曲详情页：音乐图文介绍上面经过audio标签插进了音乐，能够一边看歌曲介绍一边听音乐
心得与体会：
内容是全部网站的核心。在网站设计之前必须知道网站的内容安排。
优秀网页设计是要创立在平凡的`基本上的。而后在详细的规划一个网站时，能够用树状结构先把每一个页面的内容大纲列出来，尤其要制作一个大的网站 (有非常多页面) 的时候，尤其需要把这个架构规划好，亦要思虑到以后可能的扩充性，免得做好以后又要一改再改全部网站的架构，很浪费时间和财力。
大纲列出来后，还必须思虑每一个页面之间的链接关系。是星形，树形，或是网形链接。这亦是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会导致浏览困难，影响内容的发挥。
框架定下来了，而后起始循序渐进有条理，有秩序地做来，就胸有成竹得多，亦会为主页将来发展打下良好的基本。
下一步，就以动手制作详细内容了，题材选定，框架选定，接下来就起始往主页里面填内容。咱们叫作作资料收集
倘若是个人主页，有能力的人完全能够靠自己来创作所有的内容。大部分人的办法是：从报纸，杂志，光盘等媒介中把关联的资料收集整理，再加上必定的后就能够了。另一一个好的办法是从网络上收集，您只要到搜索引擎上查询相应的关键字，就能够找到一大堆的资料。
在准备材料的时候咱们能够用到学习的flash知识来制作有些小的动画和动态照片，flash 供给了功能齐全的绘图和图形工具。能够直接在区里绘画，修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，能够用鼠标或键盘对动画的播放进行掌控，效果可以很直观的反映出来。
而后是起始正式制作主页。经过dreamweaver做为制作软件，只需要用到软件中的有些基本的功能：照片插进和对齐设置;文字的格式、颜色、背景颜色的设置等就能够制作出一个简单的网页。
经过个人网页的制作最后把自己的网页上传到互联网上，那种成就感是没法用语言形容的。在今后的闲余时间，我将会学习制作网页的更加多知识，使它作为自己的一项技能。 ————————————————
| 
发表于 2024-7-27 16:58:28
