step_webpage_implement

实战

经过前面几个步骤的学习，你应该学会如何编写一个网页了。现在你需要利用自己学到的东西，进行一个项目级别的开发实践。

需求

做一个关于你故乡介绍的网站，比如地理，经济，风土人情，新闻几个部分。

• 首页：用上一个步骤学会的图片墙做一个概览介绍页面，下方几个内容区块：地理，经济，风土人情，新闻等。
• 地理分页：利用百度地图API，显示一个地图页面，在地图上面用标签标识出你家乡的一些特殊人文地理位置。
• 新闻页面：左边栏是新闻文章名称列表（根据时间排序），右边是文章内容。点击左边名称，右边内容可以针对性地变化。

帮助

• 页面引用到的图片，可以上传到项目里面，这样通过github来发布图片，你也可以利用第三方的图片发布网站。
• 多用chrome开发者工具来调试页面样式和javascript脚本执行。多用console.log(xxx);来获取程序现在状态信息。
• 借鉴一些好的网站设计。
• 默认的bootstrap样式都差不多，你可以搜索free bootstrap themes，换一种样式，你的网站会大变样。

完成后，创建github project page，把地址发送给教员。

学习资料索引

• bootstrap 学习： 官方文档 教程
• html 教程
• css 教程
• js 教程

达成目标

• 学会如何做一个静态展示网站

恭喜！你完成了第一课，你现在拥有了编写网站的能力，你有什么想做的网站？赶紧开工吧！