XHTML & CSS (Week 5)

Today, I learned more about the css tags. A css tag contains three items: selectors, properties, and values. for example:

h1
{
     font-size: 24px;
}

h1 = selector.
font-size = property.
24 px = value.

I also learned about the 'Pseudo' selectors such as:
:hover ----> mouse over.

These are some codes from the tutorial:
.entry:hover h2
{
font-size: 30px;
}

.entry:hover p, .entry:hover img
{
 display: block; 
}

.entry p, .entry img
{
 display:none;

}

References:
W3schools. 2010, CSS References, viewed 16 March 2010, <http://www.w3schools.com/css/css_reference.asp>.

Server-Side Technologies (Week 4)

Today I learned about the server side technology. In order to build a website we need a web server. There are two popular web servers: Apache and Internet Information Server (IIS).

Moreover, we also need an application server. There are some popular application servers: PHP, Java Server Pages, and Active Server Pages.

We practiced the php date syntax today. Our task was to change the date format from "23 03 2010 19:22:12" to "Tuesday 23rd of March 2010 07:22:12 PM", and the result could be seen in this link.

References
Wikipedia. 2010, Web Server, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Web_server>.
Wikipedia. 2010, Apache, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Apache_web_server>.
Wikipedia. 2010, Internet Information Server, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Internet_Information_Services>.
Wikipedia. 2010, Application server, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Application_server>.
Wikipedia. 2010, PHP, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Php>.
Wikipedia. 2010, Java Server Pages, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Java_Server_Pages>.
Wikipedia. 2010, Active Server Pages, viewed 23 March 2010, <http://en.wikipedia.org/wiki/Active_server_pages>.
PHP. 2010, php:date-manual, viewed 23 March 2010, <http://au.php.net/manual/en/function.date.php>.

Cheat Sheets

http://www.addedbytes.com/cheat-sheets/
This link provides a cheat sheet for HTML, CSS, JavaScript, PHP, and many more! I hope it is helpful!
Cheers!

Client-Side Technologies (Week 3)

Today lecture was about a client side technology. HTML, CSS, and JavaScript are examples of a client-side language. We are using these languages to build a website and to interact with a computer, so computers could display our imagination on the browser the same as we think.

In 1990, Tim Berners-Lee created HTML. Basically, HTML is a markup language. In the past, people used a markup language in the printing companies like newspapers. In 1994, Tim Berners-Lee founded W3C. W3C stands for World Wide Web Consortium; this organization make a standard language so every web page could be viewed all the same on every computer and on different browsers. Moreover, because HTML is a plain text so we can use a text editor to edit it, such as Notepad, Notepad++ (for PC), Dreamweaver, etc. HTML tags usually consist of an opening tag and a closing tag, but some tags are stand alone. Also, an HTML file consist of two parts: a head and a body.

There are four steps when a browser display a web page (Weakley 2010):

• Download the requested page for example index.html.
• Parse or read the HTML code.
• Download any external files (images, style sheet, JavaScript, Flash, etc).
• Render the page according to the rules that it has about how to display text, images, Flash, and other elements on the page.

There are some basic differences between HTML and XHTML (Weakley 2010):

• Tag and attribute names must be written in lower-case.
• Documents must be well-formed.
• Attribute values must always be quoted.

Additionally, we also talked about CSS. CSS stands for Cascading Style Sheet. CSS is used to define style of rules for elements of the document; it can be embedded, an external file, and inline. However, an external is recommended for the CSS. Another topic is the JavaScript. We use JavaScript to add interactivity to web pages. Google Map is one example of web pages that use JavaScript.

Finally, in the end of the class we practiced the HTML tags. There were four exercises that we need to finish in the class.

References

• Weakley, A. 2010, Client-Side Technologies, viewed 16 March 2010,<https://online.uts.edu.au/@@EB5EDC862776B77F20D3E084B38698D1/courses/1/95564/content/_344453_1/Client-Side.pdf>.
• Wikipedia. 2010, Tim Berners-Lee, viewed 16 March 2010, <http://en.wikipedia.org/wiki/Tim_Berners-Lee>.
• Wikipedia. 2010, W3C, viewed 16 March 2010, <http://en.wikipedia.org/wiki/W3c>.
• Wikipedia. 2010, CSS, viewed 16 March 2010, <http://en.wikipedia.org/wiki/Cascading_Style_Sheets>.
• Wikipedia. 2010, JavaScript, viewed 16 March 2010, <http://en.wikipedia.org/wiki/Javascript>.

Learning Proposal Draft

Here is my learning proposal draft :

http://www-student.it.uts.edu.au/~amulyadi/95564/learning_proposal.html

Network (Week 2)

In my second week of my Digital Media Technologies class , I learned more about the network. Before we start the class, we watched "Warrior on The Net" video. The video explains the process of data that flows on the Internet.


There are several types of network, for example: Local Area Network (LAN), Wide Area Network (WAN), and the InterNetwork. In every network, there is always a client and a server; A client is a computer which uses or requests for some services and a server is a computer that provides service(s).


Furthermore, to communicate between a client and a server we need a protocol. A protocol is a set of rules which is used by computers to communicate with each other across a network (Wikipedia 2010). there are some well-known protocols, such as HTTP, FTP, TCP/IP, POP3, IMAP, SMTP, Telnet, SSH, etc. Each protocol has their own port (Wikipedia 2010) :

1. HTTP : 80

2. FTP : 21

3. POP3 : 110

4. IMAP : 143

5. SMTP : 25

6. Telnet : 23

7. SSH : 22


Moreover, there is also a Domain Name System (DNS). DNS is a hierarchical naming system for computers, services, or any resource connected to the Internet or a private network (Wikipedia 2010). Since computers only know the binary code (0 and 1), therefore this naming system is really useful for us; instead typing an IP address on your browser, we can use something that is easy to remember such as www.google.com.

com      : the top-level domain

google  : second-level domain

http      : protocol



References
Wikipedia 2010, Protocol, Wikipedia, viewed 10 March 2010, <http://en.wikipedia.org/wiki/Protocol_%28computing%29>.

Wikipedia 2010, Domain Name, Wikipedia, viewed 10 March 2010, <http://en.wikipedia.org/wiki/Domain_name>.

Wikipedia 2010, The List of TCP and UDP port Numbers, Wikipedia, viewed 10 March 2010,
<http://en.wikipedia.org/wiki/List_of_TCP_and_UDP_port_numbers>.

Digital Media Technologies Class

Yesterday, I had my Digital Media Technologies class. I felt this subject is going to help me a lot. I want to know more about HTML, PHP, Java script, and other web stuffs to help my career in the future. I did some Flash projects when I was doing my Bachelor degree, so my ambition is to integrate my flash skills into the web and I hope I could make an awesome flash website someday. Cheers!