Advanced Web Design Guide
•Download as PPTX, PDF•
0 likes•46 views
This document discusses advanced web design and HTML5. It explains that advanced web design allows tying into other internet protocols and services on the web using a text editor, browser, and source code. It also outlines some key concepts of web design like web servers, browsers, websites and homepages. The document then explains that HTML is the underlying language of web design, with HTML standing for hypertext, text, markup and language. It provides information on HTML5, including that it is an advanced version of HTML 4.01 and includes HTML, CSS and JavaScript. Finally, it provides an example of an HTML5 form with various input fields like text, email, date, number, tel and url.
Recommended
More Related Content
What's hot
What's hot (15)
Similar to Advanced Web Design Guide
Similar to Advanced Web Design Guide (20)
More from Pranjali Jagtap-Pandhare
Recently uploaded
Recently uploaded (20)
Advanced Web Design Guide
- 1. Advanced Web Designing Pranjali R. Pandhare by: Prof. Pranjali Pandhare
- 2. Advanced Web Designing It is provides mechanism to tie up with other Internet protocols and services on the web With the help of Text editor and browser as well as source code user executes some application is basic concept of web designing. by: Prof. Pranjali Pandhare
- 3. Web designing requiredconcept: Web Server Web browser Websites Home pages by: Prof. Pranjali Pandhare
- 4. Web Designing based on: HTML: H : Hyper – Reference Link T : Text - Data M : Markup – predefined L : Language – communication by: Prof. Pranjali Pandhare
- 5. HTML5 basic Information: Advanced Markup or Scripting Language Released 2008 Advanced version of 4.01 Lightweight application HTML5= HTML+ CSS+ JS Modern web development Core technology of Internet by: Prof. Pranjali Pandhare
- 6. Uses: Create web pages User Interface Requirement: 1.Text Editor 2. Web browser How does HTML work????? by: Prof. Pranjali Pandhare
- 7. Benefits of HTML: Easy to executes Create structure Interpreter based language Executes on any OS Document more attractive Allows linking Provides forms & frames by: Prof. Pranjali Pandhare
- 8. HTML document divides in following element: 1. HTML Element 2. Head Element 3. Title Element 4. Body Element by: Prof. Pranjali Pandhare
- 9. Page Layout: <!Doctype html><!---->)----- Cmment Section <html> <head> <title> </title> ----------Head Section </head> (title display on browser heading) <body> <h1> basic code</h1> <p> para</p> --------- Body Section </body> (Body display in web page) </html> by: Prof. Pranjali Pandhare
- 10. Output: Name: E-mail: Date of birth: Office time: Number of years completed (bet 1 & 100): Office phone number: Add your homepages: SUBMIT by: Prof. Pranjali Pandhare
- 11. Input: <!DOCTYPE html> <html> <head> <title> Forms in html 5 </title> </head> <body> <form> Name:<input type=“text” autocomplete><br><br> E-mail:<input type=“email” name=“email”><br><br> Date of birth:<input type=“date” name=“bday”><br><br> Office time:<input type=“time” name=“usr-time”><br><br> Number of years completed(between 1 & 100):<input type=“number” min=“1” max=”100”><br><br> by: Prof. Pranjali Pandhare
- 12. Office phone number:<input type=“tel” name=“phone” pattern=“[0-9]{2}-[0-9]{10}” required><br><br> Add your homepage: <input type=“url” name=“homepage”><br><br> <input type=“image” src=“homepage1.jpg” alt=“click here to submit”. </form> </body> </html> by: Prof. Pranjali Pandhare