|
Post by account_disabled on Jan 26, 2024 22:40:37 GMT -5
本文由Bootstrap 材料设计赞助。感谢您对合作伙伴的支持,使 SitePoint 成为可能。 Bootstrap 的材料设计 作为 SitePoint 读者,您无疑对创建尖端、复杂的网站和应用程序感兴趣。您可能不会从头开始编写所有内容,但您希望深入了解代码。您只需要一个文本编辑器即可构建您的下一个获奖杰作。 不幸的是,工作生活并不总是那么简单。您可能正在迈出成为网络开发忍者的第一步。您的老板可能希望在几小时而不是几天内完成某件事。您的客户可能处于预算范围的较低端。您需要在几个小时内快速、轻松地开发一些实用的东西。 许多人会考虑使用 WordPress 等 CMS。这是一个不错的选择,但可能会太过分并且花费太多时间。新手编码员可能会对托管要求、PHP 设置、MySQL 数据库创建和 WordPress 生态系统感到畏惧。 即使您的初始安装顺利,您也需要找到、安装、配置和使用适当的主题和插件。 进入 Bootstrap UI 套件的 Material Design 幸运的是,有一个更简单的选择。提供了一组灵活、响应式的页面模板、布局、组件和小部件来快速构建网页。没有任何复杂 WhatsApp 号码数据 或麻烦:您只需将代码复制并粘贴到一个或多个 HTML 文件中即可。如果您对客户端 Web 开发有基本的了解,这将会有所帮助,但即使是那些具有基本 HTML 知识的人也可以在几分钟内构建一个有吸引力的页面。 免费版有 400 多个组件可供选择。商业PRO 版本包含 2,000 多个组件以及附加模板、教程、工具和支持。这两个版本都具有jQuery、Angular 4或React风格,因此您可以选择最合适的框架。(如果有疑问,请坚持使用 jQuery,它的学习曲线较浅,并且支持旧版浏览器。 如有必要,您生成的页面模板可以导入 WordPress,以便您的客户可以添加和更新内容。 这是我们将在本教程中构建的最终产品: Bootstrap 项目预览的材料设计 您可以在此处查看我们成品的实时预览。 为了创建这个,我们将整合 Bootstrap 材料设计中的一系列元素: 导航 旋转木马 功能概述部分 来自版式库的块引用样式 最近的帖子部分 页脚 通过下载 ZIP 文件并将其解压到 PC 上的适当位置来安装 Material Design for Bootstrap。您可以使用任何文件夹,因为大多数页面将直接从您的文件系统在浏览器中打开。也就是说,我建议您将它们放在 Web 服务器文件夹中 — 特别是如果您打算使用 JavaScript 驱动的组件。如果您没有安装服务器,一个快速选项是Node.js 的 http-server(它将当前文件夹公开为 Web 根目录)或一体化包,例如XAMPP。
|
|