Posts

Showing posts from October, 2017

WEEK 6 - Introduction to Java Script

Image
Java script is a document help the web designer to build more functional and interactive website. For example, popup window, alert message, form validation, etc. are common use by the developer. In this week, our lecturer teach us on how to form a java script in html document. First, we use this code from lecturer slide. Exercise 1 INPUT: <html><head><title> JAVA SCRIPT</title></head> <body> <h1> Welcome to SMMTC </h1>  This is HTML section.... </body> </html> <script type="text/javascript">   window.alert("welcome to JavaScript!"); </script> OUTPUT: Exercise 2 INPUT: <html><head><title> JAVA SCRIPT</title> <script type="text/javascript">   function showText() {       window.alert("welcome to JavaScript!");   } </script></head> <body  onload="showText();"> <h1> Welcome to SMMTC </h...

WEEK 5 - Introduction to Cascading Style Sheet (CSS)

Cascading Style Sheet (CSS) is  a document help to enrich the visual appearances than html document. Its help to reduce page download size because user can use it in multiple page. There are three way of inserting a style sheet i.   External style sheet ii.  Internal style sheet iii. Inline style Since before this, my lecturer have cover on how to create a inline style. In this week, we cover on how to inserting style by using external style sheet and internal style sheet. The different between external and internal style sheet is external is the style sheet save as ".css " without contain any html tags, while the internal style sheet is using the <style> in the head section. In this week, we also cover how to create the css document based on our previous quiz, we follow the step teach by madam and we see how is the different between the css and html document.

WEEK 4 - QUIZ (HTML)

Image
This week we having a quiz regarding to the topic HTML. Lecturer give us an output of the html and we need to code it into same layout and put in our information. The coding to perform the output: <html> <head> <style> table, th, td {     border: 1px solid black;     border-collapse: collapse; } </style> </head> <BODY BGCOLOR="#000000"> <body> <TABLE BORDER="0"WIDTH="60%"ALIGN="CENTER">   <TR>     <TD BGCOLOR="BLACK" STYLE="color:white;font-family:arial;font-size:120%;" ALIGN="CENTER" HEIGHT="40"><B>MY PERSONAL PROFILE</B></TD> </TABLE> <TABLE BORDER="0"WIDTH="60%"ALIGN="CENTER">   <TR>     <TD BGCOLOR="#191970" STYLE="color:white" ALIGN="CENTER" WIDTH="100%" HEIGHT="150">STIV3093 GAME APPLICATION DEVELOPM...