杨校老师的博客_HTML

杨老师教你学会使用富文本编辑器KindEditor之添加页面设计

今日课堂无聊，简单写了些前台，顺便给大家说说富文本编辑器的使用教程对于分类描述，我采用了富文本编辑器~KingEditer的插件。什么是富文本编辑器？1.搭建富文本编辑器去KingEditor官网去下载KingEditor文件 kingeditor网址链接： ://kindeditor.net/demo.php [不过要翻墙]或者直接CSDNhttp://downloa...

富文本编辑器

Kindeditor

添加页面设计

html

java

原创 2022-02-10 15:14:32 208 阅读

杨老师课堂之网页制作HTML的学习入门-含有案例

网页制作入门 - Html的学习本篇所授任务网站信息页面案例网站图片信息页面案例网站友情链接页面案例网站首页案例网站注册页面案例网站后台页面案例教学导航教学目标了解什么是标记语言教学目标了解HTML主要特性,主要变化及发展趋势教学目标了解HTML的结构标签教学目标掌握HTML的主要标签(字体,图片,列表,链接,表单等标签教学方法案例驱动法1.1 网站信息页面显示案例：1.1.1 需求分析：在网页

html网页制作

网页案例教程

网页开发教程

零基础学网页

html

原创 2022-02-06 17:14:16 103 阅读

杨校老师课堂之HTML5动画特效的风车案例

通过所学的HTML进行制作风车旋转案例！演示：首先看下效果图代码：整套代码如下：<!-- 作者：Mr.yang 时间：2019-05-08 描述：练习HTML5动画的特效案例

HTML5动画案例

HTML5风车案例

CSS3风车案例

CSS3动画案例

html

原创 2022-01-29 11:58:37 193 阅读

杨校老师课堂之WEB前端HTML

目录1. 概念：2. 快速入门：2.1 语法：2.2 代码：3. 认识标签：3.1 文件标签：构成html最基本的标签3.2 文本标签：和文本有关的标签3.3 图片标签：3.4 列表标签：3.5 链

Html知识

选择器

html

css

原创 2022-01-29 11:57:22 91 阅读

WEB前端响应式布局之BootStarp使用

目录1.Bootstrap简介：2. 快速入门3.演示案例4. 响应式布局5. CSS样式和JS插件1.Bootstrap简介：1. 概念：一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品...

bootstrap

ico

ide

原创 2022-01-24 15:00:45 161 阅读

基于EasyUI的后台管理系统页面原型_示例图_下载地址

Java项目后台管理系统-基于EasyUI的后台管理系统页面目录1. 首页：2.1 考试页面：2.2 考试列表页面-添加考试

基于EasyUI的HTML原型

java后台管理系统页面

系统设置

资源下载

下载地址

原创 2022-01-24 14:54:03 191 阅读

HBuilder快速生成代码行的技巧

1.在body内输入div.abc按下tab键效果：<div class="abc"></div>2.在body内输入div#box按下tab键效果：<div id="box"></div>3.在body内输入ul>li{旺财}*3按下tab键效果：<ul> <li>旺财</li> <li>旺财</li> <li>旺

Hbuilder快速生成代码行

属性值

原创 2022-01-16 14:56:28 214 阅读

#yyds干货盘点#杨校老师课堂之微信小程序音乐播放器(中-二)

编写js 在data内设定数据 data:{ item:0, tab:0, playlist:[{ id:1, musicname:'踏山河', singer:'七叔', src:'http://m801.music.126.net/20211215164536/3107b69de07dbc4968178db856c6df61/jd

3c

3d

.net

原创 2021-12-15 17:00:44 205 阅读 yyds干货盘点

#yyds干货盘点#杨校老师课堂之微信小程序音乐播放器(中)

首先编写外围框架1.1 页面布局:<scroll-view class="content-info" scroll-y="scroll-y"> //...此处省略是下面的轮播图、基础功能、热门金曲等页面代码</scroll-view>1.2 页面样式.content-info{ height: 100%;}2. 编写轮播图

基础功能

轮播图

页面布局

原创精选 2021-12-15 09:14:22 826 阅读 yyds干货盘点

#yyds干货盘点#杨校老师课堂之微信小程序调查问卷(简版)

<view class="box"> <form bindsubmit="submit"> <view> <text>姓名：</text> <input name="name" value="韩信" /> </view> <view> <text&

json

原创 2021-12-10 18:00:46 192 阅读 yyds干货盘点

#yyds干货盘点#杨校老师课堂之微信小程序音乐播放器(上)

编写 index.json { "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "音乐播放器", "navigationBarTextStyle": "black"} 编写 index.wxml<include src="header.wxml"></include>&l

xml

播放列表

绑定事件

下划线

页面切换

原创精选 2021-12-09 10:01:04 1180 阅读 yyds干货盘点

#yyds干货盘点#杨校老师课堂之微信小程序计算器制作(下)

初始化界面如下:1.实现计算器的计算逻辑功能在pages/index/index.js// pages/index/index.jsconst calc = require('../../utils/calc.js')Page({ /** * 页面的初始数据 */ data: { num: '0', op: '' }, result: null, isClear: f

事件处理

运算符

初始化

控制精度

数据

原创 2021-12-08 11:28:32 363 阅读 yyds干货盘点

#yyds干货盘点#杨校老师课堂之微信小程序计算器制作(上)

第一块区域是显示结果的灰色区域：(1) 在index.wxml内编写代码<view class="result"></view>(2) 在index.wxss内编写样式page{ display: flex; flex-direction: column;/**垂直方向排列，从上到下**/ height: 100%;}.result{ flex: 1;/* 页面的

微信小程序开发

小程序案例

原创 2021-12-07 09:35:42 308 阅读 yyds干货盘点

杨老师课堂之网页制作HTML的学习入门-含有案例

网页制作入门 - Html的学习本篇所授任务网站信息页面案例网站图片信息页面案例网站友情链接页面案例网站首页案例网站注册页面案例网站后台页面案例教

html网页制作

网页案例教程

网页开发教程

零基础学网页

html

原创 2021-11-23 14:38:27 58 阅读

杨老师教你学会使用富文本编辑器KindEditor之添加页面设计

今日课堂无聊，简单写了些前台，顺便给大家说说富文本编辑器的使用教程对于分类描述，我采用了富文本编辑器~KingEditer的插件。什么是富文本编辑器？1.搭建富文本编辑器去KingEditor官网去下载KingEditor文件 kingeditor网址链接： http://kindeditor.net/demo.php [不过要翻墙]或者直接CSDNhttp://downloa...

富文本编辑器

Kindeditor

添加页面设计

html

java

原创 2021-11-23 14:24:22 330 阅读

杨校老师课堂之WEB前端HTML

目录1. 概念：2. 快速入门：2.1 语法：2.2 代码：3. 认识标签：3.1 文件标签：构成html最基本的标签3.2 文本标签：和文本有关的标签3.3 图片标签：3.4 列表标签：3.5 链接标签：3.6 div和span：3.7 语义化标签：3.8 表格标签：3.9 表单标签4 案例演示：4.1 步骤分析：4....

Html知识

选择器

html

css

属性值

原创 2021-11-23 14:15:35 124 阅读

杨校老师课堂之HTML5动画特效的风车案例

通过所学的HTML进行制作风车旋转案例！演示：首先看下效果图代码：整套代码如下：<!-- 作者：Mr.yang 时间：2019-05-08 描述：练习HTML5动画

HTML5动画案例

HTML5风车案例

CSS3风车案例

CSS3动画案例

html

原创 2021-11-23 14:13:10 71 阅读

WEB前端响应式布局之BootStarp使用

目录1.Bootstrap简介：2. 快速入门3.演示案例4. 响应式布局5. CSS样式和JS插件1.Bootstrap简介：1. 概念：一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品...

bootstrap

ico

ide

html

jquery

原创 2021-11-23 14:10:02 99 阅读

基于EasyUI的后台管理系统页面原型_示例图_下载地址

Java项目后台管理系统-基于EasyUI的后台管理系统页面目录1. 首页：2.1 考试页面：2.2 考试列表页面-添加考试3. 系统设置：4. 资源下载1. 首页：2.1 考试页面：【包含了添加|删除|添加查询下拉列表|分页查询按钮】2.2 考试列表页面-添加考试3. 系统设置：图中左侧列表菜单页面...

基于EasyUI的HTML原型

java后台管理系统页面

系统设置

资源下载

下载地址

原创 2021-11-23 14:08:39 430 阅读

HBuilder快速生成代码行的技巧

1.在body内输入div.abc按下tab键效果：<div class="abc"></div>2.在body内输入div#box按下tab键效果：<div id="box"></div>3.在body内输入ul>li{旺财}*3按下tab键效果：<ul> <li>旺财</li> <li>旺财</li> <li>旺

Hbuilder快速生成代码行

属性值

原创 2021-11-23 13:59:29 165 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

杨校