项目3(进阶项目)教育门户网站前台设计.pptxVIP

项目3（进阶项目）教育门户网站前台设计主讲教师：李 琳知识目标知识目标：掌握响应式网页设计方法掌握多网页站点设计方法能力目标能力目标：能使用Bootstrap进行响应式网页设计能设计多网页站点 目 录3.1 项目介绍3.2 知识准备3.3任务1网站规划与设计3.4任务2学院首页3.5任务3 专业介绍页面3.6任务4 关于我们页面3.7任务5 最新资讯页面3.8任务6 联系我们页面3.9任务7 项目进阶3.10任务8 课外实践3.1项目介绍本项目将设计一个教育机构的门户网站，以多页面的形式展示该教育机构的各项信息3.2 知识准备3.2.1Bootstrap样式框架Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。目前最新的版本为v3.3.43.2 知识准备3.2.1Bootstrap样式框架1、布局容器2、栅格系统3、表格4、表单5、按钮6、图片形状3.2 知识准备3.2.2JavaScript基础JavaScript是一种轻量级的编程语言，一般嵌入在HTML页面中，由浏览器执行3.2 知识准备3.2.2JavaScript基础1、JavaScript语法特点2、JavaScript变量3、JavaScript基本