Click to edit Master title style

Web
Development

1
Click
WEB
to edit
DEVELOPMENT
Master title style

• Web development is the work involved in developing a web site for

the Internet
• The web development process includes web design, web content
development, client-side/server-side scripting and network security
configuration, among other tasks.
• Web development is the coding or programming that enables website
functionality, per the owner's requirements. It mainly deals with the
non-design aspect of building websites, which includes coding and
writing markup.

2 2
ClickDEVELOPMENT
WEB to edit Master
VS title
WEB style
DESIGNING

DESIGNING DEVELOPMENT

• Web design refers to both the aesthetic portion
of the website and it’s usability. Web designers
use various design programs such as Adobe
Photoshop to create the layout and other
visual elements of the website.
• Web Developers take a website design and
actually make a functioning website from it.
Web developers use HTML, CSS, Javascript,
PHP and other programming languages to
bring to life the design files.

3 3
ClickDEVELOPMENT
WEB to edit Master title style
TECHNOLOGIES

HYPER TEXT MARKUP LANGUAGE CASCADING STYLE SHEETS JAVA SCRIPT

4 4
 HTML
Click to edit Master title style

Hypertext Markup Language is the standard markup language for

documents designed to be displayed in a web browser.
HTML provides a means to create structured documents by denoting
structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items.
With HTML constructs, images and other objects such as interactive forms
may be embedded into the rendered page.

5 5
Click to
HTML SYNTAX
edit Master title style

For opening a simple element with a start tag

• it starts with <
• then a list of characters without space, the tagname (or element)
• ends usually with a >.
Then closing the simple element with an end tag
• it starts with </
• then the same list of characters without space, the tagname (or
element)
• ends usually with a >.

6 6
Click to
HTML TAGS
edit Master title style

7 7
Click
BASIC
to edit
LOGINMaster
FORMtitle style

8 8
ClickCSS
to edit Master title style

• Cascading Style Sheets (CSS) is a style sheet language used for

describing the presentation of a document written in a markup
language like HTML.
• CSS is designed to enable the separation of presentation and
content, including layout, colors, and fonts.
• CSS gives Web developers more exact control over how Web pages
will look than HTML does.

10 10
ClickSYNTAX
CSS to edit Master title style

• A CSS rule-set consists of a selector and a declaration block:

• The selector points to the HTML element you want to style.

• The declaration block contains one or more declarations separated by

semicolons.

• Each declaration includes a CSS property name and a value, separated by a

colon.

11 11
Click
CSStoPROPERTIES
edit Master title style
PROPERTY DESCRIPTION

color Sets the color of a text

line-height Sets the distance between lines

text-align Aligns the text in an element

Sets all the properties for a list in one

list-style declaration

Sets all the border properties in one

border declaration

display the display property specifies if/how

an element is displayed

float is a property that forces any element

to float left, right , or inherit

12 12
Click toFORM
LOGIN edit Master title style

13 13
Click to edit Master title style
NOT A PROGRAMING LANGUAGE!!!

• There is no code execution of HTML and CSS.

• In a web browser, HTML is a text file that was parsed and used to
create a data structure called the Document Object Model.

• The DOM is used to display the web page. Then any CSS source file
is parsed and applied to the HTML elements

14 14
ClickJAVASCRIPT
to edit Master title style

• JavaScript is a high-level, interpreted programming language that

enables interactive web pages and is an essential part of web
applications.
• The vast majority of websites use it, and major web browsers have a
dedicated JavaScript engine to execute it.
• JavaScript is a client-side scripting language.

15 15
Click
JAVASCRIPT
to edit Master
SYNTAXtitle style

JavaScript can be implemented using JavaScript statements that are

placed within the <script>... </script> HTML tags in a web page.

16 16
Click
LOGIN
to edit
FORMMaster
WITHtitle
JS style

17 17
Click to edit Master title style

THANK
YOU
21
21