GUIDELINES FOR CREATING YOUR FIRST WEBPAGE GETTING STARTED.

Slides:



Advertisements
Similar presentations
Communicating Information: Web Design
Advertisements

Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Web Page Development Identify elements of a Web Page Start Notepad
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
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.
HTML Structure & syntax
Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
15.1 Fundamentals of HTML.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
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.
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-
Creating Webpage Using HTML
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
ECA 228 Internet/Intranet Design I Intro to Markup.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
15.1 Fundamentals of HTML DeKalb County School System.
Murach's HTML5 and CSS3, C1© 2012, Mike Murach & Associates, Inc. Slide 1.
HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag.
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.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
The Teacher Computing HTML HyperText Markup Language.
WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML BASIC IST 210: Organization of Data IST210 1.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
This shows CIS17 and the first day introduction..
HTML – The Basics Rebecca Shillingburg
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
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.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
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.
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.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Basic IST 210: Organization of Data IST2101.
U NIT 9 Level 2 Web Design. What does HTML stand for? HTML stands for Hypertext Markup Language and it is the language used by all web pages. It consists.
Getting Started – Basic Page Structure
Basic HTML PowerPoint How Hyper Text Markup Language Works
Basic HTML PowerPoint How Hyper Text Markup Language Works
File Naming Technique.
HTML HYPERTEXT MARKUP LANGUAGE.
HTML Basic Structure.
HTML Structure.
The Most Basic HTML Page
Presentation transcript:

GUIDELINES FOR CREATING YOUR FIRST WEBPAGE GETTING STARTED

NAMING FILES Guidelines Lowercase letters Letters and numbers ONLY If punctuation is necessary, underscore, tilde(~) or hyphen (-) are used No spaces Keep as short as possible

EXAMPLES OF FILE NAMES Which of these are good? If bad, why? mydogs.jpg HOMEPAGE.HTM car/wash.html snakes:my Friends.gif You-Bet-It-Hurts-Tattoos.jpg

HTML DOCUMENTS Consists of 2 things Document Content HTML Tags Save as filename.html or filename.htm Document Content Opening Tag Closing Tag One sided vs. two sided Tags are NOT case sensitive, but standard is to capitalize

CREATE YOUR FIRST WEB PAGE Open NotepadFile  Save AsChange “Save as type” to All FilesSave to H: drive  Web Page DesignSave the file name as lastnametest.htm

CREATE YOUR FIRST WEB PAGE Type the following: My First Web Page

TAG DICTIONARY ENTRIES HTML – indicates to the browser that your page is written in HTML code HEAD – Information about the web page. This section includes the TITLE tags TITLE – Displays the title of the page – displays in the title bar or tab of the browser BODY – The portion of the document the users will see