Nav Bar and backround tutorial blending

Final

Step 1.Create New document 10 inches wide by 2 inches tall at 100 resolution.
step 2: Create a new layer. Take rounded rectangle tool and create a shape at least 8 inches long and and inch to an inch and a half wide. Make
  this rectangle a solid color
Step 3: On a new layer Create a smaller rectangle inside of the first rectangle. Put a gradient on this rectangle
Step 4: Create a button for your nav bar. Use the rounded rectangle tool to creat your desired shape for the buttons.

Step 5:Use the slice tool and outline one of your buttons. Click on the blue square that pops up inside of your outlined button.
Step 6: A box will appear with the options Name, Url,
 target, Message text, alt tag. Fill in the Url with with the website you want your button to take you to. for example,
 https://www.google.com/. Also fill in the target area with the same site.

portfolio website

Widget recreations

Final

I chose to do the Nav bar photoshop tutorial for my final. Its a work in progress at the moment but i should be finishing up tomorrow.

WIdget Website

Ignore the guideline under the search bar that isn't actually there. Fantastic recreation of google if i do say so myself.

progress

i am close to finishing my widget page. its going to be incredible.

widget website

im recreating google and its going to be great.

peter griffin maniac shirt

im about to start my first project of fourth quarter of my senior year. this is crazy.

purpose of a website

This may sound like a foolish question, but it should be the first one you ask when starting every new web project, especially when building your own site. Judging from the many design firm sites I see, most designers do not ask themselves this question, or, if they do, they do not seem to take the time to really think about the answer.

 

Many designers believe that their site’s central function is to show their visitors how creative they are. I disagree. Certainly, a portion of the site should serve this purpose, but this is not the primary purpose of the site. The site’s key role is to generate business, and demonstrating creativity is only part of what converts a visitor into a prospect. Designing a website with the primary goal of demonstrating creativity is akin to an architect designing a demo house with the sole intent of showing how many different styles she can design. The result would be an interesting house but not one anyone would ever choose to live in or buy.

 

The same is true of your website. The site, first and foremost, needs to be a highly usable site. You will not lose a site visitor because the home page is not splashy enough, but you will lose plenty if the site is so “creative” that the visitor cannot figure out how to get to your portfolio section within the first five seconds of landing on the site, for example. The site is the vehicle that attracts the right prospects to your company. It should intuitively guide them to the pages that interest them the most and entice them to engage with you on a more meaningful level at some point during that first visit. Your site is a tour visitors can take of your firm, but it is a self-guided tour, and visitors will probably not follow the path that you expect.

 

There are three performance indicators that you can use to evaluate your site's ability to generate business.

im still working on my third website i am almost finished i just have to put a working link on my page

test page

im posting in the blog so i get a grade for it.

started my final website

today i started designing my third website in photoshop. i didnt get very far. i will post pictures when i am further along

wow

i have to re do my first website and finish my final website. its gonna be a rough week

website stuff

Im on the brink of greatness in the photoshop and html world. I think ive found my calling. from the slice tool to the website text encryption game ive got it all. My next website will be a work of art..

i found my phone

today was a good day i found my phone that i thought for sure was lost. i also did some stuff for my up and coming website. its going to be groundbreaking. im looking for national recognition in the html world.

finished website

today i finished my College sports website. here is a screenshot.

productive day

I actually did too much today. im working on attaching links to my sport site so you can actually click my nav bar. im near an html breakthrough. im about to rewrite the html world with my incredible website.

ideas

my next website is going to be a site all about college sports.

Building my backbone

I found out today that our blog is the backbone of our grade. This blog is a model of my backbone. I take pride in my backbone. I have a great backbone. Best in the class.

nav bar

this is my nav bar. it is one of a kind

origins of the internet

JCR licklider envisioned the internet. He called it his galactic network. He developed it in 1962. Html means hyper text mark language. It is what the websites are written in.

top ten websites

 amazon is easy to operate and find what you are looking for

 bing is a great search engine

 cnn has the most current news and is easy to navigate

 espn is a great website and easy to use

 best search engine

 grooveshark is easy to access and use

 lax.com is very simple and easy to use

 the weather channel website is easy to use

 yahoo is a convienient website for any type of news and email

msg is a simple website that shows games and gametimes

banners

a banner is different from a header because a banner follows a specific theme. The banner is trying to sum up what the company or website pertains to. The header is more of a logo specific to the company name. Banners dont rely solely on the name there are other elements envolved to making a sucessful banner. There can be information about the company on the banner. Say the website is having a sale and they decide to put that into there banner in order to make it obviously clear that they are having a sale. A banner can also contain a slogan or something of that matter to try a catch your attention with not just color but words.

pixel header

this is a very succesful website header. it is composed of pixels. pixels are extremely tiny squares set up like a grid that make up pictures and colors on computer monitors and tvs. 

prepare yourself

feast your eyes on the glory that is my step by step project.

face cards

im working on a golden essay

today i typed 139 words about a website. I dont see myself writing more than 500 i get bad finger cramps. im looking forward to the tutorials that mo is speaking of. that is all for today.



p.s Mo i am not changing my profile picture

today in class

today ross and i roamed the halls in search of inspiration for the how to project. we rode the elevator and took picture of the process of riding the elevator. its gonna be an unbelievable project