Join Paul Trani for an in-depth discussion in this video Making CSS more flexible, part of Creating a First Web Site with Dreamweaver CS6.
Just like you want your web page to be flexible and fit different screens,…different sizes, you also need your CSS, or your cascading style sheets, to be as flexible as possible.…And luckily, CSS does just that because it enables the separation of the…content from the design.…And the CSS styles can be internal or external, so this is great.…You can have that separation be, say, at the top of an HTML page--still internal…to that HTML page--or it can actually be a separate page entirely and they're just linked together.…
So, this is obviously great because you can have multiple pages that use that…one style sheet, and that CSS will affect all of those pages.…Makes it easy to update, everything will be consistent, the file size will be…smaller since you're just referring to that one file.…So, let's take a look at how we do that, even moving some CSS from one web page…out of it to a separate CSS file.…Here I am in Dreamweaver, and I want my CSS and quite frankly all of my code to…be as flexible as the layout.…
- Understanding basic web principles
- Adding content to a web page
- Linking to web sites and email addresses
- Styling content with CSS
- Creating a layout that fits multiple browsers and devices
- Building an HTML5 layout
- Inserting images and video
- Adding a menu bar
- Creating a contact form
- Integrating a Twitter feed
- Uploading and testing a web site
Skill Level Beginner
Q: Where do I learn more about how to make a website?
A: Discover more on this topic by visiting how to make a website on lynda.com.
Photoshop CS6 for Web Design (2012)with Justin Seeley4h 56m Appropriate for all
1. Understanding Web Site Design
2. Creating a Web Page
3. Stylizing Content
4. Creating a Flexible Layout
5. Adding Navigation and Pages
6. Adding a Portfolio
7. Using Content from Other Sources
8. Creating a Contact Form
9. 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.