Monday, February 25, 2013


I want to design a website to sell myself as a yoga instructor. I have a number of ideas about the design of the website, I would like to include some aspects of eastern art and mix them with some pop art design concepts. I think the design has to be very simple and straightforward, I want to take a minimalist approach to the different elements because a lot of times websites are over embellished and it leaves them looking tacky. I will have to look around for a font and I think color wise I can use a color scheme consisting of while, black purple and indigo. The target market is upper middle class people though mostly women.

<!doctype>
<body background="pictures/smoke.jpg">
<h1>
<img src="Pictures/Jamieswebsitebanner.jpg" alt="banner" width="750" height="100">
<h1>
<p1>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74LwQkM6X9XAwRTdqLqebg4rNlDuX3M7Ck7Gay4QhWufwDq534WRZ3zfvLKJxwnxkseSq1dsK3tKakeU83p7HnfGUUhde8GUlaNFuHDJMK6KhIahiLZEuAEgdPzF0KVGMp8Qi6IZuAiQ/s1600/NAVGATION+BARRR.JPG" alt="navigation bar" width="61" height="462">
<img src="http://mariehallagerandersen.weebly.com/uploads/1/2/1/8/12185999/5089064.jpg?231" alt="David Life" width="238" height="241">
<img src="http://mariehallagerandersen.weebly.com/uploads/1/2/1/8/12185999/5089064.jpg?231" alt="David Life" width="238" height="241" Border="20">
<P1>
 Today I put a background around a second image using the code above.

Friday, February 22, 2013

Thursday, February 21, 2013

Work from 2/21/2013

I wrote the code for this webpage today, I put in a navigation bar, a header, a picture and a blue background.


<!doctype>
<body BGcolor=blue>
<h1>
<img src="Pictures/Jamieswebsitebanner.jpg" alt="banner" width="750" height="100">
<h1>
<p1>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi74LwQkM6X9XAwRTdqLqebg4rNlDuX3M7Ck7Gay4QhWufwDq534WRZ3zfvLKJxwnxkseSq1dsK3tKakeU83p7HnfGUUhde8GUlaNFuHDJMK6KhIahiLZEuAEgdPzF0KVGMp8Qi6IZuAiQ/s1600/NAVGATION+BARRR.JPG" alt="navigation bar" width="61" height="462">
<img src="http://mariehallagerandersen.weebly.com/uploads/1/2/1/8/12185999/5089064.jpg?231" alt="David Life" width="238" height="241">
<P1>

Wednesday, February 13, 2013


<!DOCTYPE>
<html>
<body>
<a href="http://www.allenginsberg.org/uploads/images/0479.jpg">RAM DASS</a>
<title>LOVE</title>
<h1> Krishna is the superme personality of the godhead. </h1>
<p><font size=5><b> Jamie is a Shavite though so it doesn't matter.<font/><b/><p/>
</Body>
</html>

This is the code I wrote today  and this is a screen shot of what It would look like on a website, it looks pretty awful but I was successful at writing the code.



http://www.mustrad.org.uk/coding.htm

http://www.w3schools.com/html/html_examples.asp

http://www.stepbystephtml.com/htmltut/?step=1

Tuesday, February 12, 2013

J.C.R. Licklider of MIT envisioned the internet he imagined a global system of computers that could upload , download or access data from any site.

Html means Hyper text marking language
Notepad or text wrangler are the most basic HTML writing programs
Notepad, Adobe Dreamweaver, Adobe Flash, Microsoft Publisher

Thursday, February 7, 2013

The average size of vertical navigation bar is 100x750 for a horizontal one it would be about 750x100

Wednesday, February 6, 2013

Today I designed a banner for my website. I also changed my background image on my blog because I didn't like the way it was blurry. I'm curious about how to import fonts into Photoshop because all the stock ones are ugly. I also uploaded my banner to blog however I removed the text as my blog already has a title.

Jamie's website banner


Tuesday, February 5, 2013


A header is an image that goes across the top of the screen on a website and useally contains the tittle of the website and can also contain navigation links for the website.
 A banner is a image that is usually an advertisement and contains a link to whoever the advertiser is. banners are often used to monetize a website and there is no one specific location to place a banner although across the bottom of the screen or on the right or left hand margins are common places.


http://affiliatethinktank.com/what-is-the-difference-between-logo-header-and-banner/

Monday, February 4, 2013

The average size of a header is between 750x50 pixels and 1000x120 pixels. here is an example of a cool and well designed header.
Pixel stands for picture element and is the smallest unit in any display device it is usually regarded as one individual unit of color that forms an image. on an LCD monitor pixels are placed on a 2-d grid and are shaped as a dot or square.


Classwork for Friday Feb 1st

I was attempting to put a custom image was my background but the file size was too large. I went into photo shop and reduced the size of the image a great deal until it fit under the 30 kilobyte limit. however now the image more blurry than I would like