1 / 10

Application Software Practical 13/14

Learn to create web pages using HTML, from basic text formatting to adding links and images. Explore container tags, formatting text, and FTP for file transfer. Practical assignments included.

rubens
Download Presentation

Application Software Practical 13/14

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Application Software Practical 13/14 HTML / Website Creation 2 Apr 04

  2. HTML – HyperText Markup Language • For formatting Web pages • Ordinary text • can be created using any Text editor: e.g. NotePad, EditPad MUST save as ***.htm or ***.html • Or using HTML editor like Eversoft 1st Page (can download for free) 2 Apr 04

  3. HTML Template <HTML> <HEAD> <TITLE>…</TITLE> </HEAD> <BODY> Web page contents … … </BODY> </HTML> 2 Apr 04

  4. Container TAGS • <H#>For headings</H#>, # = 1, 2, …, 6 • <UL> <LI>Unordered list 1…</LI> <LI>Unordered list 2…</LI> </UL> • <OL> <LI>Ordered list 1…</LI> <LI>Ordered list 2…</LI> </OL> • <P>Paragraphs</P> 2 Apr 04

  5. Container TAGS • <I>Italic</I> • <B>Bold</B> • <FONT color=“blue” size=“+1”> changing text color / size… </FONT> 2 Apr 04

  6. Empty Tags • <HR> – horizontal line • <BR> – line break 2 Apr 04

  7. Link / Images • <A href=“web page address or filename”> Hypertext </A> • <IMG src=“image name” width=“…”height=“…”> • Image file format - .gif, .jpg, .png 2 Apr 04

  8. Background & Color • <BODY background=“image file”> • <BODY bgcolor=“color code” text=“color code” link=“color code”> e.g. <BODY bgcolor=“#000000” text=“#FFFFFF” link=“#9690CC”> Color code : #RRGGBB (0-9, A-F) 2 Apr 04

  9. FTP – File Transfer Protocol • Upload all .html & image files used to a host (web server) using an FTP software: • WS_FTP • WinScp Our host: nuscpa3.physics.nus.edu.sg UserID: scit6??? Password: nus??? All files/folders MUST be in the public_html folder 2 Apr 04

  10. Assignment • Modify your home page @ nuscpa3.physics.nus.edu.sg/~scit6???/index.html • Introduce yourself & create links to all the assignments you’ve done • Will be graded • Can complete on 14 Apr and 19 Apr afternoons. 2 Apr 04

More Related