Join Paul Trani for an in-depth discussion in this video Creating a layout with CSS, part of Creating a First Website in Dreamweaver CC 2014.
…CSS gives you a lot of control.…Not only when it comes to styling elements and…how they look, but also dealing with the layout.…In fact, here's all the CSS currently written, and I can open this up and…start to take a look at this content.…And first off, I need to start formatting this area right here.…So I want to do that based on the layout and…even centering this content right up here.…In fact, if we take a look at that Design.jpg,…you can see how this is laid out.…
So I really need this heading one to float to the left, and for…this content to float to the right, and everything else to be centered.…All right.…With that being said, jumping back into my Dreamweaver file.…We can take a look at this Passionate about visual storytelling.…Our h1.…And I'm going to select Source Code just so we're aware of what's selected.…That's my h1.…Now, I want this to float to the left.…But I don't want all of my h1s to float to the left.…
What I want to do is actually just create a section on the left side and…a section on the right side.…
Author Paul Trani begins with brief introductions to HTML and CSS. Then you'll learn how to create a basic webpage, add text and images, and style the content with CSS. Paul then shows how to add navigation and links between pages, integrate video and social media (such as a Twitter feed), and create a contact form. The course also covers making sure your layout is "flexible" (i.e., that it resizes to fit mobile devices), testing your site, and uploading it to the web.
- Understanding the Internet and websites
- Adding HTML content to a webpage
- Styling content with CSS
- Creating navigation
- Adding more pages
- Creating a flexible layout
- Adding video and animations from Edge Animate
- Linking to other pages and websites
- Creating a contact form
- Creating a responsive site for mobile devices
- Uploading and testing the website