如何创建 - 建立网站

❮ 上一节

下一节 ❯

如何创建 - 建立网站

了解如何创建一个可在所有设备、PC、笔记本电脑、平板电脑和手机上运行的快速且出色的响应式网站。

使用 CSS 框架创建网站

Demo

亲自试一试

Layout Draft 布局草稿

在建立网站之前绘制页面设计的布局草稿总是明智的。

拥有 "布局草稿" 将使创建网站变得更加容易:

Navigation bar

Slideshow

The Band

Description of the band

Description of the band

Description of the band

Article

Article

Article

Footer

文档类型、元标记和 CSS

doctype 应该将页面定义为 HTML5 文档:

元标记应将字符集定义为 UTF-8:

视口元标记应该使网站在所有设备和屏幕分辨率上都能正常工作:

W3.CSS 应该照顾到我们所有的样式需求以及所有设备和浏览器的差异:

要了解有关使用 W3.CSS 进行样式设置的更多信息，请访问我们的W3.CSS 教程。

我们的第一个空网页看起来很像这样:

content="width=device-width, initial-scale=1">

href="https://www.w3ccoo.com/w3css/3/w3.css">

注释:如果您想在没有 CSS 框架的帮助下从头开始创建网站，请阅读我们的如何制作网站教程。

创建页面内容

在我们网站的 元素中，我们将使用我们的 "Layout Picture" 布局图片并创建:

导航栏

幻灯片放映

标题

部分章节和文章

页脚

语义元素

HTML5 引入了几个新的语义元素。 使用语义元素很重要，因为它们定义了网页的结构并帮助屏幕阅读器和搜索引擎正确阅读页面。

这些是一些最常见的语义 HTML 元素: