搞定网页排版的底层逻辑

这门课专门解决“文字和图片怎么摆才不乱”的问题,目标是带你做出医院挂号平台的界面。它适合完全零基础,或者以前只写过几行代码但总被样式弄晕的人。门槛不高,但需要你愿意慢下来,把那些枯燥的属性一个个敲进代码里。别指望看一遍视频就能记住所有规则,CSS的优先级和浮动确实容易把人绕晕,接受自己一开始学不会的事实,多动手敲,比死记硬背更有效。学完这套流程,你能独立把一个静态的挂号页面搭起来,让医生列表、排班表这些模块位置准确、对齐美观,不再是一堆乱糟糟的标签。

按顺序啃,别急着跳

学习节奏要稳,建议先看“CSS基础语法”和“字体文本样式”,这是地基,哪怕你觉得简单也别跳过,后面全靠它支撑。接着看“背景列表”和“盒子模型”,这是让页面有底色、有结构的关键,盒子模型尤其重要,它决定了你的网页骨架稳不稳。如果前期觉得吃力,可以暂时跳过“定位”和“浮动”的复杂案例,先把基础布局跑通。最后再看“网页布局”章节,把之前学的碎片拼成完整的页面。不要一开始就盯着项目源码看,那是结果,不是过程。先保证你能独立写出几个标准的盒子,再去尝试还原那个挂号平台的界面,顺序乱了,脑子只会更乱。

资料怎么配合练习

配套的源码和文档是给你对照用的,不是让你直接复制粘贴的。看视频时,遇到没听懂的属性,直接去资料包里找对应的代码片段,自己改一改数值,看页面有什么变化。文档里的布局案例图很好用,遇到抽象概念比如“层叠”或“z-index”,先看图解明白原理,再回代码里验证。练习时,尽量把视频里的代码手动敲一遍,哪怕很慢也没关系。遇到报错别慌,检查是不是拼写错了,或者少写了分号。资料包里的每一个案例,都是你练习的靶子,多改多试,手感自然就出来了。

课程目录

CSS
第三章css选择器.mp4 380.98M
第四章CSS继承、层叠、优先级.mp4 326.38M
第五章CSS应用.mp4 47.03M
第一 二章css3基本语法.mp4 217.22M
2.CSS文本样式
第二章字体样式.mp4 219.14M
第三章文本样式.mp4 526.62M
第四章样式应用.mp4 75.82M
第一章和第二章字体样式.mp4 91.85M
3.CSS背景和列表
第二章1、2、3节.mp4 114.08M
第二章剩下的.mp4 154.54M
第三章css列表.mp4 105.75M
第四章课程总结.mp4 20.62M
第一章课程介绍.mp4 28.74M
4.css盒子模型
第二章盒子模型的概念.mp4 16.52M
第三章盒子模型属性.mp4 449.05M
第四章盒子模型的应用.mp4 197.73M
第一章课程介绍.mp4 12.64M
5.float浮动
第三章 实际应用.mp4 70.90M
第一章和第二章float属性介绍.mp4 258.66M
6.CSS定位
第三章 z-index.mp4 71.28M
第四章 案例.mp4 328.83M
第一章第二章position属性详解.mp4 197.97M
7.css网页布局
第二章 基础布局.mp4 299.77M
第三章经典布局.mp4 174.69M
第四章课程总结.mp4 15.31M
第一章 课程介绍.mp4 29.70M
8.css网页布局基础
第一章和第二章网页布局.mp4 726.62M
css项目源码和资料
css背景和列表源代码.rar 1.97M
css背景与列表ppt.pdf 401.13kb
CSS布局案例.pdf 193.91kb
css基础.pdf 851.97kb
CSS基础(源代码).rar 1018.15kb
css网页布局案例.rar 418.75kb
CSS网页布局基础.pdf 259.12kb
css字体和文本样式.pdf 853.26kb
CSS字体和文本样式(源代码).rar 675.02kb
float.pdf 269.16kb
float源码.rar 2.77kb
font属性简写 (1).pdf 425.97kb
font属性简写.pdf 425.97kb
HTML标签默认样式汇总.pdf 521.33kb
position定位.pdf 382.70kb
position源码.rar 4.07M
z-inde(教辅)x.pdf 825.90kb
盒子模型(ppt).pdf 927.06kb
盒子模型(源代码).rar 61.26kb
圣杯布局和双飞翼布局.pdf 545.45kb
网页布局基础.rar 655.20kb
页面width属性.pdf 450.58kb
HTML
1.HTML基础
第二章文档段落.mp4 193.22M
第三章列表标签.mp4 423.50M
第四章图像和超链接.mp4 477.27M
第五章HTM基础总结.mp4 29.72M
第一章基本语法.mp4 57.65M
2.HTML表格
第三章表格布局案例.mp4 209.37M
第四章课程总结.mp4 18.33M
第一章基础表格和第二章.mp4 347.19M
3.HTML表单
第二章表单元素.mp4 375.79M
第三章表单页面调整.mp4 119.63M
第四章 表单总结.mp4 27.70M
第一章表单基本机构.mp4 69.63M
4.网页整体机构
第三章案例实践.mp4 184.81M
html资料和源码
HTML 表单(ppt).pdf 466.75kb
HTML标记大全参考手册.pdf 507.06kb
HTML表格(ppt).pdf 624.22kb
HTML基础 (1).pdf 644.79kb
HTML基础.pdf 644.79kb
HTML属性标签大全.pdf 386.53kb
Mac rar文件解压工具.zip 15.40M
mailto的使用方法.pdf 623.01kb
Sublime Text 3安装教辅.pdf 659.43kb
sublime插件安装.pdf 869.23kb
Sublime快捷键教辅.pdf 498.29kb
表单(源代码).rar 87.29kb
表单教辅.pdf 634.25kb
表格(源代码).rar 5.70kb
表格资料.pdf 909.80kb
搭建HTML网页结构.pdf 636.99kb
搭建HTML网页结构(源代码).rar 1.19M
行内和块元素.pdf 541.97kb
颜色代码表.pdf 953.87kb
源码.zip 54.04kb
JavaScript
1.javascript语法
第二章js的语法规则.mp4 38.39M
第六章js的逻辑操作符.mp4 168.43M
第三章js数据类型.mp4 153.92M
第四章js的string和boolean类型.mp4 52.82M
第五章js算数操作符.mp4 108.32M
第一章初识javascript.mp4 41.82M
2.javascript的流程控制语句
7.javascriptBOM对象
第二章js循环语句.mp4 138.26M
第三章break和continue语句.mp4 65.31M
第一章js的分支语句.mp4 191.94M
3.javascript函数
第二章 函数的返回值.mp4 19.16M
第三章 arguments.mp4 13.53M
第四章 求任意一组数的平均值.mp4 17.99M
第一章 函数的定义和调用.mp4 15.13M
4.javascript的内置对象
第三章js对象之string.mp4 369.10M
第一章 第二章js的对象之数组.mp4 458.70M
5.javascriptDOM基础
1-8 DOM属性设置与获取.mp4 32.91M
第二章 DOM(如何设置元素样式).mp4 28.08M
第三章 DOM(innerHTML和className).mp4 19.45M
第一章 DOM查找.mp4 27.21M
6.javascriptDoM事件
第二章事件的绑定.mp4 137.37M
第三章事件类型.mp4 425.99M
第四章 键盘事件.mp4 57.16M
第一章和第二章第一节HTML事件.mp4 124.83M
7.javascript实现轮播特效
第六章 课程总结.mp4 49.75M
第三章 轮播图特效的实现.mp4 733.96M
第四章导航菜单的内容和样式.mp4 394.85M
第五章子菜单的展开和收起.mp4 311.19M
第一二章 轮播图内容和样式.mp4 359.55M
js资料和源代码
BOM基础.pdf 364.54kb
BOM基础(源代码).zip 8.76kb
Date对象之获取和设置月份-getMonth&setMonth(教辅).pdf 535.66kb
DOM事件(ppt).pdf 268.11kb
DOM事件总结(教辅).pdf 664.41kb
JavaScripr之while循环(源代码).zip 1.74kb
JavaScript常用运算符和操作符总结(教辅).pdf 627.40kb
JavaScript分支语句(源代码).zip 3.52kb
JavaScript函数(源代码).zip 1.41kb
JavaScript基础语法(ppt).pdf 417.71kb
JavaScript流程控制语句(ppt).pdf 313.45kb
JavaScript内置对象(ppt).pdf 449.51kb
JavaScript实现轮播特效(代码).zip 276.76kb
JavaScript数组(源代码).zip 5.74kb
JavaScript语法和数据类型(源代码).zip 1.01kb
JavaScript之Date对象(源代码).zip 2.14kb
JavaScript之DOM事件(源代码).zip 7.68kb
JavaScript之for循环语句(源代码).zip 1.37kb
JavaScript之Math对象(源代码).zip 1.67kb
JavaScript之函数(ppt).pdf 224.75kb
JavaScript中的循环总结(教辅).pdf 569.75kb
JvavScript之dom基础(源代码).zip 2.67kb
Math对象的取整方法和获取随机数方法.pdf 533.60kb
screen对象(教辅).pdf 505.46kb
初识JavaScript(源代码).zip 0.47kb
逻辑与、或、非(源代码).zip 1.21kb
数组的排序方法-sort(教辅).pdf 512.87kb
算数及其他操作符(源代码).zip 1.10kb
选取DOM元素的方法(教辅).pdf 588.45kb
Jquery
1.jqueryDOM操作
第二章第二节.mp4 90.45M
第二章第一节.mp4 38.92M
第二章剩下的.mp4 203.09M
第三章修改jquery对象的内容和样式.mp4 201.45M
第四章jquery对象的文档处理.mp4 185.51M
第一章 如何筛选jquery对象.mp4 366.93M
2.jquery选择的艺术
第二章 Jquery的基本概念.mp4 261.26M
第三章 jquery选择器.avi 540.94M
第三章(2).mp4 176.41M
第一章jquery的介绍.mp4 17.94M
3.jquery事件
第二章jquery的事件操作.mp4 223.32M
第一章DOM事件模型.mp4 107.54M
4.jquery插件
第一章(1-80)节.mp4 180.10M
第一章剩下的.mp4 206.48M
5.jquery弹出层案例
第二章弹出层代码的编写.mp4 204.27M
第一章 弹出层的介绍.mp4 71.90M
6.jquery瀑布流布局
第二章 瀑布流布局的结构和样式.mp4 288.55M
第三章 使用js和jq完成定位布局.mp4 489.37M
第四章 瀑布流的追加.mp4 701.39M
第五章 展望未来.mp4 18.46M
第一章瀑布流布局简介.mp4 115.25M
jQuery弹出层案例源码
css
html
images
js
jquery源码和资料
1、jQuery 选择的艺术.pdf 820.87kb
2、jQuery DOM的操作.pdf 328.34kb
jQuery DOM教辅.pdf 630.69kb
jQuery DOM源码.rar 287.13kb
jQuery 丰富的插件.pdf 302.03kb
jQuery 事件的处理.pdf 363.27kb
jQuery 元素选择器参考手册(教辅) .pdf 459.58kb
jQuery 元素选择器语法(教辅).pdf 464.82kb
jQuery插件.pdf 641.29kb
jQuery插件源码.rar 217.16kb
jQuery事件.rar 218.84kb
jQuery事件教辅.pdf 616.77kb
jQuery选择器源码.rar 225.12kb
瀑布流.pdf 299.46kb
jquery测试题.mp4 22.10M
项目实战
photoshop辅助工具
第二章(下).mp4 73.80M
第一二章(上).mp4 208.56M
二章(下)和三章四章.mp4 196.12M
统一挂号平台案例
01.项目简介,开发流程分析,视觉和交互对比.mov 46.19M
02.首页.模块分析介绍.mov 196.38M
03.首页.页面框架代码编写.mov 916.15M
04.首页.基本样式最终效果介绍.mov 72.39M
05.首页.基本样式-模块-top.mov 265.24M
06.首页.基本样式-模块-nav&header.mov 375.02M
07.首页.基本样式-模块-banner.mov 590.15M
08.首页.基本样式-模块-content_news-1.mov 381.08M
09.首页.基本样式-模块-content_close-2.mov 215.22M
10.首页.基本样式-模块-content_tab.mov 1.81G
11.首页.UI组件-UiSearch-part.1.mov 512.89M
12.首页.UI组件-UiSearch-part.2.mov 473.81M
13.首页.UI组件-UiMenu.mov 1.53G
14.首页.UI组件-UiTab.mov 719.24M
15.首页.UI组件-UiBackTop.mov 512.80M
16.首页.UI组件-UiSlider.mov 2.33G
17.首页.UI组件-UiCascading.mov 1.37G
20.按医院查找-静态页面-part.1.mov 391.62M
22.按医院查找-多条件查询原理、分页原理.part1.mov 97.13M
23.按医院查找-分页原理.part2、前端模版原理.mov 147.25M
统一挂号平台源码
img
index.html 11.32kb
WEB综合 - 挂号网.pdf 1.75M
最终测试题.mp4 14.28M
web前端小白入门课程-医院挂号平台/
1.CSS选择的样式
第四章CSS继承、层叠