因为毕设有需要用到前端的东西，而我从来没有接触过，之前一直是写后台的代码，只能从零开始学，现在毕设完成了，个人记性又不是很好，写个博客保存一下。 说一下系统环境：PC系统：windows 10 1909版本使用编译软件：IntelliJ WebStorm测试浏览器：chrome(谷歌浏览器)创建项目打开webstrom后点Create New Project后看见下图 说实话，除了第一个剩下的我都
转载
2023-07-12 17:22:04
304阅读
废话不说，直入主题：这是一个休闲益智类游戏，与愤怒的小鸟类似采用Box2dWeb引擎。再开发游戏之前，首先我要把Box2dWeb给总结一下方便以后调用大家可以在http://code.google.com/p/box2dweb/找到最新的源代码和文档、在http://www.box2dflash.org/docs/找到API基本对象：world：主对象body：刚性的物体，有一个或多个形状组成
转载
2024-02-02 08:26:27
64阅读
《html-5 表格的制作》1、教学项目五 HTML中表格的制作【教学内容】讲解HTML中制作表格的标志【教学目的】使学生掌握简单表格的制作【教学重点】表格中单元格的合并操作【教学难点】理解属性rowspan与colspan的含义【教学方式】案例分析式、项目教学【教学参考】1HTML网页制作教程 材义语编著 铁道出版社2、HTML基础与实例 程耀编著 电子工业出版社一、 表格基本标志(1)(2)
转载
2023-08-09 20:30:29
201阅读
html5制作出来的页面，尤其在中发展迅速，借由这个移动社交平台，正在走进更多人的视野。H5页面是最常见的类型，形式多变，包括邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入H5页面到最后落地到品牌App内部，那么如何制作H5页面？
转载
2023-05-24 13:57:58
281阅读
网络有很多优秀的设计和开发工具可能大家都不知道，因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具，这些工具能够帮助设计师们设计出更有创意的作品。随着 HTML5 技术的不断成熟，网络上涌现出越来越多的优秀 HTML5 应用，一起看看下面这些很棒的工具。Online Sprite Box Tool这款在线的 CSS Sprite 样式生成工具，结合jQuery、CSS3和HTML5开发，
自从我制作了一些HTML5游戏（例如Crypt Run）后，我收到了很多建议，要求我写一篇关于怎样利用HTML5 Canvas制作游戏的入门教程。花了一点时间考虑怎么着手写这篇文章后，我决定先实现一个我觉得最最简单的游戏，然后一行代码一行代码地进行讲解。 让我们开始吧，首先看看game.js，当然你也可以先玩玩这个游戏（译注：附件是游戏源码，用浏览器打开其中的index.html就可以
转载
2024-08-28 18:12:56
63阅读
一、开头在之前，我们学习了如何用Construct 2来制作一个简单小游戏，而学无止境，因此本篇主要记录了我进一步利用Construct 2来设计游戏的过程，成果是：进阶的HTML5小游戏——南方侠士传奇。二、游戏策划一个好的游戏设计过程，游戏的策划是至为重要的。为了更好地描述一个游戏的制作过程，这里给出了本文实例游戏的概念（concept）文档，大致分为：游戏名称（name）：南方侠士传奇。楔子
制作工具（Construct）的介绍及安装1.介绍Construct 2是一款入门的游戏引擎，它的界面十分类似Microsoft的Office系列，可以让小白迅速上手。2.安装Construct 2的安装十分简单，文件可以在https://www.scirra.com/construct2/releases/r244下载。下载完后即可进行安装，不用配置环境等等。Construct 2的基本操作·新
转载
2023-10-29 10:40:50
118阅读
表格、表单、列表使用表格：用于展示数据，让数据显示规范；列表：用于布局，让页面布局规范整齐；表单：用于收集用户信息；一、表格table使用（了解）1.创建表格<!-- 表格元素 ，输入table创建-->
<table>
<!-- 表格行标签，输入tr创建 -->
<tr>
<!-
转载
2024-06-05 13:07:35
1286阅读
1.创建表格<table></table>标签用于定义一个表格的开始和结束，在<table>标签内部，可以放置表格的标题，表格行，单元格<tr>用于定义表格的一行，必须嵌套在<table></table>标签中，在<table></table>中包含几对<tr></tr>就表示该
转载
2023-07-12 15:20:33
1211阅读
# HTML5微场景制作教程
在现代网页设计中，HTML5已成为构建复杂交互和视觉效果的强大工具。通过HTML5，我们可以轻松地创建富有表现力的微场景，让我们以此为基础，学习如何制作一个简单的微场景，并在其中展示一个旅行的图示。
## 什么是微场景？
微场景指的是小型的、简短的互动场景，通常用于展示某种特定的效果或信息。在网页中，微场景使用HTML5、CSS3和JavaScript等技术，能
原创
2024-08-21 06:25:40
383阅读
# HTML5 盒模型的实现步骤
## 1. 整体流程
首先，我们来看一下实现 HTML5 盒模型的整体流程。下面是一个表格，展示了实现盒模型的具体步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 1. | 创建 HTML 文件 |
| 2. | 在 HTML 文件中添加 CSS 样式 |
| 3. | 使用盒模型相关的 CSS 属性 |
| 4. | 运行
原创
2023-08-24 04:04:30
127阅读
# 学习HTML5弹性盒布局（Flexbox）
## 引言
在现代网页设计中，布局方式的多样性和灵活性是至关重要的。HTML5中的弹性盒布局（Flexbox）是一种非常有效的布局方式，可以轻松地将元素排列成行或列，并控制它们的大小和间距。本篇文章将指导你如何实现弹性盒布局。我们将分解整个流程，并一步步演示每个步骤所需的代码。
## 整个实施流程
以下是我们实现弹性盒布局的流程：
| 步骤
原创
2024-10-13 05:04:17
79阅读
html5带给我们的不仅仅是更多语义丰富的标签，还有更多更牛逼的特性，比如“离线存储”。 对于台式电脑来说，或者它并没有带来什么惊喜，但是对于移动设备来说离线存储简直就是一个神迹。对于任何拥有支持离线存储浏览器的移动设备，比如iphone，ipod touch，离线存储使得web前端工程师可以很容易的针对它们开发应用程序。 前面吹嘘了一段，不过说实在的，html5本地存储就目前来说还是很受限的。
转载
2024-09-01 14:45:39
40阅读
表格表格的基本结构表格的基本语法单元格的合并跨行合并跨列合并单元格的对齐方式水平对齐垂直对齐单元格的背景色表格的基本结构
1.单元格 表格的最小单位，一个或多个单元格纵横排列组成了表格。 &nbs
转载
2023-08-23 18:33:29
87阅读
基础表格table 标签table 标签包含要定义的表格的全部内容；组成：thead tbody tfoot，具体如下：（如果不写这三个直接写内容，浏览器会自动将所写的东西归入到 tbody 中）；border 设置表格线的像素；cellspacing 设置间隔；<body>
<table border="1px" cellspacing = "0"> <!
转载
2023-05-17 21:22:33
622阅读
CSS3 --添加阴影（盒子阴影、文本阴影的使用）
CSS3 - 给div或者文字添加阴影（盒子阴影、文本阴影的使用）CSS3定义了两种阴影：盒子阴影和文本阴影。其中盒子阴影需要IE9及其更新版本，而文本阴影需要IE10及其更新版本。下面分别介绍两种阴影的使用：1，盒子阴影（1）盒子阴影的属性是 box-shad
转载
2023-09-12 17:45:38
181阅读
CSS 文件/* ＊通配符 对所有的标签进行设置*/
*{ margin: 0px;
padding: 0px;}
.top{ width: 100%;
height: 50px;
background-color: black;}
.top_content{ width: 75%;
height: 50px;
margin:
转载
2023-06-28 16:52:34
85阅读
学习html5的canvas第三天，觉得还没过瘾，转眼就忘，于是趁着有空，准备弄个小游戏来玩！游戏应该需要注意性能，还有一些逻辑需要斟酌，我想还需要用户可修改性，也就是用户配置。好，开始我们简单但有趣的旅程吧——想先看效果的，先跳转试玩一下吧！第一步，当然需要一张画布 1 <canvas id="canvas" width="300" height="400">你的浏览器不支持Can
转载
2024-04-27 08:28:02
33阅读
# HTML5 盒模型详解与应用
## 引言
在网页布局设计中，理解 CSS 盒模型是至关重要的，它决定了元素在页面上的显示方式。本文将详细介绍 HTML5 盒模型的概念，并通过代码示例和图示来帮助读者更好地理解这一基础概念。同时，我们还将用甘特图展示学习和实现盒模型的过程。
## 盒模型的基础概念
CSS 盒模型是一个描述网页元素的大小、边距、边框和内边距关系的模型。每个元素可以被视为一
