MWD2 3/4/14-3/6/14

3/4/14

Layout

Standard

-          left-aligned

-          top-down

Normal flow

            Float  -> clearing -> overflow

Single column

Two columns

3/6/14

Position

-          static

-          fixed

-          relative

-          absolute

Psrudoclasses

a: link- not been clicked

a: visited- has been clicked

a: active- being clicked

a: focus- has keyboard focus

a: hover- mouse over

MWD 2/25/14 2/27/14

2/25/14

Typography

-          Serif

-          San-serif

Fonts

Standard

Cursive

Monospace

Font Stack

-          Preferred font

-          Second choice

      - default

(em) (pixel) (points) (%)

2/27/14

Box Model

Margin

1        value- all sides

  2    values - 1. Top/bottom

                 2.left/right

  3     values – 1. Top

            2.left/right

            3.bottom

   4    values- 1. Top

                      2.right

                      3.bottom

                      4.left

Border

            Width

            Style

            Color

Text-shadow

Box-shadow

Border-width

Border-style

Assignment

Update  your business website

·         fonts

·         text transformations

·         wrapper

·         shadow

·         opacity

·         gradient 

MWD 2/11/14

Images

      GIF

-          Simple graphics

-          Support transparency

-          Support animations

      JPG

-         Compressed

      PNG

-          Detail

-          Support transparency

-          Middle ground

MWD 2/4/14-2/6/14

MWD2

2/4/14

Cascading Style Sheets (CSS)

            -Expands on HTML

                        -design

                                    -more flexible

                                    -more consistent

                                                -“top-down”
Overview -> wireframe -> site ->styles.

CSS rules

1.      Selector ex: <p> or p , true ex: {property: value;}

P {color:#3399bb} [hex value (RGB)]

Inline

            -style is applied as an attribute.

Embedded Style

            -defined in our head element.

External

            -defined in a .css file

External style gets applied first

-Embedded gets applied next or second

  -Inline style comes next or third

            -html comes last

Selectors

-Elements

-Classes

                        .[name] ex: .bigp

-IDs

            #[name]

            #content

Thursday February 6, 2014   MWD2

Classes                                    ID

                        Descendent selector

Bad colors

ASSIGNMENT #2

Add color to Imaginary Kids Website.

Step 1:

            Use own colors

Step 2:

            Submit via blackboard

MWD 1/28/14 1/30/14 week

          In class this week we learned how to make a web page. The class is great so far, im learning a lot about making websites. you gave us rules, which were: top-down
left-right
rule (law) of three
dont scroll left/right
Every webpage needs structure.
A header contains: A Logo, Purpose, Name, and Place.
Navigation contains: Movement, Place, Structure, and Content
Content contains: The "stuff"
Footer contains: More Nav, Logo less, "Framing"
Design First!
     -Documents
1. Summary
2. Content Outline
3. Interface
4. Navigation
5. Implumentation
6. Testing
          This all I remember from class.