Web Design Unit 5.

Slides:



Advertisements
Similar presentations
HTML.
Advertisements

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
XHTML Basics.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
15.1 Fundamentals of HTML.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
Are You Smarter Than a 5 th Grader? 1,000,000 6th Grade Topic 1 6th Grade Topic 2 5th Grade Topic 3 5th Grade Topic 4 4th Grade Topic 5 4th Grade Topic.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
How to make tables in HTML By Daniel Arze. How do they do this?
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML: Images and Links Many Thanks to “Joe,” at index.html, from whom I got these lessons!
Lesson 2 – Unit B. Quick review 1. What is the name of the eGCC host that you ftp your files? 2. What type of software do you use to create and edit web.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
HTML Review * is used as a reference for most of the notes in this powerpoint.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.
HTML Basic Structure. Page Title My First Heading My first paragraph.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
ECS – Storyboarding and Introduction to Web Design
Online PD Basic HTML The Magic Of Web Pages
Web Design Unit 5.
Introduction to HTML.
HTML5 Basics.
Bell Ringer Conduct your own research & answer the following questions (1 paragraph). What is HTML? Who developed HTML? How is it used in web design?
Introduction to basic HTML
Essential Tags Web Design – Sec 3-3
Web Design Unit 5.
Elements of HTML Web Design – Sec 3-2
Concepts of HTML, CSS and Javascript
Coding, Testing and Valdating a Web Page
Basic HTML PowerPoint How Hyper Text Markup Language Works
Computer Parts - Computer Components Project
Essential Tags Web Design – Sec 3-3
Intro to Web Development Class A Review
Elements of HTML Web Design – Sec 3-2
Web Design Unit 5.
Essentials of HTML.
Essentials of HTML.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Essentials of HTML.
Essentials of HTML.
Introduction to Web Page Design
5.2.3 Be able to use HTML and CSS to construct web pages
HTML HYPERTEXT MARKUP LANGUAGE.
Unit A.
Intro to Web Development HTML Structure
Unit 2 Test Building a Web Page Test.
Introduction to HTML5.
WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT
HTML Basic Structure.
Enhancing Your Web Site—Adding Links Web Page
HTML Structure.
An Introduction to HTML Pages
Introduction to Web Application Design
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
Presentation transcript:

Web Design Unit 5

Today’s Lesson Objectives: Complete storyboard (20 min) Gallery Walk (10 min) Revise storyboard (20 min) Demo of html editor: sublime (1 minute) Html page with a title page and body (14 min)

Complete Storyboard Finish up in the next 20 minutes Send someone to pick up blank sheet

Sample Storyboard

Gallery Walk (10 min) Leave/tape Posters next to your computer Each student gets three (3) post its. Take a pen/pencil. Make a constructive comment to 3 posters. Logistics: back row go to 1st row 1st row to 2nd row 2nd row to 3rd row 3rd row to 4th row rotate

Revise Storyboard(20 min) Each pair/group responds to feedback provided Make revisions to storyboard Send on member to return storyboards to teacher

Demo Html Editor Use Sublime Make new file Immediately save with .html extension

Html Tags Tag Description End Tag <html> Defines an HTML document </html> <head> Defines the information about the document </head> <title> Defines the title of the document </title> <body> Defines the main part of the document </body>

Structure of Html Page Head Body Bare bones HTML page: must have in this order! <html> <head> <title>Title of your page</title> </head> <body> </body> </html>

Some Notes Doctypes: <!DOCTYPE html> Homepage: index.html HMTL tags are not case sensitive. Both <P> and <p> work. Lower case tags easier to read White space not important Nicely formatted HTML is easier to read Most tags have opening and closing tags Some exceptions being image

index.html (Let’s type!)

Resources ECS notes Stefan Mischook Web Design start here