zhangqiuyang / jsdomband Goto Github PK

材料、网站描述及要求：关于乐队的介绍性文字、一份演出日程表和一些照片；
创建该网站是为了让更多人熟悉该乐队，所以需要有舒适愉悦的感觉。

网站结构：
先建立文件夹，目录结构应如下：
/images
/styles
/scripts

分析：需要通过页面来提供关于这个乐队的所有背景信息。可以把照片集中放在另一个页面上的图片库里；
乐队的演出日程又需要一个页面；还需要创建一个‘练习’页面能让访问者与乐队进行交流；最后，
还需要一个对其他页面进行简单介绍的主页，访问者将从这里开始他们在这个网站上的旅程。

综上所述：
Home: 网站主页
About: 乐队简介
Photos: 乐队的演出照片
Live: 乐队的演出日程
Contact: 供访问者与乐队进行交流

虽然这些页面的内容各不相同，但他们应该具有同样的基本结构；因此，应先为这些页面创建一个通用模板。

网页的结构：
1.标题：相当于这个网站的品牌，这里是Logo的最佳去处
2.导航：你将把通往各个页面的链接排列在这里
3.内容：页面的主要部分

页面视角效果设计（UI设计稿）
切图

样式文件可以利用“@important url(layout.css);”的方式都存放到basic.css文件；
如果后续需要增加或删除一个现有样式表，只需对basic.css文件进行编辑；

主页要有特色，主页是绝大多数访问者在网站上看到的第一个页面。
在网站上为访问者提供一些反馈渠道非常有必要。

该网站完成后，有以下几个特点：
1.Home页上有动画
2.About页上的内容可以有选择地隐藏或展示
3.Photos页上的图片可以实现预览和展示
4.Live页里的演出日程表有清晰易读的样式，且是利用js实现的
5.Contact页上的联系表单只有在用户填写了必填项后才能被提交

而且，把某一项或全部改进去掉，该网站的浏览和运转依旧没有问题。


参考：
http://domscripting.com/domsters/index.html