详情 目录

共 62 小节 已有 173813 人学过 2018.3.1 推出

通过学习HTML、CSS和JS的知识，使我们具备了设计网页的基础条件，能够通过编写代码来呈现网页效果，给予用户交互的网站界面。但对于刚入门的学员，拥有这些基础技能还不足够，仍然缺乏实战的经验。为了进一步掌握网页制作的要点，我们将通过实战案例，告诉大家主流的网页是怎么制作的，以便将技能提升到实战水平。本套高精度主流页面制作课程由经验丰富的荒城老师主讲，为大家带来个人博客、企业类、资讯类以及电子商城等四种类型主页的制作案例，手把手教您如何制作网页，一定使您受益非浅。

• 第一章：博客页面头部布局和样式
• 第二章：博客页面内容区制作
• 2-9 回到顶部图标效果制作
• 第三章：企业网站案例制作
• 3-1 网页准备及顶部制作
• 3-2 轮播图图片布局和按钮布局
• 3-3 实现自动轮播
• 3-4 实现点击切换
• 3-5 五个logo部分制作
• 3-6 案例展示布局样式
• 3-7 关于我们布局样式
• 3-8 服务流程布局样式
• 3-9 页脚声明二维码制作
• 3-10 悬浮出现二级菜单
• 第四章：新闻类网站首页制作（上）
• 4-1 结构划分和基本准备
• 4-2 顶部灰色导航制作
• 4-3 头部搜索框左半边制作
• 4-4 头部搜索框右半边制作
• 4-5 头部新闻分类导航
• 4-6 隐藏导航布局和点击出现
• 第五章：新闻类网站首页制作（下）
• 5-1 图片区域和新闻列表区域 （一）
• 5-2 图片区域和新闻列表区域（二）
• 5-3 侧栏新闻列表图片和样式
• 5-4 右侧栏热门排行布局和样式
• 5-5 右侧栏热门视频布局和样式
• 5-6 悬浮图标以及回到顶部的实现
• 5-7 登录框的样式和结构（一）
• 5-8 登录框的样式和结构（二）
• 5-9 点击实现遮罩和取消遮罩
• 5-10 点击实现登录框的弹出消失
• 第六章：电商类首页头部布局和样式
• 6-1 大致结构和基本准备
• 6-2 顶部导航样式结构（一）
• 6-3 顶部导航样式结构（二）
• 6-4 logo和搜索框左侧
• 6-5 搜索框制作
• 6-6 搜索框底部
• 6-7 搜索框右侧
• 6-8 左侧导航全部分类结构
• 6-9 左侧导航列表
• 第七章：电商类首页内容区布局和样式
• 7-1 头部横向分类布局
• 7-2 横向分类图标和样式
• 7-3 打折推荐结构
• 7-4 打折推荐样式
• 7-5 每日上新布局和样式
• 7-6 家电区导航结构和样式
• 7-7 家电区图文结构布局
• 7-8 家电区图文结构图片和样式
• 7-9 今日疯抢结构和样式
• 7-10 任性分类结构样式
• 第八章：电商类首页底部布局和样式
• 8-1 布局和实现方式分析
• 8-2 多列布局样式填充
• 8-3 信任证书部分结构和样式
• 8-4 悬浮出现子菜单栏