Web pages Lesson 4.

Slides:

Advertisements

Similar presentations

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

Advertisements

Adding HTML to Blackboard

HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation

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

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.

Insert Title Here Insert subtitle or other text here Change font? (use 1 font, max 3 sizes) Add background color or gradient (under “Format”)

INFSCI  Start with a skeleton outline: copy and paste:  Warning sometimes copy and paste of quote marks from PowerPoint doesn’t work correctly.

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.

MS Word Scavenger Hunt 5th Grade.

Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.

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

 We evaluated our current school website.  Looked at other school websites  We decided ◦ Wasn’t enough color ◦ Wanted video and music ◦ More pictures.

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.

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.

Just Enough HTML How to Create Basic HTML Documents.

Do’s and Don’ts of Web Design By: Andrew Mingo. Do: Use font that is easy to read on your background Don’t: Use really wild coloured fonts that are hard.

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.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

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”

McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.

HTML Lesson 2. Review Questions  What are HTML tags used for?  What do HTML tags look like?  What are the 3 required HTML tags?  In what section of.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.

Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.

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

Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.

Formatting Tags.  What is an Attribute? ◦ Describes in detail what the tag is meant to display ◦ Example: BGCOLOR, ALIGN, HREF.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.

Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.

Spiderman ©Marvel Comics Creating Web Pages (part 1)

1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

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

The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.

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

SUBJECT : W W EB PAGE DESIGN MATTHAYOM 4 (G RADE 10) TERM 2 YEAR 2012.

How to make a brochure Go to Microsoft word 2007 and select any online template on brochure.

Unit 15 – Web Authoring Web Authoring Project.

Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?

Creating a Slide Show ● Go to Mrs.Radford's website ● Click on Web Folder on the left menu bar ● Then click on Listing Folder ● Choose which template you.

Creative Tools General Instructions/Rubric Ch. 3 Project 52

HTML GUIDE Press F5 and then

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”

Get folder Find page in folder for “Finding Inspiration in Words”

Rollover Buttons UNIT 2.

Lesson Objectives Lesson Outcomes

Microsoft Word Text Basics.

Websites lesson 5.

Making Web pages.

Web pages Lesson 3.

Nerd Website HTML.

What are Good Website Designs?

Task: Have a look at these websites:

Basics of HTML Lesson 1: Basic HTML.

Formatting pictures & adding cover pages

In today's lesson you will…

The language of the internet

Lesson 2: Make a Quiz Unit 1: Formatting Lists,

The language of the internet

TIPS: Where a box says “insert image here” you will need to go up to “insert” and choose “image” then either search for an image to insert or choose one.

Do it now – PAGE 8 You will find your do it now task in your workbook – look for the start button! Sunday, 19 May 2019.

Lesson Objectives To understand the features of different types of newspapers To understand what DTP is To identify various tools in publisher.

Presentation transcript:

Web pages Lesson 4

Task… Search the Internet for a picture of a Strawberry Re-name the picture “strawberry1” Save the picture to your Website folder

Today we will: Revise the meaning of some of the tags that we have already learned Learn how to change the font type Learn how to insert a picture onto your page

<p> End of the title <font color> Aligns the text in the middle </title> Inserts a paragraph <font size> Changes the size of the font <center> Changes the font colour

I will now show you your next tags…

Your task: Create a web page that looks something like this…. Lesson 4 web page If you manage this then try moving the text and images around the page by inserting a tag known as <div align = “right”>