I also wanted to start with an external style sheet, so I chose Create New File from the Layout CSS pop-up menu in the dialog, and I saved the style sheet under the name desktop.css. If you want to follow along in Dreamweaver, you can use that same template by choosing File > New, clicking the Blank Page category in the resulting New Document dialog, and then choosing the template from the Layout column, as shown in Figure 1. Using media queries, a part of the CSS3 specification, you can automatically link your HTML pages to different CSS style sheets that rearrange the layout of the pages for given screen sizes.įor this article, I started out using one of Dreamweaver's built-in page templates, the "HTML5: 2 column fixed, right sidebar, header and footer" template. In this article, we'll look at two of Dreamweaver's features that help you attain that goal: Multiscreen Preview and media queries. With Dreamweaver CS5.5 and later, you can use HTML5 and CSS to make your pages look good at any resolution. Those pages don't have to look the same on every device, but they do have to render gracefully regardless of screen size. Clients these days think it's perfectly reasonable to request that their web pages look good on computers, tablets, and smart phones.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |