目前显示的是标签为“Blogger”的博文显示全部

17Blogger网页架构设计-如何给网站创建一个联系我们页面

Blogger - 七月 06, 2023
17Blogger网页架构设计-如何给网站创建一个联系我们页面
联系我们页面是一个网站的必要元素，他方便读者联系网站博主，我的这个网站也用上了这个功能，非常的方便有效的，今天就把他分享给大家。

16Blogger网页架构设计之Float-- 双侧边栏的三列布局（十二）

Blogger - 六月 14, 2023
16Blogger网页架构设计之Float-- 双侧边栏的三列布局（十二）
本篇文章，我们来创建一个有双侧边栏的三列布局架构的网页，以此来学习巩固 float 的浮动功能，创建三列布局，我们的基本模块就要六个DIV，一个是做容器用的总模块，所有的模块都包含在里面，还有就是两个侧边栏模块，还有一个中间的内容模块，还有一个脚模块，共六个，我们都用DIV，当然，一个完整的网站需要的模…

15Blogger网页架构设计之Float-- 含侧边栏的两列布局（十一）

Blogger - 六月 14, 2023
15Blogger网页架构设计之Float-- 含侧边栏的两列布局（十一）
本篇实作，我们来建立一个简单的两栏架构的网页，主要也是靠float的浮动功能来实现的，创建单侧边栏的两列布局，我们要五个DIV基本模块，一个是做容器用的总模块，所有的模块都包含在里面，还有就是一个侧边栏模块，还有一个中间的内容模块，还有一个脚模块，共五个DIV，这里我们只做大的骨架，当然，一个完整的网站需要…

14Blogger网页架构设计之Float--浮动可缩放的首字下沉效果 （十）

Blogger - 六月 13, 2023
14Blogger网页架构设计之Float--浮动可缩放的首字下沉效果 （十）
今天我们来实现一个常见的特殊排版--“首字缩放下沉”，也是要应用到浮动功能，通过这篇文章，你也会了，我们马上进入实操。

13Blogger网页架构设计之Float--浮动无序列表呈单行排列 （九）

Blogger - 六月 13, 2023
13Blogger网页架构设计之Float--浮动无序列表呈单行排列 （九）
本篇文章，我们应用浮动和无序列表来实现各个列表项由竖向排列转为水平排列，像一个导航菜单似的。

12Blogger网页架构设计之Float--浮动列表元素以实现返回和下一页 （八）

Blogger - 六月 12, 2023
12Blogger网页架构设计之Float--浮动列表元素以实现返回和下一页 （八）
在本实作中，我们做一个向左浮动的“后退”按钮和向右浮动的“下一步”按钮。我们也可以使用两个 div来完成，为了更简便，我们将使用两个列表元素轻松实现，下面，我们就进入实操！

11Blogger网页架构设计之Float-- 多图像和其对应标题的摆放技巧 （七）

Blogger - 六月 12, 2023
11Blogger网页架构设计之Float-- 多图像和其对应标题的摆放技巧 （七）
本文详细研究多个图像和他们对应标题一起浮动的控制效果，我们让多个图像及其标题排成一行，一直到他的容器的宽度，并展示内边距和外边距的效果区别，体会clear的换行效果！

10Blogger网页架构设计之Float-- 多图像浮动的操作技巧（六）

Blogger - 六月 12, 2023
10Blogger网页架构设计之Float-- 多图像浮动的操作技巧（六）
本文详细研究多个图像一起浮动的控制效果，主要展示向右浮动，竖向对齐的操作，其实就是clear的作用，下面直入主题！

9Blogger网页架构设计之Float-- 图像和标题一块浮动 （五）

Blogger - 六月 11, 2023
9Blogger网页架构设计之Float-- 图像和标题一块浮动 （五）
今天我们来手把手逐步实现 float 的图像和标题一起浮动，这个操作的核心是要把图像和标题当成一个整体，在这里就把他们放在一个DIV里就可以了，对这个div进行操作即可，我们立即进行实操！

8Blogger网页架构设计之Float-- 将图像浮动到右侧 （四）

Blogger - 六月 11, 2023
8Blogger网页架构设计之Float-- 将图像浮动到右侧 （四）
本篇文章开始，我们逐步来实现 float 的功能，这次我们来将图像向右浮动，看他是一个什么效果，同时还可以做一些什么操作。

7Blogger网页架构设计之Float-- 后面元素的处理（三）

Blogger - 六月 08, 2023
7Blogger网页架构设计之Float-- 后面元素的处理（三）
上一篇文章 谈到，浮动元素的上方元素不会受到影响，但是，他下边的元素是会受到影响的，所以，有时会造成我们不想看到的结果，本文我们就来谈谈该怎样处理。

6Blogger网页架构设计之Float 相关基础知识（二）

Blogger - 六月 07, 2023
6Blogger网页架构设计之Float 相关基础知识（二）
万丈高楼从地起，我们也要先学习 Float 相关的基础知识，然后循序渐进，接下来直接上干货！

5Blogger网页架构设计之Float 相关名词概念（一）

Blogger - 六月 06, 2023
5Blogger网页架构设计之Float 相关名词概念（一）
有了Float元素之后，网页设计变得非常的轻松简洁，但有朋友经常谈论到Float的用法，就感觉很抽象，比较难懂；其实这些新名词确实是晦涩难懂的，从这篇起，用几篇文章来透切的的讲解，今天主要讲一些名词概念。

4BLOGGER中ID 与 CLASS 的区别

Blogger - 五月 30, 2023
4BLOGGER中ID 与 CLASS 的区别
如果你是前端开发的高手，这个知识点就很基本的了，你完全可以略过，我在这里主要是针对初学者的，尤其是想玩 blogger 的， class 和 ID 是我们读代码中见得最多的，在 CSS 中，他们看起来没什么区别，其实他们的区别还是很大的，今天我们就来详细解读一番。 本文索引 ID 与 CLASS：您…

3如何把blogger网页的主菜单行并入标题行？Blogger建网站（3）

Blogger - 五月 04, 2023
3如何把blogger网页的主菜单行并入标题行？Blogger建网站（3）
作为blogger站长，把前端开发好，后端有Google这颗大树，我们就可以高枕无忧的，开发前端的手法也很简单，在网上找一个心仪的模板，但是往往又不是100%的符合自己的要求，只要站长略懂一些HTML、CSS、JS，那这些都不是事，如果时间不是很紧迫，还可以通过修改网站学到一些有用的知识，说不一定，将来还可…

2修改Blogger模板？文本区域标签 <![CDATA[...]]> 及其与转义字符的关系，Blogger建网站（2）

Blogger - 四月 29, 2023
2修改Blogger模板？文本区域标签 <![CDATA[...]]> 及其与转义字符的关系，Blogger建网站（2）
接着 上一篇 讲解 修改网站要记录修改的地方及其功能，比如说：我的第一个修改就是要把主菜单模块合并到标题栏内，一方面看上去很充实，更重要的是把更多位置用来显示我发布的内容。修改模板是进入到主题背景，点自定义右边的倒三角符号，点 “修改HTML” 就进入到编辑XML界面了。 本文索引 两个不起眼的重要语…

1如何修改Blogger模板？备份原始模板，Blogger建网站（1）

Blogger - 四月 29, 2023
1如何修改Blogger模板？备份原始模板，Blogger建网站（1）
这篇文章是网站初学者值得细读的，有一定基础的朋友们就可以跳过，好多朋友想学习网站开发或者是运营网站，但不知从何开始，我给你最好的建议，就是Blogger，没有之一，因为它不会花你一分钱，还非常稳定快速，你还要啥自行车？如果你要问更多的为什么，我只能告诉你，谁用谁知道。或者先大量的学习一下；又或者选择不相信，…