Web Design Basic Structure

One of the first things to learn in HTML is the basic structure and syntax needed to make a simple web page. The below markup is what a basic webpage* looks like:

1
2
3
4
5
6
7
8
9
10
<html>
    <head>
        <title>This is the page title</title>
    </head>
    <body>
        <h1>Heading one</h1>
 
        <p>This is a paragraph of text. Notice the tags that surround me</p>
    </body>
</html>

* There are a few tags not included in this example for the sake of simplicity

Reading through it you can see tags surrounding various sections of content. This effectively marks that content and attachs meaning to each bit of information in the document. Altogether the tags and content contained are called an element.

I know it is relatively easy at this point and I anticipate some of you will try using new tags before we talk about them in class. That is the way to learn, and good on YOU! Repetitive use of the syntax, coupled with excellent organization will make future learning, experimenting, and debugging much more efficient and a lot less frustrating.

Are you a organized person? Tell me a few things that you do to stay organized in you life.


12 thoughts on “Article Postings

  1. craig

    I thought it was quite interesting the divide that the respondents posted about the need for education in website design. I suppose website design is like most jobs where if you have the skills, one doesn’t need to have a degree. Well, as of yet I don’t possess the mad skills, but hope to be in the ballpark by the end of the semester.

    1. Tryenamy

      Hey everyone, this is Ryan Higley and I work with Adam in the Instructional Technology Center here on campus. I created all the artwork for the course this semester and helped Adam with some of the gamified elements. I’ll be popping in here occasionally throughout the semester with comments and ideas mostly related to design. I’m excited to talk with you all.

      1. Abdoanmes

        Thanks, Ryan! Thank you a bunch for helping with the design as it adds a much better feeling to the completely gamified course. Your incite on design principles and visual communication will definitely be appreciated.

    1. adam

      If you comment using the reply under someones name, you will be able to reply in context to that person. Click the reply under the article if you want to reply to the overall topic.

      1. adam

        Comments can go three levels deep. Oh, and by the way, we are experiencing a few issues with the badging points, so bear with me as I figure that out. Just so you know, I will be keeping track of you grade outside of the system so that you are accurately awarded the proper grade.

Leave a Reply