前后端开发基础:HTML(DIV+CSS)+JS+PHP

这门课程聚焦于网站开发的基础技能,特别针对 HTML、CSS、JavaScript 和 PHP 的实际应用。对于没有系统学习过网页开发的初学者来说,它提供了一个从零开始构建网站的完整路径。课程内容涵盖静态页面的搭建、动态功能的实现,以及基础的前端布局和后端逻辑处理,适合准备进入 Web 开发领域的学习者。

解决能力缺口:从无到有搭建网站

如果你对网页开发完全陌生,或是想从零开始构建自己的网站,这门课能帮助你填补关键的知识漏洞。课程将从网站建设的基本概念讲起,带你了解前端与后端的分工,以及如何通过 HTML、CSS、JS 和 PHP 实现网页的展示与交互。对于刚接触前端布局的学员,课程特别强调 DIV+CSS 的使用,从基本布局到排版技巧,逐步建立对网页结构与样式的理解。同时,课程也介绍了 PHP 的基本语法和用法,帮助你掌握动态内容生成与服务器端交互的基础能力。

适合什么基础?建议先看哪几块

课程适合对网页开发没有基础,但希望掌握前端与后端基本技能的学习者。建议先观看课程介绍部分,了解网站开发的整体流程和涉及的技术栈。接着,从 HTML 的基础语法开始,逐步过渡到 CSS 布局,再学习 JavaScript 的基本操作,最后掌握 PHP 的使用。这种由浅入深的安排有助于你逐步建立对整个开发流程的认知。

在前端部分,课程通过“我的第一个网页”模块,从静态页面入手,带领你逐步构建出完整的网页结构。对于初学者来说,理解 HTML 的标签和结构是关键,而 CSS 则是让页面变得美观和有组织的重要工具。通过 DIV+CSS 的讲解,你将掌握如何用 CSS 控制页面布局,而不是依赖过时的表格布局方式。JavaScript 模块则提供了一些基础的页面交互示例,帮助你理解如何在前端实现动态效果。

学完能独立做什么?资料怎么配合练习

学完这门课后,你将能够独立完成一个简单的静态网站搭建,并通过 PHP 实现基础的动态功能。例如,你可以创建一个包含多个页面的网站,使用 CSS 进行布局设计,并用 JavaScript 添加一些交互式元素,如表单验证或按钮点击效果。此外,你还将具备初步的服务器配置和网页上传能力,能够使用 FTP 软件将代码部署到服务器上。

为了巩固所学知识,建议结合课程中提到的工具和环境进行实际操作练习。例如,可以使用本地的开发环境搭建 Web 服务器,尝试编写并运行简单的 HTML、CSS 和 PHP 文件。同时,课程中的资料包提供了配套的练习文件,可以帮助你逐步完成从静态页面到动态功能的过渡。通过动手实践,你将更深入地理解这些技术如何在实际项目中发挥作用。

课程目录

1-1 [课程介绍] 网站建设基本知识(前端 后端) (03:27)
1-2 [课程介绍] 网站服务器知识 (01:31)
1-3 [课程介绍] 域名 (02:26)
1-4 [课程介绍] 网站开发工具环境配置 (06:03)
1-5 [课程介绍] FTP软件的使用 (02:18)
2-1 [前端 我的第一个网页] 第一个HTML网页(静态) (02:17)
2-2 [前端 我的第一个网页] 第一个PHP网页(动态) (02:25)
2-3 [前端 我的第一个网页] 认识表格布局table最古老最简单的布局 (06:07)
2-4 [前端 我的第一个网页] DIV+CSS(布局第一课 认识简单的英文单词) (09:15)
2-5 [前端 我的第一个网页] DIV+CSS(布局第二课 开始简单的排版布局) (11:56)
2-6 [前端 我的第一个网页] DIV+CSS(布局第三课 文章列表布局) (15:26)
2-7 [前端 我的第一个网页] DIV+CSS(布局第四课 导航栏布局) (05:58)
2-8 [前端 我的第一个网页] DIV+CSS+table(布局第五课 表单的设计) (12:19)
3-1 [后端 PHP入门基础知识] 初识PHP语法 变量 (05:36)
3-2 [后端 PHP入门基础知识] 用PHP运算加减乘除 (01:20)
3-3 [后端 PHP入门基础知识] 认识PHP中的 if 、if else 语句 (02:59)
3-4 [后端 PHP入门基础知识] 认识PHP中的FOR 循环 (02:16)
3-5 [后端 PHP入门基础知识] 认识PHP中的数组 (06:33)
3-6 [后端 PHP入门基础知识] 认识PHP中的foreach循环 (02:38)
3-7 [后端 PHP入门基础知识] 认识PHP中switch case (02:37)
4-1 [用PHP设计留言本] 认识PHP中的GET POST 表单的提交 接收数据 (12:09)
4-2 [用PHP设计留言本] 认识数据库MYSQL (05:04)
4-3 [用PHP设计留言本] 创建数据库 数据表 (07:33)
4-4 [用PHP设计留言本] MYSQL中经常操作的几个地方 (07:27)
4-5 [用PHP设计留言本] 认识MYSQL中的增删改查之增加数据 (03:20)
4-6 [用PHP设计留言本] 认识MYSQL中的增删改查之删除数据 (01:56)
4-7 [用PHP设计留言本] 认识MYSQL中的增删改查之修改数据 (02:20)
4-8 [用PHP设计留言本] 认识MYSQL中的增删改查之查询数据 (06:44)
4-9 [用PHP设计留言本] 用PHP连接MYSQL (04:49)
4-10 [用PHP设计留言本] 用PHP实现对数据库的增删改查 (05:55)
4-11 [用PHP设计留言本] PHP输出数据库中的数据 (07:27)
4-12 [用PHP设计留言本] 实战留言本提交数据到数据库 (15:11)
4-13 [用PHP设计留言本] 实战留言本从数据库提取数据到前端显示 (11:10)
4-14 [用PHP设计留言本] 实战留言本中的分页显示功能1 (07:54)
4-15 [用PHP设计留言本] 实战留言本中的分页显示功能2 (06:03)
4-16 [用PHP设计留言本] 实现带注册登录功能的留言本之表单设计 (07:42)
4-17 [用PHP设计留言本] 用PHP实现注册功能 (06:26)
4-18 [用PHP设计留言本] 用PHP实现登录功能 COOKIE (09:03)
4-19 [用PHP设计留言本] 用PHP实现修改个人信息功能 (14:33)
4-20 [用PHP设计留言本] 用PHP实现退出注销账号功能 (05:10)
4-21 [用PHP设计留言本] 用PHP实现忘记密码 找回密码功能介绍 (01:58)
4-22 [用PHP设计留言本] 用PHP实现手机短信验证码功能 (08:25)
4-23 [用PHP设计留言本] 用手机验证码找回密码或者修改密码 (11:51)
5-1 [javascript+jquery] javascript基本语法 (05:03)
5-2 [javascript+jquery] JS中的加减乘除 (02:27)
5-3 [javascript+jquery] JS中的if if else 条件语句 (03:35)
5-4 [javascript+jquery] JS中的数组 (04:33)
5-5 [javascript+jquery] JS中的循环输出 (06:09)
5-6 [javascript+jquery] JS控制表单 (09:01)
5-7 [javascript+jquery] JS控制HTML (04:55)
5-8 [javascript+jquery] JS控制CSS (07:58)
5-9 [javascript+jquery] 认识jquery (10:10)
5-10 [javascript+jquery] jquery中的POST传递数据 (06:28)
5-11 [javascript+jquery] jquery中的GET 传输数据 (02:34)
5-12 [javascript+jquery] php封装数据格式为JSON (06:37)
5-13 [javascript+jquery] 用jquery 获取JSON数据显示在HTML上 (03:25)
5-14 [javascript+jquery] 用jquery + PHP 实现无刷新验证表单 (07:42)
5-15 [javascript+jquery] 高级布局之选项卡tab (08:07)
5-16 [javascript+jquery] 高级布局之大图轮播 (11:22)
6-1 [layer(弹出层)] 初次使用layer (02:20)
6-2 [layer(弹出层)] 弹出提示信息 (04:29)
6-3 [layer(弹出层)] 弹出表单 (03:17)
6-4 [layer(弹出层)] 弹出TAB(选项卡)层 (02:36)
7-1 [PHP进阶部分] PHP函数 (06:22)
7-2 [PHP进阶部分] PHP创建文件夹 删除文件夹 (09:08)
7-3 [PHP进阶部分] PHP简单上传文件 (06:52)
7-4 [PHP进阶部分] 简单无刷新上传文件的实现 (10:00)
7-5 [PHP进阶部分] PHP生成缩略图 (05:52)
7-6 [PHP进阶部分] php生成图片验证码 (08:08)
7-7 [PHP进阶部分] PHP截取查找字符串 字符串与数组互转 (09:36)
7-8 [PHP进阶部分] PHP正则表达式 (06:25)
7-9 [PHP进阶部分] php采集网页内容 (11:37)
7-10 [PHP进阶部分] php下载微信文章图片 (08:30)
7-11 [PHP进阶部分] PHP生成HTML (08:02)
7-12 [PHP进阶部分] PHP+mysql实现多级分类 (08:03)
7-13 [PHP进阶部分] PHP将数据库数据生成EXCEL数据 (06:05)
7-14 [PHP进阶部分] PHP把EXCEL数据导入到数据库 (09:13)
7-15 [PHP进阶部分] 后台文章编辑器之kindeditor (05:47)
8-1 [开发响应式文章管理系统] 初次使用boostrap (05:38)
8-2 [开发响应式文章管理系统] bootstrap之响应式布局 (12:03)
8-3 [开发响应式文章管理系统] 前端布局 (06:38)
8-4 [开发响应式文章管理系统] 后端布局 (04:09)
8-5 [开发响应式文章管理系统] 构建数据库 (04:38)
8-6 [开发响应式文章管理系统] 编写PHP后端代码 (05:06)
8-7 [开发响应式文章管理系统] 数据录入 (02:23)
8-8 [开发响应式文章管理系统] 前端显示数据 (03:19)
8-9 [开发响应式文章管理系统] 伪静态配置 (05:47)
8-10 [开发响应式文章管理系统] 上传服务器 配置域名 (11:13)
8-11 [开发响应式文章管理系统] 发布网站到百度站长平台 (08:33)
8-12 [开发响应式文章管理系统] 网站SEO提高网站排名 (07:29)
8-13 [开发响应式文章管理系统] 定时采集文章 (08:27)