Dreamweaver CC: Responsive Design with Bootstrap 4
Offered By: LinkedIn Learning
Course Description
Overview
Learn how to build responsive websites using Dreamweaver CC and the Bootstrap 4 framework.
Syllabus
Introduction
- Speed up responsive design
- What you should know
- Set the Bootstrap version
- Understand the layout grid
- Define the layout grid
- Insert a navigation bar
- Edit the links
- Improve usability on small screens
- Apply quick styles to the navigation bar
- Customize the color scheme
- Add a background image to the brand
- Add a container for the page content
- Insert a row and columns
- Insert a responsive image
- Remove gaps around the image
- Position text over the image
- Resize and duplicate columns
- Flex layout: Equally distributed columns
- Use semantic markup
- Paste formatted text
- Insert fixed-size images
- Flex layout: Centered columns
- Paste into an empty column
- Style the feature section
- Insert cards
- Add content to cards
- Superimpose text on a card image
- How a carousel is structured
- Edit a carousel
- Add the footer
- Hide elements
- Add extra pages
- Next steps
Taught by
David Powers
Related Courses
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX