1. Pritee Parwekar

2. One Day Workshop on “Web Designing Tools” Introduction to Tools Pritee Parwekar CSE Dept ANITS Pritee Parwekar

3. Introduction to Tools HTML CSS JAVA Script MS Access AJAX PHP ASP MYSQL Pritee Parwekar

4. Terminology Web – is a collection of files known as web pages. www- World Wide Web URL – uniform Resource Locator it’s a primary naming scheme used to identify the resource e.g. google.com,hotmail.com,facebook.com Pritee Parwekar

5. Terminology…contd service://hostname:port/directory-path Service – indicates the name of the protocol used Hostname – is domain name for web server http://www.information.com/page1.html Pritee Parwekar

6. HTML It’s a HyperText Markup Language its an application of Standard Generalized Markup Language(SGML) it was general purpose tool came in 1960’s. This langauge is used to describe the layout of web page. HTML has text/words/codes which are written in brackets ( ) called as TAGS. Pritee Parwekar

7. TAGS used in HTML : - indicates the beginning and ending of the page. : - indicates the beginning of the header : - indicates the beginning of text in page : - indicates the title of the page : - indicates paragraph Pritee Parwekar

8. CSS CSS - Cascading Style Sheets layout of HTML documents. TAG There are 3 ways to insert the style sheets – External – Internal – Inner Pritee Parwekar

9. Examples of CSS External e.g. body { background-color: yellow; } h1 { color: navy; margin-left: 20px; } Pritee Parwekar

10. Examples of CSS..contd Internal e.g. body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } Pritee Parwekar

11. Examples of CSS..contd Inner e.g. This is a heading. Pritee Parwekar

12. Java Script Java Script is programming language of HTML and web e.g. Taking the values from the form or text box e.g. goto the following link this site is made by our student Kamal of second year using javascript https://9259b8d5e9aedbb6a33bb451a9282573c 6a7c375.googledrive.com/host/0B2QSn31HfcW1 WmYzQWhqT1VKMFU/asdf.html73c 6a7c375.googledrive.com/ Pritee Parwekar

13. Ms Access Ms Access is used for database application to store data The data / information is stored in the form of tables e.g. make a table for students Pritee Parwekar

14. PHP PHP: Hypertext Preprocessor Def :- general purpose scripting language using for web development can be embedded in html. Its server side scripting its programming language PHP is developed by PHP community Used to dev web sites Dynamic web sites and connection to databases PHP can take value submitted in form PHP can connect to database e.g. registration form will go to PHP Pritee Parwekar

15. ASP ASP is known as active server pages - 1998 ASP is web application framework developed by Microsoft to make dynamic web pages Its subset of.NET Its similar to PHP Pritee Parwekar

16. DIFFERENCE BETWEEN PHP - ASP Languages ASP.NET : - C#,VB.NET,JavaScript, PHP : - HTML,CSS Databases : - ASP.NET : - good fit for SQL SERVER PHP : - good fit for My SQL Pritee Parwekar

17. AJAX (Asynchronous JavaScript) Is a web dev tech in to send and retrieve data without changing the contents Pritee Parwekar

18. MYSQL Is database application that stores data Pritee Parwekar

19. Ms Access – Tables to be ready Make the following tables ready Coffee_types :- type-of_coffee & price Employees : - ename,gender & department Sales : -p_name, department, date_of_sale, item & price Pritee Parwekar

20. Assignment 1.Make a web site where you can put your blogs,pics,events,informative material,research areas,contact information..etc 2.Make a web page to calculate the gross salary of the employee with his basic salary Pritee Parwekar

21. References http://www.w3schools.com/ https://www.mysql.com/ http://www.careerride.com/ASPNet- Questions.aspx http://www.careerride.com/ASPNet- Questions.aspx http://php.net/manual/en/intro-whatcando.php http://php.about.com/od/phpbasics/qt/what_is_ php_used_for.htm http://php.about.com/od/phpbasics/qt/what_is_ php_used_for.htm http://www.opengatesw.net/ms-access-tutorials/ Pritee Parwekar