HTML CODE Fill in your handout from notes on the slides!!

Slides:



Advertisements
Similar presentations
Basic HTML Workshop LIS Web Team Spring 2007.
Advertisements

HTML.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Art 128 Interface Programming 1 In-class Presentation Week 11B.
Marking Up With Html: A Hypertext Markup Language Primer
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Introduction to Web Development in HTML Web module day 1 IS 201.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
Informatics Computer School CS114 Web Publishing HTML Lesson 2.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
Web Design (5) Navigation (1). Creating a new website called ‘Navigation’ In Windows Explorer, open the folder “CU3A Web Design Group”; and then the sub-folder.
Images in HTML PowerPoint How images are used in HTML.
Website Development with Dreamweaver
ADOBE WEAVER WEB DESIGN. START THE DW 2 WORKSPACE LAYOUT Application Bar Document Toolbar Document Window Workspace Switcher Property Inspector GroupPanel.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
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'
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
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 CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
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.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
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.
Ordered Lists By Brian Christian. Ordered List Tags You use this tag when you want to start an ordered list. Each list item you write need to start with.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
Homework #4 HTML Web Assignment II ©2001 E. Kinnear.
Web Page Fundamentals HTML: The Language of the Web.
HTML: Images and Links Many Thanks to “Joe,” at index.html, from whom I got these lessons!
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
M Dixon 1 Tech HTML. M Dixon 2 Admin Attendance Register: –log in to your profile.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
The idea of adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents.
REEM ALMOTIRI Information Technology Department Majmaah University.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.
HyperText Markup Language (HTML) Developing a Web Page.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
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.
Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
HTML Basics.
Creating and Linking Web Pages
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
My web site..
Making your own PPT The how to’s of PowerPoint.
A01 DESIGN To be completed Your proposal  Your House style 
Click on Adobe dreamweaver
Intro to Web Development HTML Structure
A Summary of Some Key Points from Chapters
Presentation transcript:

HTML CODE Fill in your handout from notes on the slides!!

Design No more than 2 different fonts should be used –Pick a font and stick with it –Alternate fonts if you are alternating information Use at least 3 colors on your page (i.e. background, font, links) Do not use more than 6 –Too distracting

Getting Started FIRST – set a goal for your site –Inform others about you –Give up-to-date sport scores,etc –Info on music groups SECOND – organize –Create a folder to store all your files Images pages

Getting Started (cont.) Know your target audience –Who are you designing this page for Conduct Market Research –See who/what competition is –What is your audience looking for

TAGS Every page must start with and end The first tag of a line is the starting/opening tag –,, The last tag of a line of code is the closing/ending tag –,, My First Page Info about me

Tags Three parts of an HTML tag are –The left angle bracket ‘<‘ –The text –The right angle bracket ‘>’ Every tag must have an open and a close tag (some exceptions)

Tags Three REQUIRED tags –Must be in every HTML document – The tag is optional

White Space Negative space Blank space on a web site Poor planning Unfinished Some is needed for readability

NESTING Nesting- beginning and ending tags have no crossover

Example

! IMPORTANT ! Write this in your notes!! –Opening tag for ANY HTML document you create in here!! – Validator