A foray into web design

Before I continue my series on scientific visualization with Python, I want to segue into another realm of computing: web design. I have nearly zero experience with web design and programming for the web, but when people hear that you like to “program,” that’s the first thing they ask about. Back in the day, I learned HTML and some some basic CSS, as well as a small amount of JavaScript, but I’ve never really deployed anything more than a GeoCities website.

Until now. I was asked to become the webmaster of the CCAMS website, a job which really just entails keeping the news up-to-date and making sure the thing doesn’t crash too heinously. But in the vein of Walt Disney, I feel compelled to “plus” it. The site looks a bit dated; it’s got bloated JavaScript menus and a less-than-beautiful design. I immediately thought that it could be rebuilt into something incredible, so I decided that I would finally learn web design and build a great, Web 2.0 site for the club. Problem is, I don’t have any idea how to do that.

Or I didn’t until a few days ago. A friend recommended I use Django to build the site, and after having spent a day reading over version 2.0 of the Django Book, I’m compelled to do so. I envision the new CCAMS website as a hub for our club/department’s activities. It should be able to dynamically serve forecasts and keep up-to-date news and goings of the club. It should support users so that members with certain responsibilities – such as the WeatherPhone or Forecast Competition – can log in and discretely upload their data for others to see. The site could evolve into a really useful utility.

But first I need to practice deploying a fully-functioning site. I decided to design myself a simple 6-page home website. Last night I went into GIMP and drew out a template for what the site should look like (see the bottom of the page). It’s really a simple thing:

  • The title changes to reflect what page you’re on
  • The navigation bar also does
  • The main content is served in the white body wrapper
  • The footer at the bottom will h.ave some sort of cute, random quotes

At least, at first. Each of the navigation pages will afford me a chance to practice a certain technique which will help me learn Django for the CCAMS site:

  • Home – A simple, static page for starting out
  • Resume – I’ll write a simple app which will store the data for me resume in a database. Then, I can dynamically serve that data when the user visits the “Resume” tab; I’ll have Django query the DB for all the information, style it in nice CSS, and present it in a few formats like HTML, PDF, PostScript, the likes.
  • Research – Like Resume, but simpler. Rather than generate a new file to present for download, I’ll just display it directly on the screen.
  • Music – I plan on writing an app for the CCAMS site that downloads information from NOAA/NWS, and this will be preparation for that. I’ll gather media and information for bands like Weggalo Star and the Cornell Symphony Orchestra and present it dynamically on this page
  • Blog – Every web designer undergoes the rite of passage of building a blog application. I’ll take an existing one, hack it to my needs, then re-code it by hand from scratch to synthesize everything I’ve learned
  • Contact – A simple form-driven contact page.

I’m pretty excited. I hope to spend the rest of today coding a static HTML/CSS homepage to get the website all layed out.

template

Advertisements

~ by counters on June 20, 2009.

70 Responses to “A foray into web design”

  1. Yeah, I used to make web pages which may be not much specific, But I will try this, Thanks.

  2. Hello there!
    I’m wondering if you might be interested in doing a website link swap? I notice your blog: https://helicity.wordpress.com/2009/06/20/a-foray-into-web-design/ and my blog are based mostly around the same topic. I’d love to swap links or possibly guest author a
    post for you. Many thanks.

  3. I like the helpful info you provide in your articles.
    I will bookmark your blog and check again here regularly.
    I am quite sure I’ll learn a lot of new stuff right here! Best of luck for the next!

  4. Fantastic beat ! I would like to apprentice while you amend your site, how could i
    subscribe for a blog site? The account helped me a acceptable deal.
    I had been a little bit acquainted of this your broadcast provided bright clear idea

  5. Wow, incredible weblog layout! How long have you ever been blogging for?
    you make running a blog look easy. The whole look of your site is great,
    let alone the content material!

  6. Thanks in support of sharing such a fastidious thinking, piece of writing
    is pleasant, thats why i have read it entirely

  7. I have read a few excellent stuff here. Definitely value bookmarking for revisiting.
    I wonder how so much attempt you place to make any such magnificent informative website.

  8. I am sure this article has touched all the internet visitors, its really really nice piece of writing on building up new weblog.

  9. Very nice article. I certainly appreciate this site.
    Stick with it!

  10. I’ve been surfing online more than three hours today, yet I never found any interesting article like yours. It’s pretty worth enough for me.
    In my opinion, if all web owners and bloggers made good content as you did,
    the web will be a lot more useful than ever before.

  11. Wonderful site. Plenty of useful information here. I am sending it to several buddies ans also sharing in
    delicious. And naturally, thanks in your sweat!

  12. This is a good tip particularly to those new to the blogosphere.
    Brief but very accurate information… Many
    thanks for sharing this one. A must read article!

  13. I am sure this article has touched all the internet people,
    its really really fastidious paragraph on building up new web site.

  14. It’s remarkable to visit this web page and reading the views of all friends concerning this piece of writing, while I am also eager of getting know-how.

  15. That is really interesting, You are an excessively skilled blogger.
    I’ve joined your rss feed and stay up for seeking more of your excellent post. Also, I have shared your site in my social networks

  16. Remarkable things here. I’m very happy to peer your article. Thanks so much and I’m having a look forward
    to contact you. Will you kindly drop me a e-mail?

  17. When some one searches for his vital thing, thus he/she needs to
    be available that in detail, thus that thing is maintained over here.

  18. We are a gaggle of volunteers and starting a new scheme in our community.
    Your website provided us with useful info to work on. You’ve performed a formidable process and our whole community shall be thankful to you.

  19. Hello mates, its wonderful piece of writing
    about cultureand fully defined, keep it up all the time.

  20. Hey There. I found your blog using msn. This is an extremely well
    written article. I will make sure to bookmark it and return to read more of your useful
    information. Thanks for the post. I’ll certainly comeback.

  21. My partner and I absolutely love your blog and find the majority of your
    post’s to be just what I’m looking for. Does one offer guest
    writers to write content to suit your needs?
    I wouldn’t mind publishing a post or elaborating on some of the subjects you write about here. Again, awesome web log!

  22. Today, I went to the beach front with my children. I found
    a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her
    ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally off topic but I had to tell someone!

  23. Greetings! Quick question that’s totally off topic. Do you know how to make your site mobile friendly? My web site looks weird when browsing from my iphone4. I’m trying to find a theme or plugin that might be able to
    correct this issue. If you have any suggestions, please share.
    Thanks!

  24. If some one desires to be updated with most recent technologies afterward
    he must be pay a visit this web site and be up to date every day.

  25. I really like your wordpress web template,
    exactly where would you down load it from?
    This blog does not render appropriately on my iphone 3gs
    – you may want to try and repair that
    Audio began playing anytime I opened this internet site,
    so frustrating!
    I believe one of your advertisements triggered my web browser to
    resize, you may well want to put that on your blacklist.

    I just added this weblog to my feed reader, excellent stuff.

    Can’t get enough!
    This is a fantastic web page, would you be interested in doing an interview regarding just how you developed it? If so e-mail me!
    Thank you, I’ve been hunting for info about this
    subject matter for ages and yours is the best I have discovered
    so far.

  26. Read carefully below so that you know exactly
    what time the items that you want are going to go on sale.
    Now unplug and open the Belgian waffle maker to confirm if it is properly baked.

    A bonus is that it can be stored upright to
    save storage space.

  27. I simply wanted to take a couple of seconds and inform you
    that I really liked the article. I seriously don’t think generally people know what amount of work that gets put into constructing a good post. I recognize this will be sort of random but it really bothers me sometimes. Anyways fantastic blog.

  28. The hosts file is a popular, cross-platform way of blocking access to certain domains, such as ad-serving websites.
    ) at a rate of one drop of essential oil per tablespoon of
    base oil. I confess that I was a little bit skeptical at initially.
    When choosing a treatment for your own hair, pick something organically grown or
    natural as opposed to something fabricated. Exactly what the oil does is clean and exfoliate your hair
    follicles, help make your bloodstream circulate better all around
    your head and in return boosts the process involving hair growth and acts as
    being a supercharger for making your hair get bigger.

  29. Wow that was odd. I just wrote an incredibly long comment but after I clicked submit
    my comment didn’t appear. Grrrr… well I’m not writing all that over again.
    Anyhow, just wanted to say superb blog!

  30. Hi! I know this is sort of off-topic however I had to ask.
    Does building a well-established website such as yours take a massive amount
    work? I am brand new to operating a blog however I do write in my
    diary daily. I’d like to start a blog so I can easily share my experience and feelings online. Please let me know if you have any suggestions or tips for new aspiring blog owners. Thankyou!

  31. Appreciation to my father who stated to me on the topic of this webpage, this blog is really amazing.

  32. What’s Going down i am new to this, I stumbled upon this I’ve discovered It absolutely useful
    and it has aided me out loads. I am hoping to give a contribution & help different users
    like its aided me. Great job.

  33. Heya i’m for the first time here. I found this board and I to find It really useful & it helped me out a lot. I am hoping to provide something back and aid others such as you helped me.

  34. I’m not sure exactly why but this web site is loading very slow for me. Is anyone else having this issue or is it a problem on my end? I’ll
    check back later on and see if the problem still exists.

  35. Steven Scott is a Maui-based freelance travel writer and photographer
    and can be reached at thehawaiitourist@gmail. s a great way to have fun,
    relax and learn a lot about other cultures. ll encounter stunning castles, forts and relics that date back to the days of the crusades.

  36. Grab your flip-flops and head on to Hawaii Island for an unforgettable holiday.
    s a great way to have fun, relax and learn a lot about other cultures.
    ll encounter stunning castles, forts and relics that
    date back to the days of the crusades.

  37. We are a group of volunteers and opening a new scheme in
    our community. Your website offered us with valuable info
    to work on. You’ve done a formidable job and our whole community will be thankful to you.

  38. If you are going for best contents like I
    do, just go to see this web site daily since it
    presents feature contents, thanks

  39. I’m amazed, I have to admit. Seldom do I come across a blog that’s both
    equally educative and entertaining, and without a doubt,
    you have hit the nail on the head. The problem is something not enough people are speaking intelligently
    about. I am very happy that I came across this during my hunt for something
    relating to this.

  40. Magnificent items from you, man. I’ve bear in mind your stuff prior to and you are simply too fantastic. I actually like what you have bought here, really like what you’re stating and
    the way in which in which you say it. You are making it entertaining and you
    still care for to keep it smart. I cant wait to read far more from you.

    That is actually a terrific site.

  41. I really like it when people come together and share thoughts.
    Great blog, continue the good work!

  42. I love your blog.. very nice colors & theme. Did you create this website
    yourself or did you hire someone to do it for you?
    Plz respond as I’m looking to create my own blog and would like to know where u got this from. thanks

  43. What’s up to all, it’s in fact a good for me to pay a visit this site,
    it contains precious Information.

  44. For most up-to-date information you have to pay a visit the web and on internet I found this web site as a most excellent website for hottest updates.

  45. A certified medical assistant’s career direction is elevated by taking up additional courses and become a licensed practical or vocational nurse. s part of Sony-ATV Music Publishing Catalog, which includes the Beatles songs, that Jackson had previously used for taking massive loans to support his lavish lifestyle. Repair jobs may include computer-specific hard drives and different operating systems.

  46. I drop a leave a response when I appreciate a
    post on a site or if I have something to valuable to contribute to the
    discussion. It is a result of the sincerness communicated in the post I looked at.
    And on this article A foray into web design
    | Helicity. I was moved enough to create a commenta response
    🙂 I actually do have a couple of questions for you if it’s okay. Is it only me or does it look like a few of these comments appear like they are written by brain dead people? 😛 And, if you are posting at additional online sites, I’d like to follow everything fresh you have to post.
    Could you list the complete urls of your community pages
    like your Facebook page, twitter feed, or linkedin profile?

  47. Indeed, most car companies liked to finance shorter loans in order to obtain a bad credit
    christian debt relief is not as difficult as everyone thinks.
    Just because you have earned minimal credit standing from a earlier financial loans, because of irregular
    repayment schedules. Due to such things, the chances are that
    a company site can be a home, or your vehicle could act as
    security. Generally, the loan amount that
    is available the individual should repay regularly
    and build his credit rating. If you can get approved for
    loan.

  48. Thanks for one’s marvelous posting! I seriously enjoyed reading it, you’re a
    great author.I will be sure to bookmark your blog and may come
    back later in life. I want to encourage that you continue your great
    job, have a nice day!

  49. Terrific work! This is the type of information that should
    be shared around the net. Disgrace on the seek engines for now
    not positioning this put up upper! Come on over and
    discuss with my site . Thank you =)

  50. I absolutely love your site.. Great colors & theme.

    Did you make this web site yourself? Please reply
    back as I’m attempting to create my own personal website and want to find out where you got this from or just what the theme is named. Cheers!

  51. PoorSo what is the actual credit score needed
    to get a quality Bad Credit Auto Loans. Alan Burton is the
    owner of such a car right now. So, dealership financing seems like a good alternative.

  52. Hello my family member! I want to say that this post is awesome, great written and include
    almost all vital infos. I’d like to see more posts like this .

  53. excellent submit, very informative. I’m wondering why the other specialists of this sector do not realize this. You must proceed your writing. I’m confident,
    you’ve a huge readers’ base already!

  54. I’m not that much of a online reader to be honest but your blogs really nice, keep it up!

    I’ll go ahead and bookmark your website to come back later on. Many thanks

  55. I was excited to uncover this great site. I need
    to to thank you for ones time due to this
    wonderful read!! I definitely enjoyed every little bit of it and i also have you bookmarked
    to check out new things on your website.

  56. I like to share understanding that will I’ve built up through the 12 months to assist enhance team overall performance.

  57. Do you have a spam issue on this blog; I also am a blogger, and I was curious about your situation; we have created some nice practices and we are looking to trade techniques
    with others, why not shoot me an e-mail if interested.

  58. I like to share information that I’ve built up through the calendar year to assist improve group efficiency.

  59. You ought to take part in a contest for one of the
    highest quality blogs on the web. I am going to highly recommend this web site!

  60. This makes sense, because the magazine is distributed in Tehran in
    Persian businesses in Los Angeles County. In some cases insurance companies might also require that the owners have genetic screening done on the puppies before they can be insured.

    To learn more about these products follow this link ‘.

  61. Hello there! Quick question that’s completely off topic. Do you know how to make your site mobile friendly? My site looks weird when browsing from my apple iphone. I’m trying to find a
    template or plugin that might be able to fix this issue.
    If you have any recommendations, please share. With thanks!

  62. Great post however I was wondering if you could
    write a litte more on this subject? I’d be
    very grateful if you could elaborate a little bit further.
    Cheers!

  63. Hey there, I think your site might be having browser compatibility issues.
    When I look at your blog site in Chrome, it looks fine but
    when opening in Internet Explorer, it has some overlapping.

    I just wanted to give you a quick heads up! Other then
    that, awesome blog!

  64. I love what you guys are up too. This type of clever work and coverage!
    Keep up the superb works guys I’ve added you guys to our blogroll.

  65. Hello just wanted to give you a quick heads up. The text in your content seem to be running off the
    screen in Opera. I’m not sure if this is a formatting issue or something to do with browser compatibility but I figured I’d post to
    let you know. The design look great though! Hope you get the issue
    fixed soon. Cheers

  66. Its not my first time to pay a visit this web site, i
    am browsing this site dailly and obtain nice facts from here every day.

  67. Right away I am going away to do my breakfast, when having my breakfast coming again to read other news.

  68. Write more, thats all I have to say. Literally, it seems as though you relied
    on the video to make your point. You obviously know what youre talking
    about, why waste your intelligence on just posting videos
    to your weblog when you could be giving us something informative to read?

  69. It’s difficult to find educated people about this topic, but
    you sound like you know what you’re talking about!
    Thanks

  70. It’s a pity you don’t have a donate button! I’d without a doubt donate to this excellent blog!
    I suppose for now i’ll settle for book-marking and adding your RSS feed to
    my Google account. I look forward to brand new
    updates and will talk about this blog with my Facebook group.

    Talk soon!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: