Recent Changes

Monday, November 24

  1. page home edited Master in Distance Education {Rebecca Hatherley Christmas 2013.jpg} MDDE.png} Note: I have gr…

    Master in Distance Education
    {Rebecca Hatherley Christmas 2013.jpg}MDDE.png} Note: I have graduated.
    I am currently working on my Master of Distance Education through Athabasca University. I have completed the following courses MDDE 601, MDDE 603, MDDE 604 , MDDE 617, MDDE 602, MDDE605, MDDE 611, MDDE 613,
    MDDE612, MDDE610, and I am currently taking MDDE622.
    (view changes)
    10:10 pm

Friday, October 31

  1. page HTML5 edited ... CSS /*blah blah */ Javascript //blah blah blah Controlling Topography width: 70%; <…
    ...
    CSS
    /*blah blah */
    Javascript
    //blah blah blah

    Controlling Topography
    width: 70%; <!-- all the visual content should stay within 70% of the available page-->
    ...
    color: black;
    }
    Basic Scripting
    Functions
    Reusable blocks of code that can perform tasks when called upon

    (view changes)
  2. page HTML5 edited ... </body> </html> HTML Comments Comments HTML <!--blah blah --> CSS…
    ...
    </body>
    </html>
    HTML CommentsComments
    HTML

    <!--blah
    blah
    -->
    CSS
    /*blah blah */

    Controlling Topography
    width: 70%; <!-- all the visual content should stay within 70% of the available page-->
    (view changes)
  3. page HTML5 edited ... <link rel="stylesheet" href="styles.css"> <!--use a link tag to l…
    ...
    <link rel="stylesheet" href="styles.css"> <!--use a link tag to link to the css file, href points to the resource that we will use, include the folder name if it is not in the same folder, no closing tag in link-->
    </head>
    ----
    a {
    text-decoration: none; <!--removes the underline-->
    color: red;
    }
    a:hover { <!--when someone hovers over the link it changes-->
    color: black;
    }

    (view changes)
  4. page HTML5 edited ... } </style> Externalizing Styles (Styles contained in different documents) Style she…
    ...
    }
    </style>
    Externalizing Styles
    (Styles contained in different documents)
    Style sheets are just text files with .css extension
    <head>
    <meta charset="utf-8">
    <title>External styles</title>
    <link rel="stylesheet" href="styles.css"> <!--use a link tag to link to the css file, href points to the resource that we will use, include the folder name if it is not in the same folder, no closing tag in link-->
    </head>

    (view changes)
  5. page HTML5 edited ... } </style> <!-- --> Colour <style> html { <!-- for the site -->…
    ...
    }
    </style>
    <!-- -->
    Colour
    <style>
    html { <!-- for the site -->
    margin: 0;
    padding: 0;
    background-color: #777; <!-- HEXDEC #RGB -->
    }
    body {
    ...
    font: 100% Arial, Helvetica, sans-serif;
    padding: 1em 50px;
    background: white; <!--the body is white, not the background, using reserved key words -->
    border-bottom: 10px solid gold; <!-- solid, not dashed-->
    }
    h1 {
    ...
    font-style: italic;
    margin: 0 0 .4em;
    color: #ddd; <!--foreground colour, not background-->
    background-color: rgb(44, 45, 140); <!-- -->
    padding: 5px 10px;
    }
    (view changes)
    12:58 am
  6. page HTML5 edited ... {http://www.referencedesigner.com/tutorials/css/images/css-syntax.png} {http://4.bp.blogspot.…
    ...
    {http://www.referencedesigner.com/tutorials/css/images/css-syntax.png} {http://4.bp.blogspot.com/-mPO1C2a48xg/UUet3k-FxiI/AAAAAAAADG0/e-UXmCI4ZkI/s1600/css-selector-property-declaration-values-rules-blogger-help.png}
    Inline Styles
    ...
    efficient method.
    But you can use an HTML email and building a widget through scripting
    <h2> style="color:red; font-weight:normal;">Fire</h2>
    ...
    }
    </style>
    Colour
    <style>
    html {
    margin: 0;
    padding: 0;
    background-color: #777;
    }
    body {
    width: 70%;
    margin: 0 auto;
    font: 100% Arial, Helvetica, sans-serif;
    padding: 1em 50px;
    background: white;
    border-bottom: 10px solid gold;
    }
    h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2em;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 .4em;
    color: #ddd;
    background-color: rgb(44, 45, 140);
    padding: 5px 10px;
    }
    p {
    line-height: 1.6;
    text-align: justify;
    width: 60%;
    margin: 0;
    margin-bottom: 1em;
    }
    </style>

    (view changes)
    12:49 am

Thursday, October 30

  1. page HTML5 edited ... width: 70%; <!-- all the visual content should stay within 70% of the available page--> …
    ...
    width: 70%; <!-- all the visual content should stay within 70% of the available page-->
    margin: 0 auto; <!--margin= top and bottom auto = left and right (what ever is leftover put half on the left and half on the right)-->
    font-family:Georgia, "Times New Roman", serif; <!--system font installed on all computers) "fall back font" if they don't have Georgia on their computer, and if you don't have Georgia or Times New Roman, just use a serif font.-->
    font-size: 2em; <!--em=relative unit of measurement: Whatever your default font size is, give me two times the default-->
    font-weight: normal; (bold or normal)
    font-style: italic;
    line-height: 1.6; <!--sets the space between the lines-->
    text-align: justiy; (center, inherit, justify, left, right)
    margin-bottom: 1em 0 4em ; <!--controls the space between the elements--> <!--4 values: top right bottom left--><!--3 values: top left&right bottom-->
    font: 100% Arial, Helvetica, sans-serif; <!--100%=1em, when this property is in the body, not within the header or paragraph style, it is applied to everything-->
    <style>
    body {
    width: 70%;
    margin: 0 auto;
    font: 100% Arial, Helvetica, sans-serif; <!--
    }
    h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2em;
    font-weight: normal;
    font-style: italic;
    margin: 1em 0 .4em;
    }
    p {
    line-height: 1.6;
    text-align: justify;
    width: 60%;
    margin: 0;
    margin-bottom: 1em;
    }
    </style>

    (view changes)
    10:44 pm
  2. page HTML5 edited ... blah --> Controlling Topography width: 70%; <!-- all the visual content should stay …
    ...
    blah
    -->
    Controlling Topography
    width: 70%; <!-- all the visual content should stay within 70% of the available page-->
    margin: 0 auto; <!--margin= top and bottom auto = left and right (what ever is leftover put half on the left and half on the right)-->

    (view changes)
    10:29 pm

More