Lesson 4
CSS allows users who do not know what a certain font looks like by heart to easily run through different choices before hard-coding it into their webpage. It also gets rid of the font issues within HTML that happen when operating systems do not have a font installed with what are called <font> tags. If the font shown first is not installed on the computer trying to access it, then it goes to the next, and so on... The chapter shows how to create CSS rules within Dreamweaver that allow a user to easily add them into their code. There can be three locations for CSS rules: in the <head>, inline, or an external file that can be linked to any number of HTML pages. It also goes over the different methods of creating CSS rules: element-based that edit existing HTML tags, the CSS style panel, or from the property inspector. It is best to keep the code view up and not just design, so you can ensure that your overall code stays clean. Finally, cascading style sheets are called what they are because one style is always dominate over another. Inline style is closest to the HTML source, after that comes internal, then last is the external style sheet - which is a different document.
Lesson 5
This chapter goes over the different page layouts that can be created using CSS. The main focus was showing how margins, padding, borders, and <div> tags can all be incorporated in a code with CSS to add more order to a page and so nothing runs together (unless specified). A very useful way to add these <div> tags (which are used a lot) is going to the "insert" panel, and just clicking the insert <div> tag button. Also, I noticed that this chapter mentioned that Dreamweaver does not allow you to directly import .psd files, but it does allow Photoshop documents to be edited within the program - so users don't have to do it in the Creative Suite before they move it over.
Creating Accessible CSS and How Does CSS Work?
All browsers have their own built-in style sheet, which is what they are based off of. This makes it virtually impossible for developers to design something that will look exactly the way that they want it to for every user. The final look and feel of a website is controlled by the user, so anything designed by the developer needs to be able to adjust easily to any display settings. CSS allows more flexibility than HTML, though, no matter whether the browser wants to allow it. While HTML allows different colors to be chosen, CSS allows different variations of the basic colors. CSS rules are defined in a stylesheet that is usually named style.css and can create an overall cohesive flow to a website that keeps everything organized and having a similar format.
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.