内容简介

教学目标

窄屏模式网页设计_任务发布

窄屏模式网页设计_技能点

窄屏模式网页设计_准备工作

窄屏模式网页设计_step1_框架搭建

窄屏模式网页设计_step2_导航栏设计

窄屏模式网页设计_step3_jumbotron标题

窄屏模式网页设计_step4_设计各板块内容

窄屏模式网页设计_step5_自定义CSS美化页面

窄屏模式网页设计_案例小结

固定布局模式网页设计_任务发布

固定布局模式网页设计_准备工作

固定布局模式网页设计_step1_框架搭建

固定布局模式网页设计_step2_内容布局排版

固定布局模式网页设计_step3_设计标题内容

固定布局模式网页设计_step4_设计Column版块内容

固定布局模式网页设计_step5_响应式导航栏设计

固定布局模式网页设计_案例小结

登录界面实战_step1_任务发布&技能点分析

登录界面实战_step2_加入表单登录各组件

登录界面实战_step3_加入用于美化的CSS

登录界面实战_step4_将表单元素应用CSS

登录界面实战_step5_强化功能效果

登录界面实战_案例小结

实战流动布局_任务发布

实战流动布局_技能点、准备工作

实战流动布局_step1_整体框架搭建

实战流动布局_step2_顶部导航栏设计

实战流动布局_step3_标题版块设计

实战流动布局_step4_内容明细响应式设计

实战流动布局_step5_设计侧边导航栏

实战流动布局_step6_重构侧边导航栏小屏幕隐藏

实战流动布局_step7_重构标题栏加入动态内容

实战流动布局_step8_为动态内容附加JS事件

实战流动布局_案例小

营销类网站设计_任务发布、技能点分析

营销类网站设计_准备工作、实现步骤分析

营销类网站设计_step1_首页整体框架设计

营销类网站设计_step2 _细化顶部导航栏

营销类网站设计_step3_设计突出显示标题

营销类网站设计_step4_内容明细的设计

营销类网站设计_step5_自定义CSS美化页面

营销类网站设计_案例小结

网页顶部与底部粘贴效果_任务发布

网页顶部与底部粘贴效果_技能点与准备工作

网页顶部与底部粘贴效果_step1_整体框架布局

网页顶部与底部粘贴效果_step2_顶部导航栏

网页顶部与底部粘贴效果_step3_底部元素设计

网页顶部与底部粘贴效果_step4_内部部分设计

网页顶部与底部粘贴效果_step5_底部导航固定效果

网页顶部与底部粘贴效果_step6_自定义CSS美化页面

网页顶部与底部粘贴效果_案例小结

博客页面_任务发布

博客页面_技能点与准备工作

博客页面_step1_整体框架搭建

博客页面_step2_顶部导航栏

博客页面_step3_尾部内容设计

博客页面_step4_设计顶部标题

博客页面_step5_内容部分排版设计

博客页面_step6_底部文章分页

博客页面_step7_侧边栏内容设计

博客页面_step8_加入CSS美化头部菜单

博客页面_step9_加入CSS美化尾部内容

博客页面_案例小结