What Do We Have Here?

Hi! Well, this is a little site we put together for a particular lab assignment in our Internet and New Media module. The purpose of this site was to familiarize ourselves with the basic construction of webpages and the concept of the traditional Web 1.0.

While it doesn't cover the degree of interactivity and involvement of the "prosumer" attitude as one might find in a more "2.0" circumstance, this lesson is still incredibly important in helping understand the basic foundations of the Internet -- essentially what constitutes it and how they're put together.

Learning About WebSite-Making

As our professor Dr Ravi S. Sharma had said, working with computers and the Internet is no longer an "elite" activity possible only after years of training and education. Nowadays, it's possible for any of us to just jump on and take part in it. And that was perfectly true for our part of the experience.

In fact, the basics on how a webpage is structured could be found in The Internet Book by Douglas E. Comer, one of the textbooks we use in the module. The book in fact, did not provide a "how-to" section on making one, but its explanations were what got us started on the essential basic concepts. From there, through Googling, we realized a vast amount of tutorials and lessons on how to build a webpage. True to the spirit of an "Open" Internet, all that information was freely available.

A large portion of the knowledge and skill required we gained came from W3Schools. It was also exciting to come across a little section teaching the actual operations of TCP/IP, which we had heard about briefly in class.

Putting the Site Together

We made the entire site using a single HTML (Hypertext Markup Language) page containing simple internal CSS (Cascading Style Sheets) for the layout, which we learnt was more efficient than using the older, now-deprecated HTML positioning attributes.

All site design material shown here (such as the CS817 banner) are original, and specifically created for the purpose of this exercise. The multimedia content in the section below are not, however. Except the Video Cast.

Names and Details

Chua Sock Puay Evelyn
072024F03
School of Eletrical and Electronic Engineering. Year 2

Looi Liang Sheng
086604G11
School of Biological Sciences. Year 1

Tan Jianyang Justin
071529D17
School of Art, Design and Media. Year 2

Note

As a side note, some of us realized we made a slight error in stating our year of study for the previous lab exercise. The mix-up was mostly due to interpreting the Special Term to being part of the next Academic Year rather than the 2008/09 one. The correct year of study is found above.

Contact Us

Images

These images are not by us; they are some lovely black and white photography we came across on DeviantArt. Clicking on an image will link you straight to the actual image as featured on the copyright holder's account.

Audio

This section features several tracks from Dulceflur's Charcoal Flowes Album. His material is hosted on Bandcamp, and hence the link below will direct you there. Bandcamp has also provided a very handy way of embedding the artist's music as you can see below.

(http://dulceflur.bandcamp.com/)

This music player widget is very customizable. It allowed us to set the colours to match the site's scheme, as well as the size. In addition, there's an option to pick a visualization for the track played.

Video Cast

We used Jing!, a quick and easy-to-use software, available for both Mac and the PC to record a small "screencast" of how we put the site together.

View it here in its full glory (800x600, 14 Megs).

Five of them

Nanyang Technological University: Where we study.

Mac Leopard OSX: Justin's favourite Operating System

Audacity: A wonderful and free audio-editing software.

Jing!: Which we used for our video cast.

Communicasia 2009: Related to last week's lab exercise.