Quick Review Several important items from Lesson Five.

Slides:



Advertisements
Similar presentations
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
Advertisements

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 2 HTML Basics Key Concepts
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
In this lecture, you will learn: ❑ How to link between pages of your site ❑ How to link to other sites ❑ How to structure the folders on your web site.
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links
Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.
Chapter 8 Creating Style Sheets.
How Tags are used to form your Web Page
Tutorial 4: Creating page layout with css
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
13 February Building a Web Page. HTML Files Two types of information Text Instructions on how to display Instructions are in the form of tags Tags are.
Controlling Page Style: Cascading Style Sheets (CSS) References: 1.Wang, P.S & Katila, S. (2004). A Introduction to Web Design and Programming. CA: Thomson.
Art 128 Interface Programming 1 In-class Presentation Week 11B.
Chapter 8 More on Links, Layout, and Mobile Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.
Page Layout & Mobile Web Using columns, grid systems, etc… to layout sites for desktops and mobile.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
1 Web Developer Foundations: Using XHTML Chapter 9 Cascading Style Sheet Concepts.
Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.
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.
HTML Essentials HyperText. Why HyperText ? Hypertext is text or pictures which reference other pages which the reader can immediately access Hypertext.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Foundations MONDAY, SEPTEMBER 30, 2013 LECTURE 3: COMMON HTML TAGS, NEW HTML5 SECTIONS, USING FTP.
Week 8 – Part 3 More on Links, Layout, and Mobile Key Concepts 1.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Doing L I N K S Links 1: Internal Links Links to anchors on the current page (Internal).
Today’s objectives  Review  CSS | Rules | Declarations  HTML Structure document  Class asignment.
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
How to get there from here. Lesson 5 – Unit E. Library.
1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
>> HTML: Structure Elements. Elements in HTML are either Inline or Block. Block-level Elements – Begins on a new line – Occupy the whole width – Stacks.
INTRODUCTORY Tutorial 6 Using Links on a Web Page.
ECA225 Applied Interactive Programming Cascading Style Sheets, pt 1 ECA 225 Applied Online Programming.
The Web Wizard’s Guide To DHTML and CSS Chapter 1 A Review of CSS1.
Week 8 – Part 2 Page Layout Basics Key Concepts 1.
Project 6: Kayaking HTML5 Site
Tutorial 3 Adding and Formatting Text with CSS Styles.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Development & Design Foundations with HTML5 7th Edition
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
WEB DEVELOPMENT IMMERSIVE BUILDING PAGE LAYOUTS. 2 Box Model Scaling Positioning Boxes Box Aesthetics HTML 5 Semantic Tags CSS Resets TOPICS GENERAL ASSEMBLYWEB.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Basic HTML Document Structure. Slide 2 Goals (XHTML HTML5) XHTML Separate document structure and content from document formatting HTML 5 Create a formal.
Hyperlink ● Anchor tag and its attributes ● Four Types of URL ─ ─ Absolute addressing ─ Relative addressing ─ Intrapage ● Attributes -- link, vlink,
HTML Lab4 Ins.Samia alblwi. O UTLINE : 1-Links 2-Frame.
1111 Master Pages Beginning ASP.NET in C# and VB Chapter 6.
BEGINNER WEB DESIGN. INTRODUCTION Vocabulary Design Tools of the Trade HTML CSS.
CS 200 – Web Tech I Web Site Organization Links. Recall the Web Page Layout sidebar footer content masthead.
2.4. Choose and configure HTML5 tags to organize content and forms Choose and configure HTML5 tags for input and validation. Building the User Interface.
ECA 228 Internet/Intranet Design I Cascading Style Sheets.
HTML5 and CSS3 Illustrated Unit E: Inserting and Working with Links.
HTML Links CS 1150 Spring 2017.
Web Development & Design Foundations with HTML5 7th Edition
Web Development & Design Foundations with HTML5
Unit F Inserting and Working with Links.
Basic HTML Document Structure
>> Dynamic CSS Selectors
Lesson 4 – Introduction to CSS
Web Development & Design Foundations with HTML5
Web Development & Design Foundations with HTML5
Digging in a little deeper
HTML Links CS 1150 Fall 2016.
Presentation transcript:

Quick Review Several important items from Lesson Five

What is the symbol used to indicate to move up one level? Answer:../ How would you move up two levels and back down into a folder named lesson 18? Answer:../../lesson18 What the three techniques to give styles to items in a web page? Answer: elements, id rules, class rules

The following is a(n) ______ link. Answer: absolute How would you create an anchor named “nomenu” on a paragraph tag? Answer: Change the following to open in a new window: More information Answer: More information

The following is a(n) ______ link. More to learn Answer: relative How would you create an jump link to an anchor named “nomenu” when a person click on the words “Skip Menu”? Answer: Skip Menu Change the following to open in a file named info.pdf: More information Answer: More information

In addition to the nav element what are the 6 additional semantic element that were mentioned in Unit E? Answer: article, aside, footer, header, hgroup, section What is the following an example of: #main a:link { color: red; } ? Answer: Pseudo-class What pseudo-class applies to a link that has not been visited? Answer: a:link