Web Interim

Finally, our web interim come to the end. In fact, this is not the end, rather it is a beginning.

For those who do not have any background, we really hope that this interim give you some ideas how the website work and how to design it as well.

And for those who have knowledge in this field, we also hope you enjoy this interim include the lessons and assignments.

Anyone has a great interest in web designing, you are welcome to join temasek web team!

Below is the zip folder which contains photos that are taken during the last interim.
You can click on it to download.
Web interim photos

No Comments »
admin posted on September 13th, 2009 in General, Interim

2nd Interim Lesson - WEBCAST

Finally, the WEBCAST for our CSS lesson last week is here!!!

Not only the things that we’ve learned in class, Jensen has also added in Part 2 of his lesson (SOMETHING NEW, MUST WATCH)…

Jensen has worked really hard in preparing the webcast. This means that he loves you guys really hard too!

Before you watch the video, please download the materials below (if you’ve not done so):

Lesson Material (sample.rar)
PowerPoint Slides

Enjoy!

[Double click to go fullscreen]

No Comments »
chngoo posted on September 2nd, 2009 in CSS, Interim

3rd Interim Lesson - Photoshop Materials

Hi all,

This is the materials that we are going to use on this week interim. Please download it and extract the files.

Besides that, we also provide you with cs3 photoshop trial. As usual, download it and install before you come. If those who meet any problem in installing, please do let us know, else you can come earlier on this thursday night.

Adobe Photoshop CS3 Extended Trial.rar
Photoshop material.rar

No Comments »
wanchunfeng posted on September 1st, 2009 in Interim

First Interim Lesson - Sample Solution

Hi all,

Below is the sample solution for the first assignment. Take a look at the codes.

<html>

<head>

<title>Welcome to my WEBPAGE!</title>

</head>

<body>

<p><h1>Hi everyone,<br />welcome to my webpage!</h1></p>

<p><h2>I love web interim because I can learn fun things and also eat junk food!</h2></p>

<p><img src="cute_spidey.jpg" /></p>

<ul>Websites that I love:
<li><a href="http://www.temasek.nus.edu.sg/">Temasek Homepage</a></li>
<li>Facebook</li>
</ul>

</body>

</html>

I will be conducting a quick review on this during the next meeting.
If you have any questions, you can ask me during that time.

No Comments »
chngoo posted on September 1st, 2009 in Interim

First Interim Lesson - Assignment

Click on the image below to enlarge.

For this assignment, you are required to construct a webpage exactly like the one above. Read more…

No Comments »
chngoo posted on August 31st, 2009 in Interim

First Interim Lesson - Follow-up

Hi everyone,

Hope you enjoy the lesson yesterday. I had fun teaching you guys.

For those of you who:
i. still have doubts about some part of the lesson, or
ii. want to learn more than what I taught yesterday,

don’t worry people, I have provided some useful links below for your own references. Read more…

No Comments »
chngoo posted on August 31st, 2009 in Interim

Q&A: Difference between PHP and HTML

Dear Kian Yew, I have gotten the design sliced nicely of the band website. And under the Dreamweaver I have chosen the design of 2 columns with left sidebar and header and footer.There is one confusion, when I download the TWT template, the php files are different when I save the page from my web browser. When I save the page from web browser, it comes with an index.htm file. But your template does not have the file. Where should I start to do? When I use dreamweaver, do I edit everything in the index.htm file? Or should I create index.php? Using Dreamsweaver, I just need to insert the images in the header part and footer part?I need to clarify this if not I don’t know how to proceed. Thanks!!!

Hi Jensen
The page you saved from the web browser (index.html) is definitely different from the template (index.php).
PHP is a programming language. When you save the file as .php, instead of displaying the lines, the web server (not web browser) will run the code, then generate a html file and send it to your browser.
So the file downloaded from your browser is the executed file (generated html), while the .php files are the source codes.
I believe that you have done your C programming. .php files are source file just like .c while .html is the output, just like .exe. I don’t recommend you to use Dreamweaver which is in my opinion not really convenient in your project.
Kian Yew

25 Comments »
SKY posted on December 23rd, 2008 in PHP

Photoshop Effects Sharing Session

On our last meeting, we had a couple of our members shared various special effects that could be achieved through the use of Adobe Photoshop.

Taming the Web: Introduction to CSS

Part 1

Part 2

93 Comments »
SKY posted on October 25th, 2008 in CSS

Summary: PHP Basic

In this summary, we are going to look at the echo command, variable, array, HTML form, post and get methods.

Echo

The echo command in PHP is used to output text to the web browser.

PHP Code:
<?php

$var = “Hello!”;
echo $var;
echo “<p>I love TWT!</p>”;

Display:
Hello!

I love TWT!

In the above example, the variable $var is declared and it holds the string “Hello!”. We then use echo (echo $var;) to output Hello!. In our second echo statement, we use echo to write an HTML paragraph (echo “<p>I love TWT!</p>”;).