Im Baaaaackk!!

OK folks, I noticed that some of you did little to NO posting while I was out, remember I need your posts to grade you. This is how I track your progress. The more detailed your posts are the better you grade is going to be. An easy way to ensure a good grade is to post pictures or a screenshot of projects whether they are finished or in progress.

I am quickly coming up on the interim and I NEED to see some of your BLOG posts with pictures.

While I was out you should have been developing a plan for your next WEB SITE. for this assignment you most post the following.

-PURPOSE STATEMENT- this tells what your WS is about in moderate detail.

-COMPONENT CONSTRUCTION- this is a 5 part project. The components should all carry a specifically designed theme that directly corresponds with the purpose of the WS.

-LOGO- upper left corner no larger than 100px X 100px
-BANNER- immediately to the right of the logo. and fills the remainder of the width, the height should be the same as the LOGO.

-NAVIGATION BAR- either vertical or horizontal, if you choose vertical then the width should be the same as the logo, if you choose horizontal then the width should be the same as the logo and banner together. This component should contain text using Photoshop.

-FOOTER- do your research here and post your findings, footers vary but usually keep the same size at the page itself and contain many of the same links as the navigation bar with a few extras. The text in this component is NOT nearly as prominent as the text in the Navi Bar.

-CONTENT/BACKGROUND- Create a simple JPG in PS that uses the size of the page that has a  textured theme or a simple gradient that completes the a color coordination, USE a color wheel if necessary.

I am looking for the level of creativity to be stepped up. Using PS or ILL. to construct the following components. each component will be placed onto a new HTML page. remember you have to create a new folder for this project so you can save IMG or .JPG's so your HTML knows where to locate it. IF you have ANY questions I will be around, I know the level of PS varies in this class however your explanation of your vision can help me to help you.

Thanks
MO

latest

We are still working on the list of assignments from the 2/21 post. That list is your in-class agenda through Wednesdays class. Also to add to the list would be to connect a second page to you r HTML. There is a chance that I will be out tomorrow and possibly Wednesday.

If you are finished you are to write and post a Proposal for your next project, a new web site, the purpose for the WS is in the service industry. For Example- Lawn cutting, butler service, at home car wash, etc etc.

These companies are the backbone of the internet advertising explosion. Suggestive design throught the major components will help sell any business. For a buler service maybe the background is designed like a tuxedo, with very clean lines and cifflinks as the navigation bar buttons. This project will take research on your part to hel design the look. All work will be done in Photoshop. Anyone who lacks in PS knowledge will get help. As always remember small things like:
-Logo design
-colors
-font choice
-target market
Will shape a successful design.

Comment that you have read this and understand it, also post ANY questions.

Thanks
MO

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

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

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

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

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

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.

Sorry I out, but while Im away.......

What is a banner- On a website, the banner is a large image found on the upper part of the page. It usually contains the name of the website and an image related to what is on the page, and/or advertising which is typically used to defray the cost of running that website and/or earn the page/site owner some money

What is a header- a website header is a graphic that contains information about the website products or services and this graphic sits on the top of the web page.


I want you to dig further into these topics and post on your blog the differences you find, search any where and site your findings, I will be grading the quality of your post.

If you finish you will have the rest of the period to finish any of the previous posts. INCLUDING THOSE THAT DON'T HAVE A REAL PICTURE FOR YOUR PROFILE- what a great way to spend the period- that means no cars or karate guys or Alkiada Terrorists, We will start PS and Illustrator tomorrow, right now I have to do this thing.


Thanks
MO

make sure you have.....

-10 successful Websites with thoughts about each one.
-5 commonalities
-Post your picture for your BLOG profile pic.
-design your back ground
-2.5 pages on the purpose of a website. as per this article click HERE

Then Post your Super Bowl prediction and score here to let me know that you have read this post.

thanks
MO