Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.

Slides:

Advertisements

Similar presentations

HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.

Advertisements

DREAMWEAVER Welcome to our website!

Basic HTML Workshop LIS Web Team Spring 2007.

Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.

Computing – Weekly Review By Callum Innes HTML WWW WYSIWYG URL Hyperlink.

HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

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;

HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.

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.

Basics of HTML. Example Code Hello World Hello World This is a web page.

WEB DESIGN This course accompanies: -DiDA -GCSE ICT -A-Level ICT Insert Teacher Name Here By xIslandDesign.

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.

Creating your Webpage with tables. This is a 2 column by 1 row table!

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.

1 Essential HTML coding By Fadi Safieddine (Week 2)

Using Hyper Text Markup Language to develop a Web page.

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

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 I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

Webpage Design.

Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.

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.

Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

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.

Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.

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.

HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!

Homework #4 HTML Web Assignment II ©2001 E. Kinnear.

Introduction to HTML Vincci Kwong Reference/Instruction Librarian.

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.

CREATING WEB PAGES Using…More HTML code! My First \ Web Page.

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.

HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.

HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.

HTML Lesson 3 Hyper Text Markup Language. Assignment Part 2  Set the file name as “FirstName2.htm”  Set the title as “FirstName LastName First Web Site”

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

Start Dreamweaver program From file menu click new Blank page appears.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.

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

Web programming Part 1: HTML 由 NordriDesign 提供

HTML BASIC IST 210: Organization of Data IST210 1.

The basic HTML School Net Japan Naoto Kurimoto. Today’s Goal Understanding the basic structure of HTML How to use basic HTML tag,,,,,,, etc… Making the.

Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.

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

Spiderman ©Marvel Comics Creating Web Pages (part 1)

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

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.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.

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.

HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.

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.

Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

HTML Basic IST 210: Organization of Data IST2101.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Key concepts of Computing

Introduction to web design discussing which languages is used for website designing

Making Web pages.

Intro to Web Development Links

Web pages Lesson 3.

HTML Text editors and adding graphics

Presentation transcript:

Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011

 Basic HTML Tags  Basic structure of a webpage using HTML  Saving an html file  Enhancing your webpage  Formatting Fonts  Animating Text  Inserting a color background and image background  Inserting an image  Assigning Hyperlinks

HTML – stands for Hyper Text Markup Language. It serves as the building block of a web page.



my first webpage welcome to my webpage

 After typing the codes, click on file, saveas  Locate the folder you created for your webpage. Example: mywebpage/desktop folder  Type the filename.html  Click on Save

 Formatting Fonts my first webpage welcome to my webpage

my first webpage Welcome to My Webpage

 Animating Text my first webpage welcome to my webpage

my first webpage Welcome to My Webpage

 Inserting a background color my first webpage welcome to my webpage

my first webpage Welcome to My Webpage

 Inserting a background image my first webpage welcome to my webpage

my first webpage Welcome to My Webpage

 Inserting an image my first webpage welcome to my webpage

my first webpage Welcome to My Webpage

 Assigning Hyperlinks my first webpage welcome to my webpage

my first webpage Welcome to My Webpage