Monday, November 21, 2011

Web Design 101

Currently, I am almost finished with my second semester in Mizzou's Library Science program.  I elected to take Introduction to Web Development since it was recommended to me by a graduate of the program.  She said I should try taking some technical courses because future employers are looking for librarians with basic web development skills.  Today, I have been working for a bit on my end of semester project, a website designed solely with CSS and XHTML.  It can be a real pain at times, but I am happy to see it coming together slowly, but surely.  I am very excited about the prospect of using the skills I have learned in the class to my own website.  Hopefully, Santa will be kind and will give me the money needed to start some webhosting.  Although this blog is nice, I would like for it to be only a component, a page, of a larger website that would have links to my resum√©, my CV, and links to my organizational involvement like LISGSA and the Office of Cultural Affairs in Columbia.

Since this class only teaches CSS And XHTML, I think I definitely need to take Intermediate Web Development next Summer so I can learn about Javascript, Dreamweaver, and other web development tools.  If anyone would like to see what I have done so far with the project website for my Intro to Web Development class, you can go to http://web.missouri.edu/~ravvd6/project/project.html  to see how it is coming along.  Just be warned that before December 5, 2011, this is only a project in progress.  After that date, it ought to be finished completely.  Please feel free to leave comments below on what you think of it so far, and suggestions to make the site better.

Thanks in advance!

5 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. Excellent work. Soon you will be all powerful.

    Though I might suggest the following rule of designing for web: don't underline anything that's not a hyperlink (it confuses your visitors {even me}); Use an em or strong tag instead.

    Happy coding!

    ReplyDelete
  3. Thanks for the comment, Jer. Actually, I was working quite a lot on it yesterday, so I'm fixing some stuff that was pointed out to me through evaluation reports I had to do a couple of weeks ago for homework in my class. That was one of the comments.
    Another was that there was too much "yellow", although the color I chose was peach. Anyways, I went to a tri-color system using one of the color scheme designer websites, so the colors are complementary. I'll try to post what changes I have made soon. I'm trying to make sure that the site works well on Firefox, IE, Chrome, and Safari. In the end, the instructor may use any one of those browsers, or Opera. I have to make sure the site looks good in any of those.
    Have a good Thanksgiving!

    ReplyDelete
  4. I use Firefox as my target browser. Chrome, Safari, and Opera usually look exactly the same. Safari occasionally renders slighly different. Internet Explorer almost always requires a custom stylesheet to look the same - you can accomplish this with a separate styleheet and IE conditional comments ( <!-- [if IE] --> ).

    If you use a standards compliant browser as your base while writing HTML & CSS you'll avoid a lot of custom rules and headaches trying to get them all to look good.

    Speaking of color schemes and designers here's the one I use: Color Scheme Designer 3

    ReplyDelete
  5. Thanks for the tips on IE and the other browsers. It seems to have been a real headache getting things to work on both, especially the navigation bar!

    I used the exact same color scheme designer and it comes highly recommended in my text book.

    ReplyDelete