February 16, 2010

Week 6

Home Page:



Photos Page:



Registration Page:



I created these 3 page designs using Adobe Photoshop. Using different gradients, shapes, and colors I was able to create a unique design and keep consistencies between pages such as the background, header, navigation and round content boxes. Since the site had to emphasize education and technology I tried to show this by making the page look as if it was a notebook. For the background I chose a green gradient because when I think of technology I think of the color green since circuit boards are usually green. On the home page I placed a cd and a pencil graphic to represent where learning and technology meet. Also on the home page I was thinking about how at conferences they have name tags like "hello my name is" so I tried to go off that idea.

February 9, 2010

Week 5

Before:



After:



Craft: Using Dreamweaver I created a new html page named index.html. Then I added a 2 column table with several rows. I inserted my images into the left column and text into the right. Using the "Page Properties" window I changed the basic features such as the background, text color, font size/color, and link colors. With my knowledge of CSS I created my own styles for things like the description and title. After that I went into photoshop and created my own design to make it less boring. I saved the different images and created more styles. I then made divs to hold that content (ie. the header, DW/PS logo, and the "Designs by.."). In the end this is the result > click here.


February 8, 2010

Week 4


Website: Designistic.com/web/iweb2

Craft: I used an iweb template and made 3 different pages. Each page I changed the text and pictures by typing and dropping in pictures.

Concept: To create a website that features my sister's dog and make you laugh a little while reading it. I also wanted to make it feel like it's made by the dog and I think this template, which is kind of ugly, does the trick.

Composition: I placed an interesting picture of her dog large on the first page because I wanted it to stand out. I also chose pictures that were more interesting. The template I left pretty much alone.


February 1, 2010

Week 3


My website url : Designistic.com/web/iweb1
host: 1and1.com


After publishing the site to a folder using iweb (File>publish entire site) I dragged that folder to the folder that I made for my website on my hard drive. I went to Dreamweaver and set up the correct setting in the "manage sites" allowing easy access each time I want to upload my different websites. I then used the "put" feature to correctly put my site into my remote folder on my domain.