MMT1-Lec12 - Computer Networks 1 (Mng My Tnh 1) Lectured...

Info iconThis preview shows pages 1–19. Sign up to view the full content.

View Full Document Right Arrow Icon
1 Computer Networks 1 (Mạng Máy Tính 1) Lectured by: Nguyễn Đức Thái
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2 Lecture 12: Application Layer (con’t) Reference : Chapter 7 - “ Computer Networks ”, Andrew S. Tanenbaum, 4th Edition, Prentice Hall, 2003.
Background image of page 2
3 Outline HTML- HyperText Markup Language Dynamic Web Documents Client-Side Dynamic Web Page Server-Side Dynamic Web Page
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 HTML – HyperText Markup Language (a) The HTML for a sample Web page. (b) The formatted page. (b)
Background image of page 4
5 HTML Tags
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
6 Tables (a) An HTML table. (b) A possible rendition of this table.
Background image of page 6
7 Forms (a) The HTML for an order form. (b) The formatted page. (b)
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
8 Forms (2) Basic structure <FORM ACTION =“file" METHOD={GET|POST}> [<INPUT TYPE=“” NAME=“” VALUE="">]+ </FORM> Input types TEXT <INPUT [TYPE=TEXT] NAME=" text-id " [SIZE= nn ] [MAXLENGTH= nn ] [VALUE=" default text "]>
Background image of page 8
9 Forms (3) Input types (cont.) SUBMIT < INPUT TYPE=SUBMIT [NAME=" button-id "] [VALUE=" text "] > RESET < INPUT TYPE=RESET [VALUE =“text" ] > BUTTON < INPUT TYPE=BUTTON [NAME=" button-id “] [VALUE=" text "] >
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
10 Forms (4) Input types (cont.) RADIO < INPUT TYPE=RADIO NAME=" radio-set-id " VALUE=" choice-id " [checked] > Ex: <input type="radio" value="V1" checked name="R1">Option 1 <br><input type="radio" value="V2" name="R1">Option 2 <br><input type="radio" value="V3" name="R1">Option 3 CHECKBOX < INPUT TYPE=CHECKBOX NAME=" id “ VALUE=" choice-id " [CHECKED] > Ex: <input type="checkbox" name="C1“ value="ON">Check 1 <br> <input type="checkbox" name="C2" value="ON" checked>Check 2
Background image of page 10
11 Forms (4) Input types (cont.) HIDDEN < INPUT TYPE=HIDDEN NAME=" id " VALUE=" data " > TEXTAREA <TEXTAREA NAME=" id " [COLS= nn ] [ROWS= nn ]> default text </TEXTAREA> SELECT <SELECT NAME=" id " [SIZE= nn ] [MULTIPLE]> [<OPTION [VALUE=“ value "] [SELECTED]> text ]+ </SELECT>
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
12 Dynamic Web Documents Web contents are generated dynamically on demand Dynamic Web documents are now popular in the Internet Dynamic contents can be generated on client side or/and server side
Background image of page 12
13 Dynamic Web Page Generation
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
14 Dynamic Web Page Generation (2) (a) Server-side scripting with PHP. (b) Client-side scripting with Javascript.
Background image of page 14
15 Client-Side Dynamic Web Page Generation with Javascript Javascript code <script language=“JavaScript”> [var variable; ]* function function-name( [ agrv ]*){ //commands; [return [ value ];] } </script> Using existed Javascript file (*.js) <script language="JavaScript" src="*.js"></script>
Background image of page 15

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
16 Client-Side Dynamic Web Page Generation with Javascript (2) Use of JavaScript for processing a form.
Background image of page 16
17 Client-Side Dynamic Web Page Generation with Javascript (3) A JavaScript program for computing and printing factorials.
Background image of page 17

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
18 Client-Side Dynamic Web Page Generation with Javascript (4) An interactive Web page that responds to mouse movement.
Background image of page 18
Image of page 19
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 11/25/2010 for the course INFORMATIO 506002 taught by Professor Nguyenducthai during the Winter '10 term at RMIT Vietnam.

Page1 / 43

MMT1-Lec12 - Computer Networks 1 (Mng My Tnh 1) Lectured...

This preview shows document pages 1 - 19. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online