web designing

19
Presentation On Web designing tools Presented by……… Mohd Ikhlaque Ansari Monu kumar verma Mohd shoeb

Upload: ram-dutt-shukla

Post on 19-Jan-2015

1.013 views

Category:

Business


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Web Designing

A Presentation OnWeb designing tools

Presented by………Mohd Ikhlaque AnsariMonu kumar vermaMohd shoeb

Page 2: Web Designing

Out Line1.Web Designing

2. Available ToolsHTMLDHTMLXMLJava Script

3.Web Designing EditorsDreamweaverFront Page

Page 3: Web Designing

Web DesigningThe intent of web design is to create

website that presents content to the

end user in the form of webpages upon request. Such elements as text, forms, and bit-mapped images can be placed on the page using HTML, XHTML, or XML tags.

Page 4: Web Designing

Web pageA web page, as an information set, can

contain numerous types of information. Web pages may be retrieved from a local computer or from a web server.

The web server may restrict access only to a private network.

Page 5: Web Designing

WebsiteA web site is a collection of information

about a particular subject. Designing a web site is defined as the arrangement and creation of web pages that in turn make up a web site. A web page consists of information for which the web site is developed.

Page 6: Web Designing

Available Tools HTML HTML, an initialism of HyperText Markup Language, is the predominant markup

language for Web pages Java Scrip

JavaScript is a scripting language widely used for client-side web development DHTML– DHTML is NOT a language.– DHTML is a TERM describing the art of making dynamic and interactive web pages.– DHTML combines HTML, JavaScript DHTML is NOT a language.– DHTML is a TERM describing the art of making dynamic and interactive web pages.– DHTML combines HTML, JavaScript

XML The Extensible Markup Language (XML) is a general-purpose specification for

creating custom markup languages

Page 7: Web Designing

HTML?HTML stands for hypertext markup language.

HTML is not a programming language ,it is a markup language.

Page 8: Web Designing

HTML DOCUMENTS AND EXTENSION.HTML documents describe web pages and

contain html tags and plain text.

.HTML uses extension .html or .htm

Page 9: Web Designing

HTML TagsTags for heading <h1> to <h6>

Tags for paragraph <p>.

Tags for line break <br>.

Tags for horizontal rule line <hr>

Tags for text formatting<u>Defines underlined text<b>Defines bold text<big>Defines big text<i>Defines italic text

Page 10: Web Designing

HTML Links?

HTML links are defined with the <a> tag.

<a href="http://www.w3schools.com">

This is a link

</a>

Page 11: Web Designing

Java Script?JavaScript is a scripting language A scripting language is a lightweight programming

language JavaScript is usually embedded directly into HTML

pages JavaScript is an interpreted language (means that

scripts execute without preliminary compilation)

JavaScript is a sequence of statements to be executed by the browser

Page 12: Web Designing

How to Put a JavaScript Into an HTML Page

JavaScripts in the body section will be executed WHILE the page loads.<html><head><script type="text/javascript">document.write(“krishna engineering college");</script></head></html>

JavaScripts in the head section will be executed when CALLED.<html><head></head><body><script type="text/javascript">Document.write(“mca”);</script></body>

.

Page 13: Web Designing

JavaScript Variablesor expressions?<html>

<body>

<script type="text/javascript">

var firstname;

firstname="Hege";

document.write(firstname);

document.write("</br >");

firstname="Tove";

document.write(firstname);

</script>

<p>The script above declares a variable,

assigns a value to it, displays the value, change the value,

and displays the value again.</p>

</body>

</html>

Page 14: Web Designing

JavaScript Functions A function is a reusable code-block that will be executed by an event, or when the function is called.<html>

<head>

<script type="text/javascript">

function displaymessage()

{

alert("Hello World!");

}

</script>

</head>

<body>

<form>

<input type="button" value="Click me!"

onclick="displaymessage()" >

</form>

</body>

</html>

Page 15: Web Designing

Web Designing EditorsDream ViewerFront Page

Page 16: Web Designing

Front Page Microsoft FrontPage is a HTML editor and

web site administration tool from Microsoft for the Microsoft Windows line of operating systems.

Page 17: Web Designing

DreamweaverDreamweaver Adobe Dreamweaver is a web development application

originally created by Allaire Systems, which was acquired around 1998 by Macromedia and is now owned by Adobe Systems .

Dreamweaver is available for both Windows operating systems. Recent versions have incorporated support for web technologies such as CSS, JavaScript, and various server-side scripting languages and frameworks including ASP.NET, JavaServer Pages (JSP), and PHP.

Page 18: Web Designing

Thank

You

Page 19: Web Designing

“Brain storming”

Feel free for anyFeel free for any

“Queries”