Web Design Mr. Briggs’ Classes September 6-7, 2011.

Slides:

Advertisements

Similar presentations

3.02D HTML Overview 3.02 Develop webpages.

Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

How Tags are used to form your Web Page

HTML Computing Concepts HTML - An Introduction 1.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.

HTML Introduction HTML

Web Design is a class created to nurture the minds of high school techies, and introduce those without prior knowledge to the field.

Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.

Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

Using HTML to Create a Basic Web Page… By Josh Gallagan.

Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.

THE BACKBONE OF EVERY WEB PAGE HTML Day 1. What will we learn? How to create a basic web page Backgrounds and colors How to link Web sites How to include.

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.

HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.

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.

Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.

Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'

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.

 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.

XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.

What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.

15.1 Fundamentals of HTML.

Just Enough HTML How to Create Basic HTML Documents.

HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.

HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.

All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

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-

IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure

HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &

Introduction to web development and HTML MGMT 230 LAB.

HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.

Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

HTML: Hyptertext Markup Language Doman’s Sections.

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

15.1 Fundamentals of HTML DeKalb County School System.

Creating Your First Web Page – Topic: Creating a wiki, blog, image blog and podcast Click Arrow - Next Slide 1.

HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.

4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.

HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Creating Your Own Web Page Using HTML (HyperText Markup Language.

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.

Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.

HTML: Hypertext Markup Language The language to make web pages 0.

Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.

HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.

HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Introduction to basic HTML

3.00cs HTML Overview 3.00cs Develop webpages.

Creating a Web Page Using HTML

Presentation transcript:

Web Design Mr. Briggs’ Classes September 6-7, 2011

Today’s Objectives ► Create a web page using HTML code. ► Learn to correctly use tags and save an HTML document in Notepad. ► Reading 2.3: Generate relevant questions about readings on issues that can be researched.

Homework ► HTML test on Friday ► Study all HTML notes – memorize ► Be able to write the code for a basic web page. ► Now that you’re all web designers, you need to read some articles on design. Look over the following web sites. Pay particular attention to basic HTML tags. You’ll be having an HTML quiz next week. ► ► ► wHTML/html_intro.html wHTML/html_intro.html wHTML/html_intro.html

Today’s Assignment (9/6/11) ► Review HTML basic code ► Create your first WP using HTML Code. Review notes from last Friday. ► Use Notepad. ► Create an HTML doc. In body, explain why you want to take this class – about 100 words. ► Use the tags as explained. Include Name and period in ► Use the tags as explained. Include Name and period in ► Create a September 2011 Folder. ► Save as HTML assignment 01 folder in My Documents.

Q’s for The Elements handout 1. Why is the header in the title bar important when creating a web page? 2. What is the purpose of using headers in the body of a wp? 3. Give 3 specific examples where both numbered and bulleted lists can be used in a wp. 4. Why would you ever want to include a comment in your wp? 5. When should tables be used and when should they be visible and/or invisible?

HTML ► HTML = hypertext markup language – the computer language that allows the GUI of the WWW ► Need to create HTML documents as pure text documents. Use Notepad. ► Start>Programs>Accessories>Notepad

HTML ► ► ► First and last code source – signifies document as an HTML doc. That can be viewed in a browser ► ► ► Title of page that appears on the browser icon. ► Information in the HEAD does not appear on the actual browser page.

HTML <HTML><HEAD></HEAD></HTML> ► Remember, “/” is called a switch and turns off the tag.

HTML ► Within the tags you will need a title. <HTML><HEAD> This is my first web page This is my first web page </HEAD></HTML>

HTML ► ► ► This tag encloses all of the text and code that actually appears on the screen.

HTML <HTML><HEAD> This is my first web page This is my first web page So why do I want to be in this class you ask? So why do I want to be in this class you ask? Well I want to learn about web design. I want to create web pages about music - my favorite band is The Who. I would also like to create I would also like to create web pages about my family too. web pages about my family too. </HEAD></HTML>

Why use lower case tags? ► If you want to follow the latest web standards, you should always use lowercase tags. The World Wide Web Consortium (W3C) recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.

New Tags ► bold ► This is a heading ► This is a heading These are different size headings. is the largest and is the smallest

New Tags ► underline ► italicize ► paragraph ► line break ► (your comment will be ignored by the browser)

New Tags ► Include hyperlinks (external) ► anchor – used in creating hyperlinks ► Text to be displayed ► Text to be displayed ► Visit W3Schools! ► Visit W3Schools! ► Visit W3Schools! Visit W3Schools! Visit W3Schools!

New Tags ► Image ► You must correctly save an image in your wp folder. ► Use this tag to insert an image in your wp. ► ► Image tag Image file name Alternative author-defined text