Welcome to my HTML 5 blog

Welcome and thank you for visiting my blog.

I wasn’t able to figure out how to organize my posts so that they were in order of first to last. Please navigate to my very first posted post (last to first in order) and go through all of the posts from oldest to newest so that the order and instruction makes sense.

Have fun and I hope you learn something.

Posted in Uncategorized | Leave a comment

Final Day

Wow I spent way too long on my site. I spent over 35 hrs on it and I stayed up all night the night before the final was due. I think I am the slowest coder/designer alive.

In class each student made a presentation and gave us a tour of their site.

Here is mine:

http://tss49.is2.byuh.edu/final/front.html

Posted in Uncategorized | 1 Comment

Final proj cont.

Today Brother Curtis gave us a little more directions and instruction on the requirements of the assignment. Here are the assignment details:

    Need To Have

  1. Home page
  2. 3-4 links off home page
    1. based on content
  3. 1 page with form
    1. mailto:
    2. get info
    3. enroll your child
    4. sign up for pto
  4. 5 pages total

suggestions:

Home Page

  • students
  • teachers
  • parents
  • about our school

Home Page

  • school info
  • classes
  • library
  • tools/external links

Home Page

  • about us
  • schedules/meal plans & calendars
  • getting here

Home Page

  • fun stuff
  • school work
  • community resources

He also posted the assignment details on blackboard

Posted in Uncategorized | Leave a comment

Final Project

Today Brother Curtis introduced an alternative to our exam. He is allowing those of us who struggled on the exam to turn in a final project instead. This is what the project will be on:
    Laie Elementary web site!

    http://www.k12.hi.us/~laie/

  1. What’s there now?
  2. What is it for?
  3. Who is your audience?
    1. students
    2. parents
    3. potential
    Analysis

  1. Content Sort
  2. Scope – what to keep or add
  3. Structure – organize your site
  4. sketch page layout
  5. code HTML
  6. Code CSS

We had some time today in class to evaluate the site and figure out what we want to do to it. I found some sites I like. I will probably use some of these as guides in the development process.

sample sites:

http://www.ccsd.net/

http://www.billingsschools.org/

http://www.mpsaz.org/

http://emk.scdsb.on.ca/

http://www.discountschoolsupply.com//Community/ParentResource.aspx?es=7913410000W

Posted in Uncategorized | Leave a comment

Midterm

Wow One of the hardest tests I’ve ever taken. Well I guess it wasn’t that it was hard because I understood the material but I had absolutely not enough time to even come close to finishing the exam. I think I made it a quarter of the way through the test before time ran out.

I can not code at an efficient rate. It seemed like a majority of the time, I was trying to find missing brackets or mistyped tags that wouldn’t allow my code to validate. There are so so many css and html tags that I just can’t remember them. I spent a lot of time on w3 schools trying to find the right tag for the styles or elements I was trying to design.

What a nightmare. Fortunately, Brother Curtis is awesome and realized that a majority of the class had the same time issues I did so he’s going to make some adjustments to the way he evaluates our knowledge of the material and out ability to design web sites.

Posted in Uncategorized | Leave a comment

Midterm review cont.

Today we reviewed how to build another webpage using html and css. The following is the result of the review:

html page:

<head>

<title>My Layout</title>

<meta charset=”utf-8″ />

<link rel=”stylesheet” href=”style.css”

type=”text/css” />

</head>

<body>

<section id=”container”>

<header>

<h1>This is smy header</h1>

<p>Welcome to my page</p>

</header>

<nav>these are my links

<ul>

<li><a href=”index.heml” alt=””>Home</li>

<li><a href=”school.html” alt=””>School</li>

<li><a href=”work.html” alt=””>Work</li>

<li><a href=”family.html” alt=””>Family</li>

</nav>

<section id=”main_content”>

<article>

<h1>Introduction</h1>

<p>This is my <span>content</span></p>  (use span if you want to stylize separate sections)

</article>

</section>

<section id=”sidebar”>

these are my ads

</section>

<footer>

this is my footer

&copy; 2010 (entity)

</footer>

</body>

CSS Stylesheet:

body {

background-color: tan;

font-size: medium;

}

#container {

border: 1px dotted blue;

width: 506px;

margin-left: auto;

margin-right: auto;

header {

display: block; (if browser doesn’t support html 5)

border: 1px solid blue;

text-align: center;

width: 504px;

height: 50px;

line-height: .5em;

letter-spacing: .1em;

}

h1 {

font-size: 120%

margin: 0;

padding: 0;

}

header h1, h2 {

font-family: “Arial”, sans-serif; }

p {margin: 0;}

nav {

display: block; (if browser ‘  ‘)

border: 1xp solid blue;

width: 100px; or 25%;

height: 300px;

float: left;

}

nav ul {

list-style-type: none;

border: 1px solid green; (to see where the empty space is)

margin: 0px;

padding: 0px;

}

nav li {

line-height: 2em;

}

nav a {

display: block;

width:  50px;

border: green 2px dotted:

font-family: arial, sans-serif;

nav a: link {

text-decoration: none;

}

nav a: hover {

background-color: blue;

color: white;

}

section {display: block;}

#main_content {

border: 1px solid blue;

width: 280px;

height: 300;

float: left;

padding-left: 10px;

padding-right: 10px;

}

span {font-family: “”}

#content h1 {

}

#sidebar {

border: 1px solid blue;

display: block;

height: 300px;

width: 100px;

float: left;}

footer {

display: block;

border: 1px solid blue;

clear: both;

width: 504px; }

Posted in Uncategorized | Leave a comment

Midterm Review cont.

In class today, we went created an html 5 document that is linked to an external css. This post was the result of that document.

First the html page:

<head>

<title>My Layout</title>

<meta charset=”utf-8″ />

<link rel=”stylesheet” href=”style.css”

type=”text/css” />

</head>

<body>

<section id=”box”>

<header>

<h1>This is smy header</h1>

<p>Welcome to my page</p>

</header>

<nav>these are my links</nav>

<section id=”content”>

<h1>Introduction</h1>

<p>This is my content</p>

</section>

<section id=”ads”>

these are my ads

</section>

<footer>

this is my footer

</footer>

</body>

Now the css page:

body {

background-color: tan;

font-size: medium;

}

#box {

border: 1px dotted blue;

width: 506px;

margin-left: auto;

margin-right: auto;

header {

display: block; (if browser doesn’t support html 5)

border: 1px solid blue;

text-align: center;

width: 504px;

height: 50px;

line-height: .5em;

letter-spacing: .1em;

}

h1 {

font-size: 120%

margin: 0;

padding: 0;

}

header h1, h2 {

font-family: “Arial”, sans-serif; }

p {margin: 0;}

nav {

display: block; (if browser ‘  ‘)

border: 1xp solid blue;

width: 100px; or 25%;

height: 300px;

float: left;

}

section {display: block;}

#content {

border: 1px solid blue;

width: 300px;

height: 300;

float: left;

}

#content h1 {

}

#ads {

border: 1px solid blue;

display: block;

height: 300px;

width: 100px;

float: left;}

footer {

display: block;

border: 1px solid blue;

clear: both;

width: 504px; }

Posted in Uncategorized | Leave a comment