Tag Archives: html

Making strides

Forty-eight hours. I have officially been working on coding my website so far for 2 days, and in the last hour and a half, it has finally started to come along.

I was struggling quite a bit to understand the navigation bar as well as how html/css actually works. I can’t say I’m an expert in either by any stretch of the imagination, but I finally have a skeleton homepage with a working top navigation bar.

Website screenshot -- look the title button changed colors when I moused over it!
Website screenshot — look the title button changed colors when I moused over it!

My website timeline:

1) Get my top navigation bar working first — the links aren’t pointing at anything yet, but I know they are active. CHECK

2) Get the top navigation bar working — it should be similar to the top navigation bar, so I imagine it will be a closely-related process. TO DO – Week 5

3) Place the rollover button links in the main body of the homepage. TO DO – Week 5

4) Rebuild my buttons for the middle of the homepage in Illustrator as vector images and replace the previous images. TO DO – Week 6

5) Create .html pages for the 18 pages linked from the homepage. TO DO – Week 6

6) Create a background image for these pages. TO DO -Week 6

7) Fill in the content for these pages. TO DO -Week 7

8) Try to break the website and remove kinks in the design. TO DO -Week 7/8

9) Turn in website (& blog)! TO DO -June 28.

This timeline is daunting as I have to complete it in the next month, plus I really need to start working on my dissertation and my radio module. And keep training for Tough Mudder. YIKES!

All right, well freaking out won’t change a thing, so hiddy ho, here I go!

Advertisements

Good websites

I am looking for inspiration for my website design. I don’t want to make just a plain, professional website. I want my website to look smashing, but not gaudy.

Here are examples of good professional websites.

I like their layouts and the use of graphics. On the other hand, I really like the navigation from this German website.

More examples of navigation.

Here are some navigation things in Photoshop. I think this is a good tutorial website because (I think) I will be building a lot of the designs in Photoshop and using Dreamweaver to make them work.

From this rundown, I really like the website toward the bottom that uses post-it notes. I have been using a TON of post-it notes since I’ve gotten here and I think they definitely represent my life as of late.

Found this PSD to html site as well. Looks like it might be helpful in converting from one platform to another. Don’t want to use it now, but nice to save it for future use if need be.

Random ideas: 

Silhouette of a person holding horn with the different pages coming out of it. 

Colors: Orange, yellow, white, black

Love this one with the guy running with the banner.

Dreaming of Dreamweaver

Hey everyone,

So I think I am starting to get the hang of Dreamweaver ever so slightly. To be honest, it’s a pretty cool program. Well done Adobe. My professor gave us a handout with some coding examples to try out on our own.

I would share it online, but honestly not worth the effort. Just trust me, it’s cool.

Here's a screen shot at least...
Here’s a screen shot at least…

It involved an html page linked to a CSS style sheet. I do appreciate how everything is kept separate between the two pages. It makes the html coding look really clean and the CSS is easy to read. It’s just a ton of definitions.

I did decide to order a Dreamweaver help book. I was so excited when the package came on Friday with the book in it — until I opened it. The seller sent me a Photoshop book instead. While I could probably use a Photoshop help book, it is not what I ordered, so I am going to have to send it back and wait on the Dreamweaver book.

Not the book I ordered :(
Not the book I ordered 😦

Sigh. Oh well. As is life.

Cheers until next time.

xxx