Alas, one of the things that did not translate from my Dreamweaver 4 book was divs. I couldn't even find it in the book. I ended up going back to youtube to find a tutorial. I ended up using this one:
I've looked at other dreamweaver tutorials made by the same person before. I think he makes it easy to understand for the most part. It's especially helpful to me because I can see where he's finding all the tools in the program whereas if I use a book I sort of have to figure out where everything is for myself.
I decided to try to copy the Black Phoenix Alchemy Lab homepage for class (http://www.blackphoenixalchemylab.com/). I used only divs to make the website. Thanks to the tutorial I watched, I found it pretty easy for the most part. I did have some problems, though. When I got up to the main text on the page, I didn't know how to make it in one box that would wrap around the main image, so I ended up making two separate divs, one to the right of the image and one underneath.
I also did not know how to use a custom font as they did on the left nav bar, so I just stuck with a default font. I was afraid if I tried using a different font I would end up with something that can't be seen on all browsers.
On the BPAL website, when you hover over the text in the left nav bar, it changes from gray to black. I also did not know how to replicate this.
For the most part, I think I managed to replicate the site pretty well.
EDIT:
EDIT:
I posted comments on the blogs of Valerie, Ivana, and Brandon.
1 comment:
Hey Katie!
Thanks for the tutorial on divs from you tube. That was so helpful!
Also, when it comes to using fonts, you can add fonts to the list of styles but if you are worried about them being seen in other browsers you can create an "image" of text in photoshop and then insert it as an image. This is good for titles, not really for long bodies of text.
Post a Comment