Web前端网页制作初级教程

Web前端网页制作初级教程

最近更新: 2025-09-17
Web
前端
网页
制作
初级教程
28+
关任务
348+
课时
1011
人学习
387+
条好评
本课程从最基本的概念开始讲起,步步深入,主要围绕div+css浮动布局,配合HTML常用语义化标签以及CSS样式属性,搭建自己的前端CMS页面。带领大家学习HTML、CSS样式基础知识,了解各种常用标签的意义以及基本用法,后半部分教程主要讲解CSS样式代码添加,为第一个项入门级动态项目“CMS系统”做准备。
128
第 1 章: Web原理及开发构建 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 9 节 【3小时18分54秒】
1-1: 介绍网站给你认识 15分32秒
1-2: 认识HTTP协议 15分32秒
1-3: 了解动态网站开发所需要的构件 15分32秒
1-4: 主流的Web应用程序平台介绍及安装WAMP开发环境 15分32秒
1-5: 优秀的Web全栈程序员养成史 15分32秒
1-6: 二次开发产品 - PHPCMS下载及安装 15分32秒
1-7: 二次开发产品 - PHPCMS前后台简单操作 15分32秒
1-8: WEB全栈第一关 - Web原理及开发构件通关作业 5.58M
1-9: Web原理及开发构件相关资料下载 5.58M
第 2 章: HTML常用标签 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 8 节 【3小时18分54秒】
2-1: 代码初体验 - 认识HTML 15分32秒
2-2: HTML主体结构 15分32秒
2-3: HEAD标签中常用的标签 15分32秒
2-4: HTML文本及文本格式标签 15分32秒
2-5: 语义化布局标签及列表标签 15分32秒
2-6: 超链接标签及多媒体标签 15分32秒
2-7: Web全栈第二关 - HTML常用标签通关作业 5.58M
2-8: HTML常用标签相关资料下载 5.58M
第 3 章: 表格及表单标签 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 5 节 【3小时18分54秒】
3-1: html表格相关标签及属性 15分32秒
3-2: html表单相关内容 15分32秒
3-3: html框架标签 15分32秒
3-4: WEB全栈第三关 - HTML表格、表单通关作业 5.58M
3-5: HTML表格及表单标签相关资料下载 5.58M
第 4 章: CSS的基础与应用 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 11 节 【3小时18分54秒】
4-1: 认识css以及放置css的几种方式 15分32秒
4-2: 基本选择器 15分32秒
4-3: 层级选择器 15分32秒
4-4: 属性选择器及状态伪类选择器 15分32秒
4-5: 字体属性 15分32秒
4-6: 文本属性 15分32秒
4-7: 背景属性 15分32秒
4-8: 尺寸属性及列表属性 15分32秒
4-9: 课堂笔记 5.58M
4-10: 资料 5.58M
4-11: 认真完成作业要求 5.58M
第 5 章: DIV+CSS标准化页面布局 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 14 节 【3小时18分54秒】
5-1: 相对定位 15分32秒
5-2: 绝对定位 15分32秒
5-3: 固定定位 15分32秒
5-4: 定位属性练习-百度登录效果 15分32秒
5-5: 布局属性 15分32秒
5-6: 布局属性 15分32秒
5-7: 页面布局练习 15分32秒
5-8: 盒子模型-margin 15分32秒
5-9: 盒子模型-border 15分32秒
5-10: 盒子模型-padding 15分32秒
5-11: 标准盒模型及怪异盒模型 15分32秒
5-12: 课堂笔记 5.58M
5-13: 资料 5.58M
5-14: 本节作业 5.58M
第 6 章: 项目实战-CMS前台页面布局实战 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 7 节 【3小时18分54秒】
6-1: 公共类样式获取 15分32秒
6-2: 网站公共头部布局 15分32秒
6-3: 网站公共底部布局 15分32秒
6-4: 网站主体内容布局(上) 15分32秒
6-5: 网站主体内容布局(下) 15分32秒
6-6: 资料 5.58M
6-7: 本节作业 5.58M
第 7 章: 项目实战-CMS后台页面布局实战 ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ ‥‥‥‥‥ 共 7 节 【3小时18分54秒】
7-1: 后台网站布局及头部编写 15分32秒
7-2: 网站后台左侧布局 15分32秒
7-3: 网站右侧页面(配置页面、管理员信息页面)编写 15分32秒
7-4: 用户列表页面制作 15分32秒
7-5: 用户添加页面 15分32秒
7-6: 资料 5.58M
7-7: 本节作业 5.58M