Download as ODP, PPTX
Uploaded byManish Sinha
Web Developement Workshop (Oct 2009) Slides
This document provides an overview of web development technologies including HTML, CSS, PHP, MySQL, and forms. It includes brief introductions and code snippets for each topic. Key points covered are basic HTML tags and structure, CSS styling, SQL commands for managing a MySQL database, PHP syntax and functions, and using forms to pass data between pages. Contact information is also provided for three web developers.
More Related Content
Similar to Web Developement Workshop (Oct 2009) Slides
Web Developement Workshop (Oct 2009) Slides
- 1. Web Development BY : KARTIK : http://www.kar2905.wordpress.com PRATIK : http://pratik3d.blogspot.com SAURABH : saurabh-suman@hotmail.com
- 2. <html> <body> <ul><li>HTML ( A Fast run through) </li> <li>MYSQL </li> <li>PHP </li> <li>Login Script Demonstration </li> </ul> </body> </html>
- 3. HYPER TEXT MARKUPLANGAUGE
- 4. DEVELOPED BY : World Wide Web Consortium & WHATWG
- 5. Type code :TEXT
- 6. Extended from : SGML
- 7. Extended to : XHTML
- 8. Standard(s) : W3C HTML 4.01 W3C HTML 3.2
- 9. In short itis the language used to design Web Pages
- 10. Use any texteditor
- 11.
- 12. Save as .htmor .html extension
- 13. A tag is: Non-hierarchical keyword or term assigned to a piece of information
- 14. < > - Opening Tag
- 15. </ > - Closing Tag
- 16. The element contentis everything between the start and the end tag ( <p>Hello</p> )
- 17. Some HTML elementshave empty content( <br /> )
- 18. Most HTML elementscan have attributes
- 19. Its not casesensitive eg <p> means the same as <P> . But W3C (?) recommends lower case
- 20.
- 21.
- 22. <title> Myfirst web page </title>
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. The <html> elementdefines the whole HTML document.
- 29. The element hasa start tag <html> and an end tag </html>
- 30. The element contentis another HTML element (the body)
- 31. The <head> elementdefines the head of the HTML document
- 32. The element hasa start tag <head> and an end tag </head>
- 33. The element contentis another HTML element (title of the webpage)
- 34. The <body> elementdefines the body of the HTML document
- 35. The element hasa start tag <body> and an end tag </body>
- 36. The element contentis another HTML element (a paragraph)
- 37. <p> This isa paragraph </p>
- 38. <h1>This is aheading </h1>
- 39. <h2 ,3 ..6 > Various headings </h2,3..6>
- 40. < a href=“google.com”>Thisis a link </a>
- 41. <img src=“the source”width=“104” />
- 42. <br/> : isused to give a line break
- 43. <hr/> : isused to give a horizontal line
- 44. <!-- thisis a comment -->
- 45. <b> BOLD </b>
- 46. <i> ITALICS </i>
- 47. <big> Big Text</big>
- 48. This is<sub> subscript </sub> and <sup> superscript </sup>
- 49. <code>This is computeroutput</code>
- 50. <strong> BOLD </strong >
- 51. Many more tags.. http://www.w3schools.com/tags/default.asp
- 52. HTML elementscan have attributes Attributes provide additional information about the element Attributes are always specified in the start tag Attributes come in name/value pairs like: name="value" Standard attributes : class ,id , style ,title Attributes
- 53. style="background-color:yellow" style="font-size:10px" style="font-family:Times" style="text-align:center” Examples : <body style="background-color:yellow"> <p style="font-family:courier new; color:red; font-size:20px"> <a href=“url" style="background-color:red">Last Page</a> Style Attribute
- 54. <table border="1"> <tr><th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> Tables
- 55. UNORDERED LIST <ul><li>Windows</li> <li>Linux</li> </ul> ORDERED LIST <ol> <li>Windows</li> <li>Linux</li> </ol> LIST Windows
- 56.
- 57. DEFINITION LIST <dl><dt>Windows</dt> <dd>Vista</dd> <dt>Linux</dt> <dd>Fedora</dd> </dl> What it can do? Windows Vista Linux Fedora
- 58. The data issent to the url specified through GET or POST as specified in the method attribute .
- 59. The data isprocessed by a server side script/page which acts upon the data (eg . Saves it to the database through MYSQL ) Where is the DATA?
- 60. SQL is adatabase computer language
- 61. MySQL is arelational database management system and is owned by SUN.
- 62. MySQL stands forMy Structured Query Language.
- 63. So , WHYMySQL ???
- 64.
- 65. MySQL is OPENSOURCE ..
- 66. (GNUKHATA, National InternetExchange of India (NIXI))
- 67. SQL stands forStructured Query Language
- 68. SQL lets youaccess and manipulate databases
- 69. SQL is anANSI (American National Standards Institute) standard
- 70. Its not CaseSensitive
- 71. It is dividedinto two : DDL and DML
- 72. MySQL can add, delete,update , retrieve data / records from a database
- 73.
- 74. The query andupdate commands form the DML part of SQL: SELECT - extracts data from a database
- 75. UPDATE -updates data in a database
- 76. DELETE -deletes data from a database