基于Bootstrap的网页设计

江苏大学毕业论文答辩报告
文献综述
结构规划
FUNCTION
布局设计
总结
二.网站布局步骤 （1）草图 略纸 开 勾， 始 画根 时 出据 我 布内 面 局容 对 轮整 的 廓体 是 。风 一 格张 粗白 （2）粗略布局 步条 中 开 体等 ， 始 现， 如 将 。将 标 主 轮志要 廓、内 在菜容 电单放 脑、入 上导网 初航页 （3）细化布局 布文 成 利 局字 一 用 。、 个 图简 像略 等的 元网 素页把 的，草 排考案 版虑做 WebStorm
JIANGSU UNIVERSITY
基于Bootstrap的网页设计
Bootstrap-based web design
学 院 计算机科学与通信工程学院
专 业 学生姓名
软件（嵌入式） 缪江超
江苏大学毕业论文答辩报告
BACKGROU百度文库D
选题背景
研究意义
1.当今社会网络已是人们生活中不可或缺的信息传递媒介。 2.软件界面是人机交互的窗口，一定程度上决定着用户的 体验和使用效能。
江苏大学毕业论文答辩报告
文献综述
结构规划
布局设计
SUMMARY
总结
这次的网站界面设计充分运用Bootstrap的特性，其响应式布局 可以更好的适应电脑，手机，平板等多种设备，比起原先的网站界 面更清晰。但也因为自身经验知识不足的原因，其功能美观方面仍 有待改善。这次实践是对自己一次很大的考验，网页设计跟自己所 学相关性很大却又没有专门学习过，所以在设计过程中也遇上了不 少的问题。最后自己坚持基本完成了任务，同时感谢马汉达老师对 自己在这次设计中的帮助。
江苏大学毕业论文答辩报告
谢各位老师给予指导
江苏大学毕业论文答辩报告
3.Bootstrap是目前最受欢迎的前端框架
江苏大学毕业论文答辩报告
选题背景
SIGNIFICANS
研究意义
理论意义
实践意义
1.了解网站界面设计 2.体会Bootstrap框架 3.熟悉HTML5、CSS3
1.增强动手能力 2.掌握WebStorm 3.改善实验室信息系统
江苏大学毕业论文答辩报告
文献综述
REVIEW
结构规划
功能设计
总结
关键词： Bootstrap
布局架构
界面设计
前端开发
实验室网站
主要观点：
1 网站主题
我们的主题必须小 而精，能够明确表 达网站内容即可。
2 网页制作工具
面对众多的工具我 们需要选择合适的 开发工具来帮助我
3
4
网站界面
尽量删除与主题无 关的信息同时保留
网站风格
的感受，是网站的 特色。
筛选网站内容材料， 网站整体形象个人
们高效的完成任务。 网站有价值的内容。 江苏大学毕业论文答辩报告
文献综述
STRUCTURE
结构规划
功能设计
总结
系 统 功 能 模 块 结 构 图
江苏大学毕业论文答辩报告
文献综述
结构规划
FUNCTION
布局设计
总结
一.网站设计要素
设计要素
标题
文字、图 像
链接
留白