HTML+CSS实践项目之摄影图片分享网站开发自我总结

摄影图片分享网站的开发

【项目前提】

1. 掌握HTML语义化标签；
2. 掌握css基本语法；
3. 掌握css选择器的使用；
4. 掌握css盒子模型；
5. 掌握css浮动；

【项目说明】

        随着人们的收入水平也越来越高，物质水平也相应的提升，大家都有更多的时间和收入去做一些自己喜欢的事情，摄影作为一门艺术受到了很多人的喜爱，照片也成为了人们分享生活，保存美好的一种方式。本网站的开发主要适用于摄影店的网站开发，可以通过网站让顾客对本店有所了解。

       本网站开发包含首页、风景篇、美食篇、人物篇、联系我们等5大页面组成。每个页面都包含了导航栏、主要界面及底部联系信息。

网页结构图：

 摄影网站开发自我小结

• HTML语义化标签和css基本语法掌握的程度不高，对其运用不熟练，仍需努力。
• 选择器的使用经常出错，我发现对选择器权重的计算在实际开发时尤为重要。
• 盒子模型，说难不难，说易不易，首先得弄清楚页面的组成部分，以及每个模块的内容，再在开发过程中参照页面的头部，身体，底部的顺序进行，每一个部分的开发结合盒子模型的思想进行布局，方便实用，简洁明了。
• 在开发过程中应用W3Cshool文档进行查询。https://www.w3school.com.cn/html/index.asp
• Snipaste工具，截图、取色、测距都很是方便实用。