Download to read offline
RS
Uploaded byRajesh Sanabada
PPTX, PDF325 views
Web Design Basics and HTML
The document explains the basics of web design, detailing the differences between static and dynamic webpages. Static webpages have fixed content and display the same information to all visitors, while dynamic webpages generate different content based on user interactions and scripts. Additionally, it discusses HTML as the standard markup language for creating webpages and introduces Dynamic HTML (DHTML) for creating dynamically changing websites.
More Related Content
What's hot
Similar to Web Design Basics and HTML
Recently uploaded
Web Design Basics and HTML
- 1.LAKSHYA INSTITUTE OFTECHNOLOGYPresented by-Rajesh Kumar SanabadaWeb DeveloperContact-8908432646Mail-id:-lit.rajeshsanabada2016@gmail.com“WEB DESIGNBASICS”
- 2.STATIC WEBPAGESA staticwebsite contains Web pages with fixedcontent.Each page is coded in HTML and displays the sameinformation to every visitor.Static sites are the most basic type of website and arethe easiest to create. Unlike dynamic websites, they do not require anyWeb programming or database design.A static site can be built by simply creating a fewHTML pages and publishing them to a Web server.
- 3.DYNAMIC WEBPAGESA dynamicweb page is a web page that displaysdifferent content each time it's viewed. For example, the page may change with the time ofday, the user that accesses the webpage, or the type ofuser interaction.There are two types of dynamic web pages:-CLIENT-SIDE SCRIPTINGSERVER-SIDE SCRIPTING
- 4.Client-Side ScriptingWeb pagesthat change in response to an action withinthat web page, such as a mouse or a keyboard action, useclient-side scripting.Client-side scripts generate client-side content. Client-side content is content that's generated on the user'scomputer rather than the server. In these cases, theuser's web browser would download the web pagecontent from the server, process the code that'sembedded in the web page, and then display theupdated content to the user.Scripting languages such as JavaScript and Flash allow aweb page to respond to client-side events.
- 5.Server-Side ScriptingWeb pagesthat change when a web page is loaded orvisited use server-side scripting.Server-side content is content that's generated whena web page is loaded. For example, login pages, forums,submission forms, and shopping carts, all use server-side scripting since those web pages change accordingto what is submitted to it.Scripting languages such as PHP, ASP, ASP.NET, JSP,ColdFusion and Perl allow a web page to respond tosubmission events.
- 6.DIFFERENCE BETWEEN STATICANDDYNAMIC WEBPAGESStatic Web PagesStatic Web pages display the exact same informationwhenever anyone visits it.Static Web pages do not have to be simple plain text.They can feature detailed multimedia design and evenvideos.However, every visitor to that page will be greeted bythe exact same text, multimedia design or video everytime he visits the page until you alter that page's sourcecode
- 7.DIFFERENCE BETWEEN STATICANDDYNAMIC WEBPAGESDynamic Web PagesDynamic Web pages are capable of producingdifferent content for different visitors from the samesource code file.The website can display different content based onwhat operating system or browser the visitor is using,whether she is using a PC or a mobile device, or eventhe source that referred the visitor.A dynamic Web page is not necessarily better than astatic Web page. The two simply serve differentpurposes.
- 8.HTMLHTML is thestandard markup language for creatingWeb pages.HTML stands for Hyper Text Markup Language.HTML describes the structure of Web pages usingmarkup.HTML elements are the building blocks of HTML pages.HTML elements are represented by tags.HTML tags label pieces of content such as "heading","paragraph", "table", and so on.Browsers do not display the HTML tags, but use themto render the content of the page
- 9.Example<!DOCTYPE html><html><head><title>Page Title</title></head><body><h1>MyFirst Heading</h1><p>My first paragraph.</p></body></html>
- 10.Example Explained•The <!DOCTYPEhtml> declaration defines this document tobe HTML5•The <html> element is the root element of an HTML page•The <head> element contains meta information about thedocument•The <title> element specifies a title for the document•The <body> element contains the visible page content•The <h1> element defines a large heading•The <p> element defines a paragraph
- 11.DHTMLDynamic HyerText MarkupLanguage (DHTML) is a combination ofWeb development technologies used to create dynamically changingwebsites.Web pages may include animation, dynamic menus and text effects.The technologies used include a combination of HTML, JavaScript orVB Script, CSS and the document object model (DOM).Simplest feature is making the page dynamic.Can be used to create animations, games, applications, provide newways of navigating through web sites.DHTML use low-bandwidth effect which enhance web pagefunctionality.Dynamic building of web pages is simple as no plug-in is required.Facilitates the usage of events, methods and properties and codereuse.
- 12.How the WebWorks?• WWW use classical client / server architecture– HTTP is text-based request-response protocol12Page requestClient running a WebBrowserServer running WebServer Software(IIS, Apache, etc.)Server responseHTTPHTTP
Editor's Notes
- #13 07/16/96