introduction to toolsx

Transcript introduction to toolsx

Pritee Parwekar
One Day Workshop on
“Web Designing Tools”
Introduction to Tools
Pritee Parwekar
CSE Dept
ANITS
Pritee Parwekar
Introduction to Tools
•
•
•
•
•
•
•
•
HTML
CSS
JAVA Script
MS Access
AJAX
PHP
ASP
MYSQL
Pritee Parwekar
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
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
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
TAGS used in HTML
• <html> </html> : - indicates the beginning
and ending of the page.
• <head></head> : - indicates the beginning of
the header
• <body></body> : - indicates the beginning of
text in page
• <title></title> : - indicates the title of the page
• <p> : - indicates paragraph
Pritee Parwekar
CSS
• CSS - Cascading Style Sheets layout of HTML
documents.
<style> TAG
• There are 3 ways to insert the style sheets
– External
– Internal
– Inner
Pritee Parwekar
Examples of CSS
• External
e.g.
body {
background-color: yellow;
}
h1 {
color: navy;
margin-left: 20px;
}
Pritee Parwekar
Examples of CSS..contd
• Internal
e.g.
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
Pritee Parwekar
Examples of CSS..contd
• Inner
e.g.
<h1 style="color:blue;margin-left:30px;">This is
a heading.</h1>
Pritee Parwekar
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.html
Pritee Parwekar
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
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
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
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
AJAX
• AJAX
• (Asynchronous JavaScript)
• Is a web dev tech in to send and retrieve data
without changing the contents
Pritee Parwekar
MYSQL
• MY SQL
• Is database application that stores data
Pritee Parwekar
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
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
References
• http://www.w3schools.com/
• https://www.mysql.com/
• http://www.careerride.com/ASPNetQuestions.aspx
• http://php.net/manual/en/intro-whatcando.php
• http://php.about.com/od/phpbasics/qt/what_is_
php_used_for.htm
• http://www.opengatesw.net/ms-access-tutorials/
Pritee Parwekar

introduction to toolsx

Transcript introduction to toolsx

Directory