WEB DESIGN

Friday, February 22, 2013

opening your HTML page

Some people have difficulties opening their WP.
You can see below that I have the HTML page open as an internet page, then you should be able to goto OPEN- OPEN WITH- NOTEPAD. try that

Thursday, February 21, 2013

What you should have so far....

1- BLOG- this grade includes daily maintenance and pictures of any current project either finished or unfinished.

2- 2.5 page paper on "purpose of a WS"
3- list of 10 websites with reasons.
4- HTML- basic text.
5- HTML- basic text with picture.
6- HTML- basic text with picture & banner.
7- HTML- basic text with picture, banner & navigation bar.
8- HTML- basic text with picture, banner, navigation bar & frames around a new picture.

#'s 4 through 8 are all the same project that you are building, this particular HTML WS, does not have to have a particular purpose. Our next project will be designed for a specific purpose.

Use your BLOG's as a resource, find people in this class and follow their BLOG so if a question comes up you can refer to their post.

thanks
MO

Wednesday, February 20, 2013

Continue your HTML project

Using w3schools.com as your resource- you should have the following
#1- title tag (RED) name of WS
#2- img tag (GREEN)
#3- head tag (BLUE) -some of you may have inserted an image here.
#4- p tag (purple) body of text

Things to work on if you are up to this point.

-Back ground color
-Frames around new images.
-wrapping a body of text around an image.

Continue working on these issues and remember to BLOG ABOUT IT!!!

Thanks
MO

Wednesday, February 13, 2013

I think we are ready to start designing a page.

I have been wasting enough time making you read and write, time to start designing.

Lets start with basic CODING. for HTML.

As you found out yesterday Hyper Text Markup Language (HTML) is the main markup language for creating web pages and other information that can be displayed in a web browser.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the web page content. HTML tags most commonly come in pairs like <h1> and </h1>, although some tags, known as empty elements, are unpaired, for example <img>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tags, comments and other types of text-based content.

Today we will start a basic HTML page, I understand that this class is at Varying levels, I want you to stick to the instruction. but if you surpass where we are, It is your responsibility to BLOG about it. Click HERE to find an online HTML editor.

Then open your start menu- accessories- notepad.

Thanks, be patient
MO

Tuesday, February 12, 2013

READ and answer the questions below

CLICK HERE, then read from "Origins of the Internet"

Answer this question in full on your BLOG.

#1- Who is credited for envisioning the "internet"? What did he call it? When did it happen?

THEN CLICK HERE, then read from "what is HTML" and answer these questions on your BLOG.

#1- What doe HTML mean?
#2- What is the most basic program to write HTML?
#3- How many different programs on the computer you are working on right now can build a website? name them.

Thanks
MO

Wednesday, February 6, 2013

FINISHED WITH THE HEADER????

START A NAVIGATION BAR.

Remember Navigation bars can be horizontal (SHOWN BELOW) or vertical, also shown below.

Both of these components have very specific sizes, do your own research to find what size will work for you.

Using your Banner (You may want to make changes to your Banner now. Open doc.- Ctl-U) as a model for a color theme create a Navigation bar with at least 7 buttons. Use the type tool to name the buttons. Advanced students should be using guide lines and expeiience to create a "flashier" looking button.

I will be around to help.

Thanks
MO

create a banner

#1- Using PS- open a new document 750px X 90px @ 100res.

In thie space Create a a banner for a website. You must use full color, and Text. When you are FINISHED youy must save the doc. as a JPG. in order for it top be used as a WEB ready Graphic, this work should be save in your Web Design folder in a folder called Graphics. Name the Document before you save it. DO NOT leave it "Untitled-1"

Your First WS is the subject of your project but does not have to be the WS name. This is just 1 component of 6 major components that must carry a theme. From Banner to Footer. Right now we are not concerned with functionality.