Tuesday, March 10 th Warm Up: What are Meta tags? Why do we use them and where do they go? Today: REVIEW some key/sticky concepts in Web Design.

Slides:



Advertisements
Similar presentations
Support.ebsco.com EBSCOadmin Branding Tutorial. Welcome to the EBSCOadmin Skinning and Branding tutorial, where you will learn how to customize EBSCOhost.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
Linking Your Web Pages Together. Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the.
Hyperlink & Form Pertemuan 11 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
How to Make a Web Page: A Crash Course in HTML programming.
HTML Introduction (cont.) 10/01/ Lecture 8, MAT 279, Fall 2009.
Computing Concepts Advanced HTML: Tables and Forms.
ETT 429 Spring 2007 Web Design I.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
Introduction to HTML. What is HTML? Hyper Text Markup Language A markup language designed for the creation of web pages and other information viewable.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
StressChill App Click the StressChill icon (shown to the right) to open the app. If you do not see this on the desktop, you will find it in the pull up.
1 JobNet 3.0 Enhancements Prototype My Favorite Job Search Enhancement Alerts.
Reading Data in Web Pages tMyn1 Reading Data in Web Pages A very common application of PHP is to have an HTML form gather information from a website's.
Chen Raz Requirements: 1. HTML5/CSS3 (I remind you that we have an agreement that you don't charge me extra for this) 2. Do not use the html element 3.
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 Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
Review Chapter 3, 4 & 5 - Dreamweaver. How does defining the site in Dreamweaver help in designing a web page? Answer: It shows all the files and images.
HOW TO CREATE A THINGLINK Liz Ramos Alta Loma High School.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
CHAPTER 3 USING HYPERLINKS TO CONNECT CONTENT. LEARNING OBJECTIVES How to use the and anchor tag pair to create a text-based hyperlink. How to use the.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Website Design: Creating Your Pages and Finishing Your Website Tuesday, February 22 nd -Tuesday, March 1 st.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Introduction to HTML Vincci Kwong Reference/Instruction Librarian.
Introduction to HTML. What is HTML?  Hyper Text Markup Language  A markup language designed for the creation of web pages and other information viewable.
Weblog Manual Contents: Login and managing your account ……….p. 2 Uploading files……………………………………p. 3 Uploading images……………………………….p. 4 Cropping images..………………p.
Google Forms. On your ASUrite homepage, select the My Docs link in the Quick Links box. 1.
76 © 1998, 1999, 2000 David T. Gray, Howard Duncan, Jane Kernan Frames When displaying information in a browser, it is sometimes useful to divide the display.
ITCS373: Internet Technology Lecture 5: More HTML.
Put your assignment on the page. Embed a document for students to complete and send back to you. Have students complete the document and submit it to.
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.
XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.
Why are links important to a website? Web Design Course.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
XP 1 HTML Tutorial 2: Developing a Basic Web Site.
TJ 3043 – Web Application Development HTML Form. 2.0 Forms - A form is the usual way information is gotten from a browser to a server - HTML has tags.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Web Design Part I. Click Menu Site to create a new site root.
Introduction To HTML Form Inputs Written By George Gimian.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
How to optimise your WordPress website for search engines and get your offerings found by the right people Presented by: Women In Business with Maggie.
January 2006Colby College ITS Setting Up Course Pages.
HTML Links HTML uses a hyperlink to another document on the Web.
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
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.
How to create an educational wiki. Laurie Roberts 2010.
1 Copyright © 2014 Tata Consultancy Services Limited Assessment Knowledge Center – Item Creation Training Document.
Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.
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.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
HTML Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands.
Tutorial 2 Links. Hypertext links are used to…. Point to a different section on the same page Point to a different web page Point to a variety of different.
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.
2440: 141 Web Site Administration Web Forms Instructor: Joseph Nattey.
Weebly Elements, Continued
Web Page Design ICT Ms. McGrew.
SOURCE TAGGING AS A SERVICE
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
HTML Links.
For use on your feedback page
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Presentation transcript:

Tuesday, March 10 th Warm Up: What are Meta tags? Why do we use them and where do they go? Today: REVIEW some key/sticky concepts in Web Design

Meta Tags Allows browser to find your website Descriptor is the most common Meta Tag (and I think most useful) Goes in header on HOME page 2

Image as a Link Links use the and tags Image as a link uses the same And the same tag to end In between, you put the picture 3

Link within a page (Anchor) There are two parts to an anchor: the place you want to select The place you want to go Part one: Part two: in the place you want the user to “go to” on the page, put: stuff you want them to see</a? 4

Today … Finish HTML assignment # 2, show Mrs. H Begin HTML assignment # 3 5

Form Go to Echo Echo and complete the tutorial on forms before completing assignment # 4 6

Providing a link where customers/fans can you is COMMON on a website Generally, the text may say: Contact Us Me Send an How do you create the link? You use the link tag Me 7

Scroll Boxes = Drop Down Lists Very useful on a form Used to provide pre-set options for answering The tag defines the menu. The name setting adds an internal name to the field so the program that handles the form can identify the fields. The size option defines how many items should be visible at a time. Default is one item. The multiple setting will allow for multiple selections if present. 8

Scroll/Drop Down … My Page Fresh Milk Old Cheese Hot Bread 9