Tuesday, November 23, 2010

Best web typography

         According to I love typography.com the number 1 best out of 15 web pages in there use of typography is A list apart.com. I think they were rated number one because there web site is very clean cut and easy to read. There is four columns, three that have text and one that hold there logo on the top and very nice negative space below. This gives room to breath after reading. There is very obvious hierarchy, the largest being a different font and a different color and then second largest just being bold and another color. Everything is spaced out nicely and not to cluttered. The only thing they have in there last paragraph is widow, and that could just be overflow from the size of the screen or placing.
         The second best web site was shauninman.com. I really like this site because it is black and white and looks very simple but still makes a great statement. Instead of just using black as the font color though he uses different shades which gives it impact. Everything is done very nicely in two columns and there are only two type faces used. One for the hierarchy and one for the text. The text is very easy to read and move your eye around because of the nice spacing between paragraphs and titles.

CSS new rule

After creating some code in your HTML you can go to CSS, make a new rule and alter its appearance. Say you have written a long essay and want to change some of the specifications of it's look. You can go to your "new CSS rule" button, located in your CSS styles palette and click it. Once the window appears you could just type in H1 (or <p>, <h2>, etc) if you are selecting tag in your selector type along the top. Anything that you alter in your CSS well now effect everything within the brackets chosen. If you went to your selector along the top and choose Compound this will allow you to go into a little more detail. Before you do that you want to put your curser within what your trying to change and Dreamweaver will already type in where you are. But you can also type it in. (ie. .Container h1 p). This will effect only that area and nothing else.

Type in Webpages

        When creating a web page you still have to pay attention to your typography. Working on the computer and designing a web page that is easy to read and pleasing to look at come with a whole new set of things to look for.
         The biggest thing to pay attention to is that the computer you design it on, is not the computer that it is getting viewed on. Screens are all different sizes and show colors that won't be exact to yours. Make sure you structure you page with divs first and then keep your type within them so that they can't be cut off.
        Also, be aware of your options of type faces. Not every type you know will be there and even if it is, not all computers can see it. If you pick Arial and that computer can't view it the next that will show up is Helvetica, and then any Sans-Serif. So it's important to make sure that your design will look okay with any of these Sans-serif.

Tuesday, November 16, 2010


One of the main things used when putting together the structure of your page are Divs, and they need to be positioned on the page. The four different types of positioning are: absolute, static, relative, and fixed.
            Absolute is gets placed relative to the page unless there is another element on the page. You the use the top, bottom, left and right to position it where you would like. Static is the default for Dreamweaver, it will be positioned onto the page where is normally would be. Relative is positioning an element in relation to itself it moves top, bottom, left and right from where it was.  And fixed is when you position something to stay on the screen even when the site is being scrolled up and down.