🦄 2024 独立开发者训练营,一起创业!查看介绍 / 立即报名(剩余10个优惠名额) →

博客

理解 HTML5 的语义结构

在以前,网页内容的结构都是用 <div> 标签还有标题标签(h1-h6)来定义,我们尽量使用合理的标签配合一些有合理的 id 或者 class 来标记网页的不同部分的内容,让网页的结构更有意义一些。

现在,你可以使用 HTML5 的新标签来标记网页的内容,比如 <article> <section> <nav> <header> <footer>

为什么要使用语义结构

使用这些新的标签来标记内容,对于普通的用户来说,外观上跟使用 <div> 标签是没什么区别的,然于对于搜索引擎,或使用屏幕阅读器的用户来说就不一样了,因为他们只能通过网页的标签来判断网页的内容和结构,使用语义结构可以让他们更容易读懂并理解你的网页。

理解什么是语义结构

每一张网页都有一个纲要,有点像是网页的目录,这个纲要就是网页的结构。比如一张越野车评测的网页可能像下面这样:

Z 字型布局的网页设计

在网页上画个虚拟的 Z 字型,这个 Z 字型就是用户眼睛所习惯的浏览页面的路径,你可以把重要的内容放在这个 Z 字形的四个端点上,最终的目的是让用户采取你设计的行动,比如注册,下载等等这些动作。把辅助用户采取行动的内容放在 Z 字形的路径上,让路径上的内容引导用户的眼睛,完成 Z 字型的扫描。

Z字型布局的网页设计

眼睛会自然快速地从端点1扫描到端点4。

凤凰社代码下载

之前我写过一个文章用Drupal6 开发的网站应用(凤凰社),在里面说了一下使用 Drupal 6 做的一个叫凤凰社的网站案例,有朋友想要这个网站的代码,之前因为硬盘坏掉了,也没找到备份,今天整理的时候,在一个硬盘里发观了这个网站的备份。升级成了最新的 Drupal 6,更新了界面的中文翻译,喜欢的朋友可以下载下来看看。
凤凰社的首页

Gantry ! 又一个基于 HTML5 的响应式的 Joomla 模板架构(附简体中文语言文件)

Gantry 是 Rockettheme 开发的一套可以用在 Joomla 和 Wordpress 上的模板架构,基于 Gantry 架构你可以创建强大而灵活的模板。Gantry 架构是我见过的第一个用在 Joomla 上的模板架构,现在已经是第四个版本了,这次我翻译了一下(见附件)。

Gantry 管理后台界面
(Gantry 管理界面的样式)

Joomla 3.0 安装简体中文语言的方法

完成安装 Joomla 3.0,登录到后台发现界面上都是英文,你可以下载 Joomla 3.0 的简体中文语言包,然后安装,再去把网站的前台与后台的语言都设置为简体中文就行了。

Joomla 使用简体中文界面的后台
(启用了简体中文语言的 Joomla 3.0 的管理后台)

Joomla T3V3,最受欢迎的 Joomla 模板架构(附中文语言文件)

Joomlart 发布了第三个版本的 T3 架构,一个用在 Joomla 上的模板架构。使用 T3 架构,你可以快速的创建基于 T3 架构的 Joomla 模板。

T3 架构后台
( T3V3 后台界面截图)

升级 Drupal 的方法

Drupal 不断在更新,有重量级的更新,比如从 Drupal 6 到 Drupal 7,更多的是轻量级更新,从 Drupal 7 的一个版本升级到 Drupal 7 的另一个版本。比如从 Drupal 7.15 升级到 Drupal 7.17。小数点前面的数字是 Drupal 的主要版本,不同的版本区别很大,比如 Drupal 5,Drupal 6 ,Drupal 7 … 小数点后面的数字是小的更新版本,比如这里的 15 到 17。

这个文章我们说一下 Drupal 轻量级的升级方法,也就是从一个小版本到另一个小版本。比如从 Drupal 7.15 升级到 Drupal 7.17。

升级之前要备份网站,不管是大版本升级还是小版本升级,都要备份全部的网站,包括网站的数据库,还有网站的文件。这样一但出错,我们可以再恢复成之前的版本。

《Drupal 7 :字段 视图 关系》下半部分发布

《Drupal 7 字段 视图 关系》下部发布

《Drupal 7 字段 视图 关系》下半部分,主要讲了视图模块的高级一点的使用方法,还有理解内容的关系。你可以使用视图与关系,在任何页面上显示任何你想显示的内容。

Views Infinite Scroll:60 秒钟让你的内容页面拥有无限翻页功能

为 Drupal 安装一个 Views Infinite Scroll 模块,可以让使用 Views 模块创建的页面拥有无限翻页功能,或者叫自动翻页。也就是用户不需要点击页面分页器上的数字,只需要一直向下滚动页面,就可以自动完成翻页。登录你的新浪微博,你可以看到类似的效果,向下滚动,你可以无限查看你关注的人发的微博。

无限翻页功能演示

确定你已经使用 Views 模块创建了一个内容的页面。60 秒计时开始:

《Drupal 7 : 字段 视图 关系》上半部分发布

《Drupal 7 : 字段 视图 关系(上)》封面

Drupal 7 : 字段 视图 关系,这是计划中的 Druapl 7 教程的基础部分,先发布上半部。整个课程的目的是让你掌握使用 Drupal 7 构建网站的基本思路。课程里并没有讲 Drupal 7 的配置(点点鼠标乐趣无穷),而是主要围绕三个东西,字段,视图,还有内容关系。

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点