基于Bootstrap的网页设计.ppt

《基于Bootstrap的网页设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于Bootstrap的网页设计学院计算机科学与通信工程学院专业软件（嵌入式）学生姓名缪江超Bootstrap-basedwebdesignJIANGSUUNIVERSITY选题背景BACKGROUND研究意义1.当今社会网络已是人们生活中不可或缺的信息传递媒介。2.软件界面是人机交互的窗口，一定程度上决定着用户的体验和使用效能。3.Bootstrap是目前最受欢迎的前端框架选题背景研究意义SIGNIFICANS理论意义实践意义1.了解网站界面设计2.体会Bootstrap框架3.熟悉HTML5、CSS31.增强

2、动手能力2.掌握WebStorm3.改善实验室信息系统文献综述REVIEW结构规划功能设计总结关键词：Bootstrap布局架构界面设计前端开发实验室网站主要观点：1234我们的主题必须小而精，能够明确表达网站内容即可。网站主题面对众多的工具我们需要选择合适的开发工具来帮助我们高效的完成任务。网页制作工具筛选网站内容材料，尽量删除与主题无关的信息同时保留网站有价值的内容。网站界面网站整体形象个人的感受，是网站的特色。网站风格文献综述结构规划STRUCTURE功能设计总结系统功能模块结构图文献综述结构规划布局设计F

3、UNCTION总结一.网站设计要素文献综述结构规划布局设计FUNCTION总结二.网站布局步骤（1）草图（2）粗略布局（3）细化布局开始时我面对的是一张白纸，根据内容整体风格粗略勾画出布局轮廓。开始将主要内容放入网页中，如标志、菜单、导航条等，将轮廓在电脑上初步体现。利用WebStorm把草案做成一个简略的网页，考虑文字、图像等元素的排版布局。文献综述结构规划布局设计总结SUMMARY这次的网站界面设计充分运用Bootstrap的特性，其响应式布局可以更好的适应电脑，手机，平板等多种设备，比起原先的网站界面更清晰

4、。但也因为自身经验知识不足的原因，其功能美观方面仍有待改善。这次实践是对自己一次很大的考验，网页设计跟自己所学相关性很大却又没有专门学习过，所以在设计过程中也遇上了不少的问题。最后自己坚持基本完成了任务，同时感谢马汉达老师对自己在这次设计中的帮助。谢各位老师给予指导