MELJUN CORTES Mark Up Languages (HTML)

166 views

Published on

MELJUN CORTES Mark Up Languages (HTML)

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
166
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MELJUN CORTES Mark Up Languages (HTML)

  1. 1. MARKUP L A LANGUAGES MELJUN CORTES MELJUN P. CORTES MELJUN CORTES
  2. 2. MARKUP - a way of giving instructions on how a text should look MELJUN P. CORTES MELJUN CORTES
  3. 3. MELJUN P. CORTES MELJUN CORTES
  4. 4. MELJUN P. CORTES MELJUN CORTES
  5. 5. COMPUTERS Originally intended to “compute” MELJUN P. CORTES MELJUN CORTES
  6. 6. After almost 30 years …. it became practical to use them for storing text and printing it out in anything but the plainest, typewriterlike format MELJUN P. CORTES MELJUN CORTES
  7. 7. Mid to late 1960s … Output devices were developed that could create printing almost as good as that of printing presses MELJUN P. CORTES MELJUN CORTES
  8. 8. MARKUP SYSTEM changed to something computer typesetting machines could understand MELJUN P. CORTES MELJUN CORTES
  9. 9. Each organization developed its own specific way to “mark up” text for their computer system.  MIT’s runoff system  IBM’s page-1 MELJUN P. CORTES MELJUN CORTES
  10. 10. 1969 Charles Goldfarb worked for IBM with Ed Mosher and Ray Lorie to create the Generalized Markup Language (GML). MELJUN P. CORTES MELJUN CORTES
  11. 11. GML was intended to allow markup to  Mark the function of different parts of a text for information retrieval  Allow formatting of the different parts of text for printing MELJUN P. CORTES MELJUN CORTES
  12. 12. PROBLEMS WITH GML:  It was owned by IBM, so it couldn’t be developed by other companies or groups.  It was difficult to extend to meet new needs. MELJUN P. CORTES MELJUN CORTES
  13. 13. Goldfarb, William Tunnicliffe, Brian Reid, et al, got together to create a markup language that was  an open standard, rather than proprietary  flexible enough to extend to lots of new needs MELJUN P. CORTES MELJUN CORTES
  14. 14. After 8 years, in 1981 … Standard Generalized Markup Language (SGML) MELJUN P. CORTES MELJUN CORTES
  15. 15. 1986 A new version of SGML was issued. MELJUN P. CORTES MELJUN CORTES
  16. 16. SGML is the basis of  HTML  XML  Other markup languages MELJUN P. CORTES MELJUN CORTES
  17. 17. The World Wide Web has been based on two languages:  HyperText Markup Language (HTML) - for marking up text to be displayed on the web  HyperText Transfer Protocol (HTTP) - for transferring information between Web clients (primarily browsers) and Web servers. MELJUN P. CORTES MELJUN CORTES
  18. 18. 1989 Tim Berners Lee put the concept of hypertext together with the capabilities of the Internet for the benefit of the scientists he worked with at the European Particle Physics Lab near Geneva, Switzerland. MELJUN P. CORTES MELJUN CORTES
  19. 19. The result: HTML  Simple  Flexible MELJUN P. CORTES MELJUN CORTES
  20. 20. 1996 Tim Berners Lee founded the World Wide Web Consortium (W3C) to convince major Web stakeholders to develop standards that would allow the Web to grow in a less confusing way. MELJUN P. CORTES MELJUN CORTES
  21. 21. The result …. increasing acceptance of standard versions of HTML up through 4.01 MELJUN P. CORTES MELJUN CORTES
  22. 22. EXtensive Markup Language The vision for XML involved  Taking features of SGML that were relevant to the internet  Developing features that would facilitate exchange of data as well as text MELJUN P. CORTES MELJUN CORTES
  23. 23. EXtensive Markup Language • Like SGML, it was designed as a meta-language (not used directly for markup but for creating other markup languages). • It does not depart from SGML; it uses the same concepts MELJUN P. CORTES MELJUN CORTES
  24. 24. XML -based Markup Languages • Extensible HyperText Markup Language (XHTML) – likely to be the most widely known; successor of HTML • InkML – an XML data format for representing digital ink data that is input with an electronic pen or stylus as part of multimodal system MELJUN P. CORTES MELJUN CORTES
  25. 25. XML -based Markup Languages • MathML – a low-level specification for describing mathematics as a basis for machine to machine communication • SMIL (Synchronized Multimedia Integration Language) enables simple authoring of interactive audiovisual presentations MELJUN P. CORTES MELJUN CORTES
  26. 26. UPLOADING OVER THE INTERNET MELJUN P. CORTES MELJUN CORTES
  27. 27. UPLOAD or UPSTREAM - the transmission of data from a local computer to a remote computer. It occurs when one sends information from his connection to his ISP. MELJUN P. CORTES MELJUN CORTES
  28. 28. FTP (File Transfer Protocol) - allows one to download and upload files on the Internet MELJUN P. CORTES MELJUN CORTES
  29. 29. To access many FTP sites, one must be an authorized user. MELJUN P. CORTES MELJUN CORTES
  30. 30. FTP sites that maintain public archives USERNAME – anonymous or ftp PASSWORD – email address or tap the ‘enter” key MELJUN P. CORTES MELJUN CORTES
  31. 31. To upload files, we can use . . .  a browser WS-FTP software  Microsoft FrontPage  Macromedia Dreamweaver MELJUN P. CORTES MELJUN CORTES
  32. 32. To upload files using a browser …. 1. Type ftp://yourhostname MELJUN P. CORTES MELJUN CORTES
  33. 33. 2. A log-in box should appear. Enter your user name and password. Click “Login.” MELJUN P. CORTES MELJUN CORTES
  34. 34. 3. You should then be logged in to your folder. To upload, drag your files and folders into this window. MELJUN P. CORTES MELJUN CORTES
  35. 35. 4. Your folder on the server should look like this. 5. To logout of the FTP server, close the Internet Explorer windows. MELJUN P. CORTES MELJUN CORTES
  36. 36. To upload files using WS-FTP software … 1. On your computer, go to Start  Find  Files or Folders and search for ftp. Look in Drive C and check “Include subfolders.” Then, click “Find Now.” MELJUN P. CORTES MELJUN CORTES
  37. 37. 2. When the computer finishes searching, find the icon for the WS_FTP software and double click on it to launch the application. MELJUN P. CORTES MELJUN CORTES
  38. 38. 3. When the software opens, enter your login information. 4. Click OK & re-enter your password. MELJUN P. CORTES MELJUN CORTES
  39. 39. You will then be logged into your folder. 5. On the left hand side of the screen, doubleclick the drive for the zip drive. MELJUN P. CORTES MELJUN CORTES
  40. 40. 6. Once you see the contents of your zip disk in the left hand window, find the www folder which should be inside the internet folder. MELJUN P. CORTES MELJUN CORTES
  41. 41. 7. Double-click the www folder. MELJUN P. CORTES MELJUN CORTES
  42. 42. 8. When you see the files and folders inside the left side window, highlight the file you want to put online and click the left arrow button to move a copy of the file to your folder on the server. MELJUN P. CORTES MELJUN CORTES
  43. 43. The files and folder structure should then be successfully copied from the zip disk (seen in the left window) to the server (seen in the right window). MELJUN P. CORTES MELJUN CORTES

×