Join Paul Trani for an in-depth discussion in this video Understanding CSS, part of Dreamweaver CC 2015: Creating a First Website.
I'd now like to give you a good understanding of CSS…because honestly I think it's the most exciting…part about the web because it enables me…to style the web, if you will.…And what is CSS?…Well, to put it simply CSS means…Cascading Style Sheets, and it's really just the language…that's used to describe the design,…the visual characteristics of your HTML.…And so it controls all of these visual properties…of your content, even including animation.…
Just a quick example of what CSS looks like.…We can see it here, we see our h1 tag at the bottom,…Passionate about visual storytelling.…Well that text is going to be styled by the CSS above…so you can see it's going to make it the Lobster font,…give it a font weight, center the text, change the color…and give it a certain text shadow, all from CSS.…Now the benefits of CSS are more than just styling content…because the benefits of CSS really allows us to separate…the visual properties from the content…so you don't have, say a text content…intermingled with CSS, you can have that CSS separate,…
Over the course of the training, you'll learn about building basic webpages; adding text, links, images, and navigation; and making your layout "flexible" on mobile devices. Each step provides another lesson on HTML and CSS, the building blocks of the web. Along the way, Paul shows how to add bonus features, such as animation from Edge Animate, a Twitter feed, and an interactive contact form.
- Planning a website
- Creating your first webpage
- Adding HTML5 content
- Styling content and the layout with CSS
- Adding images
- Creating navigation
- Building alternate layouts for tablets and mobile devices
- Adding animation and video
- Creating a contact form
- Uploading and testing the website
Skill Level Beginner
1. Understanding Website Design
2. Creating a Webpage
3. Stylizing Content
4. Adding Navigation and Pages
5. Creating a Flexible Layout
6. Adding Media
7. Creating a Contact Form
8. Testing and Uploading
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.