Welcome to Semester 2, 2006
This semester, you may find ideas come from myself that may help you sort problems out, as well as your lecturers also using this resource to communicate and collaborate with you…. For example, http://c476.edublogs.org/2006/07/22/welcome-to-c476-semester-2-2006/ is the URL to this story, so by adding this as a link, thus: Welcome to C476 [22/7/06] , you notify the blog entry’s owner that you have referred to their story / article.
Project progress reports (Wednesday 07 June 2006)
Please note that you should be completing your project progress reports via your own blogs.These blog entries should include the meeting minutes, meeting times, and other information such as what completed. This will enable you to work out where you are in the scheme of your work schedule.By now you should have: scope of work contract (ready for signatures) initial concept drawings (sketches) When you create an entry please create a comment that refers to your blog entry.This is done by publishing your entry viewing the entry right mouse clicking on the topic and copying the URL (web address) go to bottom of this entry, and create a comment with your URL as an anchor (<a href=”…url…”>link text</a>) publish the comment I will then be notified that you have updated your progress reports.Alternative method is to:select the topic of this entry 3.
Del.icio.us links
I have made a small change to how I am doing my del.icio.us links. You will find you can reduce the number of links by using C475 or C123 for a search term. This will make it easier for you, as I will be adding more links from non web design areas.
Blogging and Pinkbacks / trackbacks
This is a very good article on how to create a trackback or pingback to an article on another site / blog. If you want to write about something that is on this blog, then include a pingback to the article, and then you will have a comment automatically entered into the blog.
Writing contracts
One of the important parts of your work as a web designer will be the development of contracts that are part of the legally binding information that you need top produce…. services to be performed by contractor 6.general provisions 7.restrictions 8.dealing with client delays 9.dealing with contractor delays (your own) 10.clients get limited ownership 11.milestones and project completion 12.obligations 1.
Logo design needed (URGENT)
I have been asked if anyone would like to design a quick logo for a group of management students.
They require a logo based around disability awareness. The logo should not be “disabled” but be more of a pointer to the support that disabled people can obtain.
The logo is eventually to be used at TAFE, if all goes well!
Let me know by email (put Disability Services Logo as the subject title), and I will forward your details to Amanda who made teh request.
DEADLINE for logo is 10 days (told ya it was urgent).
Ady
PS: you can easily add this sort of thing into your portfolio to show what you are able to do!
Creating a Lightbox for your images
The links look like the following:<script type=”text/javascript” src=”js/prototype.js”></script><script type=”text/javascript” src=”js/scriptaculous.js?load=effects”></script><script type=”text/javascript” src=”js/lightbox.js”></script>Now the order is important.For now we are ready.The head section will look similar to this: Any other CSS and JavaScript can be placed after line 8 in the sample shown.Now we can turn our attention to the actual images.In the main body of your page, if you wish to use a lightbox effect on any image then you do the following steps.Insert the image as normal.Insert the image’s thumbnail immidiately to the right of the image. For example the code below shown the flow2a and flow2a-thm files insertedintot he code:<img src=”photos/flow2a.jpg” alt=”TheFlow” width=”639″ height=”510″ /><imgsrc=”photos/flow2a-thm.jpg” alt=”The flow thumbnail” width=”100″ height=”100″ />Now we modify the code to create our lightbox link:we start by changing the first img src into an a href, removing the widthadn height sections, plus the / before the > <a href=”photos/flow2a.jpg” alt=”The Flow”><img src=”photos/flow2a-thm.jpg” alt=”The flow thumbnail” width=”100″ height=”100″ /> Now change the alt to title and if you wish extend the title of the image:<a href=”photos/flow2a.jpg” title=”The Flow, and image “>We now add the rel=”lightbox” attribute to the a href.
What do we need to learn?
The break between the two terms is here, and we’ve achived a fairly good look at CSS, navigation concepts, XHTML, information architechture, and testing.
This is fine, but what do we need to know to get a web site that looks presentable and professional?
What ideas besides how to create cross browser compatible accessible menus, can you think of?
Add your ideas to this story as a comment.
On that note see you on May 1st, 2006 for the second term.
CSS, Frames and usability
http://www.456bereastreet.com/lab/cssframes/ There are other variants of this including a very nicely done version at Sitepoint that includes a “ragged” / uneven edge that the text slides from beneath. http://www.sitepoint.com/search/search.php?ps=10&q=fixed+border&submit=Search Also full width, fluid layouts can use these headers if you so wish, and an example is shown at the CSS Play site.
Centering blocks
a quick pointer to centering blocks was written last year and is shown at: http://c476.edublogs.org/2005/11/15/css-hints-centering-blocks/
