请求的信息
现在招收
在线Bootstrap / Dreamweaver课程课程在会议上学院

在线引导/ Dreamweaver课程

60小时

5303:使用Dreamweaver i

使用Adobe HTML编辑器点击Bootstrap的电源

Bootstrap提供了一个HTML、CSS和JavaScript的框架来加快你的网站开发。使用Bootstrap进行设计可以让你轻松地获得大量有用的代码。在本课程中,您将学习如何使用Bootstrap 5和Dreamweaver (Adobe的HTML编辑器)构建响应式、移动优先的网站。与专家指导老师一起工作,您将学习如何从使用HTML和CSS来设计网站结构和设计页面布局,并确保您的设计工作在一系列平台和设备上。每个项目都将易访问性测试作为工作流的一个组成部分。

了解最受欢迎的编码框架

课程一目了然

课程的特点

  • 100%的在线
  • 基于项目的
  • 教师指导
  • 按自己的节奏学习
  • 在6-8周内完成本课程

教练

该课程由以下讲师教授:

课程由:Piper Nilsson开发

将本课程作为独立或作为以下计划的一部分:

课程项目

    1. Bootstrap和Dreamweaver简介

      Bootstrap 5和Dreamweaver一起工作;Adobe的HTML编辑器提供了一个直观的平台,用于管理Bootstrap的广泛资源。在本次会话中,您将了解如何在Dreamweaver中编辑页面内容,并导航文档视图,插入图像和文本,创建链接,并在浏览器中预览页面。您将学习如何定义一个站点,因此您可以将项目发布到Web,并发现安装引导框架的三种常见方法。

    2. Bootstrap布局

      本周我们将首先探索Bootstrap如何使用媒体查询范围,以使图像的显示器显示为用户将访问您网站的不同方式。您将了解容器如何用于构建页面布局以及响应列类如何帮助您优化您的布局。您将学习操纵行和列的垂直和水平对齐,以便您的页面针对一系列浏览器和设备进行了优化。

    3. 自定义CSS

      使用Bootstrap的CSS实用程序没有任何问题,而是作为设计人员,您需要为您的网站设计开发自定义CSS。本周我们将学习如何使用标记,类和ID选择器来样式和链接状态,并将自定义CSS样式表添加到Bootstrap站点。您将发现如何编辑布局,类型,边框和和背景属性,以便您对内容区域进行精细控制,并探索Dreamweaver CSS Designer Panel的许多优势。

    4. 数据表

      HTML表是用来显示数据的:事实和数字的行和列。随着CSS定位的出现,表恢复了它们最初的用途:表示数据。在本会话中,您将学习如何在HTML文档中创建和编辑表,并应用Bootstrap的表选择器,使HTML表响应。

    5. CSS定位

      想要打破框框的Web设计师需要探索CSS定位:绝对、相对、固定和静态。使用浮动和CSS定位的组合,您几乎可以构建任何可以想象到的布局。这周,你将学习如何使用CSS和Bootstrap应用绝对定位和重叠元素。为了确保您的内容按照预期显示,我们将讨论如何管理内容溢出属性以及固定和静态定位选项。

    6. jQuery,多媒体和故障排除

      在这最后一节课中,我们将超越Bootstrap中布局设计的基本框架,看看一些令人兴奋的(和重要的)额外内容。重要的是要认识到Bootstrap站点可以通过Bootstrap或其他框架的任意数量的附加组件来增强。因此,我们将探索如何添加一个jQuery lightbox图库和Bootstrap图像旋转木马到您的网站。最后,由于故障排除是任何Web项目的关键最后阶段,因此我们将回顾一些必要的基本规则,以确保站点成功启动。

学生作品范例

克里斯托尔福德

当然结果

什么是课程项目?

项目包括一个最喜欢的链接/卡片页,和美容,餐厅,园艺行业的迷你网站,以及音乐客户。
可访问性项目的重点是:在浏览器中启用文本大小调整,使用屏幕阅读器浏览网站内容,使用Chrome DevTools运行可访问性测试,使用屏幕阅读器检查表格的可访问性,运行色盲可访问性测试,使用键盘测试可访问性。

我需要什么软件或用品?

  • 可以上网的电脑。
  • Adobe Dreamweaver CC。
  • 具有Web托管服务的帐户。提供免费服务。您的Web主机必须支持Dreamweaver的FTP协议。
  • 推荐使用Adobe Photoshop或同等程序,但不是必需的。

我会学到什么?

本课程中的学生可以期待学习:

  • 安装Bootstrap 5框架并使用Dreamweaver管理它的资产。
  • 编辑Dreamweaver中的页面内容,插入图像和文本,创建链接,并在浏览器中预览页面。
  • 在Dreamweaver和发布网站内容中定义一个站点。
  • 使用媒体查询范围,容器和响应列类设计在引导中的响应性布局。
  • 为Bootstrap站点开发自定义CSS样式,使用Tag,Class和ID选择器来样式页面元素和链接状态。
  • 编辑页面元素的布局、类型、边框和背景属性。
  • 设计响应性数据表。
  • 使用绝对定位、内容溢出属性以及固定和静态定位控制页面布局。
  • 添加多媒体功能,如jQuery lightbox gallery和Bootstrap图像carousel。
  • 测试和排除站点以消除问题之前的问题。
  • 解决一系列项目场景,并创建一致,吸引人的网站设计。

入门

课程注册

  • 今天注册,明天开始
  • 按自己的节奏学习
  • 3个月内完成

课程学费
学费 949美元
注册费用* $50
总课程价格 999美元

报名费在报名后5天内不退还。所有学费包括课程内容的数字资料费。

点击立即点击以输入您的信息和所需的开始日期。招生顾问将与您联系以安排付款并为您提供注册协议。

常见问题(常见问题)

课程是什么样的?

我们的课程是以项目为基础的。没有固定的登录,所以你可以按照自己的节奏学习。在每门课程中,你将完成一系列旨在拓展你的创造性技能的讲座和项目。

我需要多少时间?

本课程可以在60小时或更少的时间内完成。从入学开始,你有三个月的时间按照自己的进度完成课程学习。对于那些需要更多时间的人,可以延长时间。

谁是教官?

我们的课程由我们的专业艺术家,设计师和摄影师的能力制定和教授。这意味着您将学习需求技能,获得对您的工作的反馈,并建立一个创造性工作组合。

塞申斯学院是合格的吗?

是的。自2001年以来,会议学院得到了认可的远程教育认证委员会(DEAC)。远程教育认证委员会是被美国教育部列为认可的认证机构并被认可高等教育理事会认证(他)。