Download to read offline
More Related Content
Similar to this is about making website designs in basic method
this is about making website designs in basic method
- 1. WELCOME CLASS! Instructor:Christopher F. Purcia, LPT
- 2.
- 3. COURSE OBJECTIVES: 1. Learnthe HTML Fundamentals & CSS Fundamentals. 2. Familiarize Document Structure using HTML. 3. Learn Multimedia Presentation using HTML. 4. Learn to construct and analyze webpage styling using CSS. 5. Apply Accessibility, Readability and Testing.
- 4. STUDENT LEARNING OUTCOMES: 1.Describe introduction to HTML5 and what basic web design is. 2. Learn how to construct markup that uses metadata elements. 3. Analyze and implement inline styles, internal (embedded) style sheets, external style sheets and analyze rule sets.
- 5. STUDENT LEARNING OUTCOMES: 4.Learn how to structure content, organize data, use HTML5 semantic elements, implement navigation and use form elements. 5. Construct and analyze markup that displays image, markup that plays video and video. 6. Construct and analyze styles that position content, format text, background and borders, create a simple responsive layout.
- 6. STUDENT LEARNING OUTCOMES: 7.Construct well-formed HTML and CSS markup that conforms to industry best practices, evaluate content accessibility and evaluate the structural integrity of HTML and CSS markup.
- 7.
- 8. INSTRUCTION: Guest and Completethe Website name that will be showing at the screen.
- 9. F_ _ EB O _ K
- 10. G _ _G _ E
- 11. Y _ _T _ B _
- 12. S _ OP _ E
- 13. Y _ H_ _
- 14.
- 15. HTML stands forHyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements
- 16. HTML elements tellthe browser how to display the content HTML elements label pieces of content such as “This is Heading” , “ This is a paragraph” , “ This is a link” , etc.
- 17. EXAMPLE: <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Thisis a Heading</h1> <p>This is a paragraph.</p> </body> </html>
- 18. The <!DOCTYPE html>declaration defines that this document is an HTML5 document. The <html> element is the root element of an HTML page. The <head> element contains meta information about the HTML page. The <title> element specifies a title for the HTML page (which is shown in the browser’s title bar or in the page’s tab).
- 20. The <body> elementdefines the document’s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. The <h1> element defines a large heading. The <p> element defines a paragraph.
- 21. WHAT IS ANHTML ELEMENT?
- 22. An HTML elementis defined by a start tag, some content, and an end tag Example:
- 23. The HTML elementis everything from the start tag to the end tag: Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!
- 24. WEB BROWSERS The purposeof a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly. A browser does not display the HTML tags, but uses them to determine how to display the document:
- 25. HTML PAGE STRUCTURE Belowis a visualization of an HTML page structure:
- 26. Note: The contentinside the <body> section (the white area above) will be displayed in a browser. The content inside the <title> element will be shown in the browser’s title bar or in the page’s tab.
- 27.
- 28. INSTRUCTION: “Individual Activity” In ¼sheet of paper or notebook, answer the following questions: 1. The meaning of HTML is? 2. It is the declaration that defines the document is an HTML5 document. 3. List down atleast three(3) html tagnames.