Websites lesson 5.

Slides:

Advertisements

Similar presentations

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.

Advertisements

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.

External Site Links by Awnya Boam. Links are found… …almost everywhere on the internet. They allow users to travel from one site to another.

Introduction to HTML Lists, Images, and Links. Before We Begin Save another file in Notepad Save another file in Notepad Open your HTML, then do File>Save.

Unit 4.4 We are HTML Editors

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.

Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.

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.

Review: How do you change the border color of an image?

Should have seen something like this last week What does do? stands for table row and starts a new row in the table.

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 Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.

Images in HTML PowerPoint How images are used in HTML.

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.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

Unit 10 – Web Authoring Web Authoring – Qatar Tourism Lesson 5 & 6.

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

WEB DESIGN. warming up WEB DESIGN  Look at the HOMEPAGE OF YAHOO on page 56  Answer the following questions: 1) Why do people create and publish web.

Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.

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.

Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

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.

Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,

BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.

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

Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.

HTML Lesson 2. Internal Hyperlinks  Internal Hyperlink is a link that links to another page within a website.  Make another page using notepad++: page2.html.

Plan a front page for a website designed for your hero, including text, images, sound and animation Lesson 6 Aim : What football team does Thor support?

ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.

Introduction to HTML 4.0 Getting Started – Links, Images, Font, and List Teacher: Mr. Ho.

Easysite Champions: The Basics *Insert Date Here*.

Web Site Design Unit 11.3A: Web programming. Tags and Elements O h1 O p O h6 O li O Ol O Ul O Strong O Bold O Emphasis O Sub O Sup O How many standard.

G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher

Unit 15 – Web Authoring Web Authoring Project.

Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.

Web Basics: HTML/CSS/JavaScript What are they?

Images in HTML PowerPoint How images are used in HTML

HTML GUIDE Press F5 and then

Hyperlink Anchor tag and its attributes Four Types of URL

Hosted by Coach Slanina

Web Design Monday May 20 Bell Work Class Work Essential Questions

Adding Images to Your Web Page

HTML Images CS 1150 Spring 2017.

Hyperlink Anchor tag and its attributes Four Types of Hyperlink

Rollover Buttons UNIT 2.

Lesson Objectives Lesson Outcomes

Hyperlink Anchor tag and its attributes Four Types of URL

A01 DESIGN To be completed Your proposal  Your House style 

Making Web pages.

Web pages Lesson 4.

What are Good Website Designs?

HTML Images CS 1150 Fall 2016.

HTML Text editors and adding graphics

Go to each slide and fix or add what is asked for

Enhancing Your Web Site—Adding Links Web Page

Task: Have a look at these websites:

Making a website.

In today's lesson you will…

The language of the internet

The language of the internet

A02 Creating my website NAME ______________.

2 Hours Minutes Seconds Insert Text Here.

Using Museum Box as a Multimedia Assessment Tool

Images in HTML PowerPoint How images are used in HTML

Presentation transcript:

Websites lesson 5

Today you will: Collect some images for your web pages (2 or 3) Learn how to insert a hyperlink on your web pages Start creating your very own web site

Task: Spend 5 minutes collecting images for your web sites These could include: your favourite football team, pop star, pets, cars, animals MAKE SURE you save the images to your WEBSITE folder!!!!!

A hyperlink tag looks something like this… <a href = “homepage.html"> link to my homepage </a> Start hyperlink Text that is displayed on the page Name of the page you want to link to End hyperlink

So here’s how we insert the hyperlink…

Your task… Either use the page that you have already created (or begin a new page) to make a web page that tells people something about yourself Insert the images that you collected using the <img src> tag that you experimented with last lesson Insert a hyperlink using the <a href > tag to any of the pages that you have already created