《前端开发设计》大作业实例

主页设计布局是在网站的左上角是网站标题名称和导航栏菜单，菜单栏主要分为晴空、海边、田野分别用a标签的href属性链接到对应的网易云音乐链接，右上角有个人头像，点击会旋转360度，并播放对应的背景音乐。网站导航栏下方的主体内容分为五个部分，分别是晴空、海边、田野、青春、成熟，每部分内容都包括一张图片和对应主题的文字介绍，图片跟文字的排版使用div+css样式控制宽高和间距大小。网页底部是使用footer标签的Copyright声明。 首先选定 本网页制作工具是前端开发利器： WebStorm，创建前端项目工程，并创建相应的文件夹，存放各个css、js，还有网页中用到的各种图片放到pic文件夹中，背景音乐放到music文件夹中。