160 likes | 177 Views
Learn about the different web design languages and their uses in creating interactive and dynamic web pages. Explore HTML, JavaScript, PHP, XML, and AJAX and how they enhance website development and improve user experience.
E N D
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09
Agenda • Web design • HTML • JavaScript • PHP • XML • AJAX
What is Web design? • Web design is the skill of designing presentations of content that is delivered to an end-user through the World Wide Web, by the way of a browser • Languages that are used for the purpose of web designing are called Web Languages
Web designing languages • Markup languages- HTML and XML • Style sheet languages- CSS and XSL • Client-side scripting- JavaScript and VBScript • Server-side scripting- PHP and ASP • Multimedia technologies- Flash and Silverlight
HTML • HyperText Markup Language • Used to design Web Pages • Is a text and image formatting language used by internet browsers • Is written in the form of "tags" that are surrounded by angle brackets • Plain text editor like NOTEPAD can be used to edit HTML • Professional developers prefer HTML editors like FrontPage or Dreamweaver • Don’t need any Web server or Website to view HTML file • To publish your work, you must save your pages on a web server. • IIS or PWS turns your computer into a web server. • IIS comes with Windows 2000, XP, Vista and NT • PWS is outdated now for professional use
HTML Elements • <HTML> • <HEAD> </HEAD> • <BODY> …</BODY> • </HTML> • <P>This is a paragraph</P> • <Ahref="http://www.google.com">This is a link</A> • <imgsrc=“nisha.jpg" width="104" height="142" /> • <TABLE> • <TR> • <TD> Cell 1</TD> • </TR> • </TABLE>
JavaScript • Official name is ECMAScript • Scripting language • Designed to add interactivity to HTML pages • Case sensitive • Embedded directly into HTML pages • Interpreted language • Everyone can use JavaScript without purchasing a license • Can react to events • Can be used to validate data before submitted to the Server • Can be used to detect Visitor’s browser • Can be used to create Cookies • JavaScript in the body section will be executed WHILE the page loads • JavaScript in the head section will be executed when CALLED
JavaScript Statements • <script type="text/javascript"> document.write("<h1>This is a heading</h1>"); </script> • if (condition) { document.write("<b>Good morning</b>"); } • switch (n) { case1: …….. } • for (var=startvalue;var<=endvalue;var=var+increment){code to be executed} • Many other statements like while loop, exception catching, boolean expression and validations are possible
PHP • PHP: Hypertext Preprocessor • Server-side scripting language, like ASP • Scripts are executed on the server • Supports many databases like (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.) • Open Source software • File extensions are ‘.php’, ‘.php3’ or ‘.phtml’ • PHP runs on different platforms (Windows, Linux, Unix, etc.) • PHP is compatible with almost all servers used today (Apache, IIS, etc.) • PHP is FREE to download from the official PHP resource: www.php.net • PHP is easy to learn and runs efficiently on the server side
PHP statements • A PHP scripting block always starts with <?php and ends with ?>. • A PHP scripting block can be placed anywhere in the document. • PHP automatically converts the variable to the correct data type, depending on its value • Just like ASP it uses Variables, Strings, Operators, IF.. Else, Switch, For Loops, Functions, Forms, Arrays
XML • EXtensible Markup Language • Designed to transport data and not display data • Tags are not predefined. User can define Tags. • Self descriptive • Used to create new languages like XHTML, WSDL, WAP • Simplifies data sharing and data transport • XML documents form a Tree structure • XML parser can be used to convert XML to JavaScript
AJAX • Asynchronous JavaScript and XML • a new technique for creating better, faster, and more interactive web applications. • a JavaScript can trade data with a web server, without reloading the page. • Based on HTML, JavaScript, XML & CSS • It is browser and platform independent • Google suggests to use AJAX
Conclusion • Enhances business development e.g. some of internet shopping websites like ebay.com, yatego.com • Safe money transactions are possible over internet through internet banking • Internet marketing possible • E-commerce empowers • Effective communication • Replaces email and newsletters • Less time searching and hunting for commonly needed information • Fast and easy access to website content from one place