搞定网页排版的底层逻辑
这门课专门解决“文字和图片怎么摆才不乱”的问题,目标是带你做出医院挂号平台的界面。它适合完全零基础,或者以前只写过几行代码但总被样式弄晕的人。门槛不高,但需要你愿意慢下来,把那些枯燥的属性一个个敲进代码里。别指望看一遍视频就能记住所有规则,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继承、层叠





