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.

Galaxy s4

 

The Samsung Galaxy S4. The phone everyone wants to check out, and then probably buy. The most pre-registered phone ever with some retailers. And the handset that brings a hugely impressive screen in a phone that's SMALLER than its predecessor. We loved our short time with it at its launch in New York, and while it's an incremental update that doesn't add anything that we haven't seen on other phones in terms of features, the overall packaging is hugely impressive.

Red Cross Service

             The second day of community service was boring but also enlightening. It showed me that I should be grateful for what I had because these families don't have much. Nowadays you have people getting mad for there getting there new phones that they wanted. while people are suffering just trynna find homes. So I'm happy that I did my community service at a food pantry, I just had a great experience and I want to continue doing it and see how much of an impact it can really have on my life.