Category: template


I consider weeks 6 and 7 contiguous with the website creation process. Being in the web development track is more challenging. Not only does your website has to have the design aspect (maybe not as much as a design track website) but also the development requirements have to be met.

I separated out the 2 weeks simply by putting design and content in week 6 and the development part in week 7.  This does not mean there won’t be tweaks, but a big chunk of it would be complete. This way, my process would be easier to work with. Week 6 was demanding – I had content but my template had to be worked on sufficient enough to get the child pages ready for content. There are essentially three main parameters to the corporate website design characteristic in the template.

  • One is the logo & the navigation bar.
  • Second is my right column which marks the important links for potential and existing clients who have visited the page in the past.
  • Third is a separate social media bar where Raltec Corp (the company name for which the website is being designed) is connected and wants to connect with different individuals/organizations virtually.

Week 7 would get the development side of the website in check. I have also been checking my website on different browsers and seeing some subtle differences.

http://browsershots.org/
http://www.browsercam.com/, or
http://browserlab.adobe.com which lets you see your website as viewed in many different web browsers.

It also helps to test your website on different computers. It definitely looks different on different monitor resolutions. For accessibility testing, Adam mentioned about Dreamweaver’s Link Checker, Browser Compatibility Check, and Validation features (all three can be opened from the Window menu) can help.

Advertisements

It is week 6 crunch time and all the knowledge we soaked in all those classes is coming to good use. That and more. I’m finding myself putting in a lot of effort in researching things I see in websites, the cool stuff – now it makes more sense to me rather than being just overwhelmed with it.

It is a wonderful feeling to see your baby grow…lol. It started with a lifeless yet brilliant one page flat design which eventually turned into a template. Now the template is getting the third dimension through links, dynamic pages and more.  You have been seeing less posts and more of me commenting about my work as this is kind of it. We’ve done the research and we’ve done all the preparation for helping us to get to the design stage. I now understand how much goes into the actual website – even simple things need to be thought of in detail. Each part you design is seen by the audience. Nothing can be left unfinished or unthought of (for the purpose of this first draft stage).

It’s been a long silence on my side, I apologize. We’re halfway down Project Capstone (50% of 10 weeks done) and now it’s crunch time!

I anticipated this taking a lot of hard work, but I guess I was mistaken when I thought it would take this long. I worked hard on the wireframe and the main composite of the design. A design background helps you there. I was happy to have the design ready by last weekend….piece of cake!

Now the fun begins! How does this “design” translate into HTML –  that’s still doable.
How does this translate into CSS?

Quoting Adam after bugging him with my in-progress templates:

Alignment w/ CSS is definitely one of the more challenging things with layout out a page.

So true. My tryst with CSS has not been the greatest experience but after a string of online tutorials and trial-&-error testing helped. Long hours trying to work with different properties and values do get the results you want eventually but I’m still searching for an effective way to resolve the CSS issue. There has to be an easy way…….

On a positive side, I am learning and discovering how presentation in CSS makes a whole lot of difference.