典型首页设计
上一节
下一节
本课要点：
浩海科技首页制作
一、根据效果图，分析确定网页的结构图
效果图如下：
二、准备工作
创建相关文件夹和空白H5页面
三、各部分的实现
1、首页头部区域的实现
2、bannner区域的实现
3、“关于我们”区域的实现
沓世邦
目录
-
1 Web前端职业前景与重要概念
-
1.1 初识HTML
-
-
2 HTML5页面的构建与简单控制
-
2.1 DW环境与H5入门
-
2.2 HTML5常见主体元素
-
-
3 CSS3基础入门
-
3.1 CSS3基础
-
3.2 盒模型
-
3.3 CSS3进阶
-
-
4 实现Web前端排版的基本美化
-
4.1 CSS文本排版
-
4.2 控制图像和超链接
-
-
5 浮动、定位与列表
-
5.1 浮动与清除
-
5.2 定位
-
5.3 图像与浮动实训
-
5.4 纵向列表
-
5.5 横向列表
-
-
6 增强型表单与简易表格
-
6.1 表单的创建与常用控件1
-
6.2 表单常用控件2
-
6.3 登录表单实训
-
6.4 表格
-
-
7 CSS3与H5高级应用
-
7.1 第一课时 CSS Sprite与渐变
-
7.2 第二课时 变形与过渡
-
-
8 pc端典型页面的设计与实现
-
8.1 典型首页设计
-
8.2 典型首页设计2
-
8.3 典型首页设计之3
-
-
9 多设备响应式页面的实现
-
9.1 响应式页面开发
-
9.2 响应式页面开发实例(1)
-
9.3 响应式页面开发实例（2）
-
9.4 响应式页面实训
-
-
10 Web App 类页面设计
-
10.1 Web App开发基础
-
10.2 Bootstrap的CSS
-
10.3 Bootstrap栅格系统
-
10.4 Bootstrap插件
-
-
11 期末考查
-
11.1 期末考查讲解
-
