Web Design I Spring 2009 Kevin Cole Gallaudet University 2009.02.12.

Slides:



Advertisements
Similar presentations
REPORTS.
Advertisements

Memo Formatting.
© 2004, Robert K. Moniot Chapter 6 CSS : Cascading Style Sheets.
SM5312 week 11: CSS Menus & Navigation Bars1 An Introduction to Cascading Style Sheets CSS Menus and Navigation Bars Nick Foxall.
© 2010, Robert K. Moniot Chapter 5 CSS : Cascading Style Sheets 1.
How Tags are used to form your Web Page
Lists, Lists, & Lists Unordered List Ordered List Definition List.
1 Depth First Search dfs(0, 0) open site blocked site reachable from top via open sites.
Tutorial 4 Formatting Text. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Create a spread heading Indent text Change the line spacing.
Computer Technology Timpview High School
Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
SSome HTML tags allow you to specify a variety of options, or attributes, along with the basic tag itself. For example, when you begin a paragraph with.
CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.
Web Design I Spring 2009 Kevin Cole Gallaudet University
Chapter 3 Working with Text and Cascading Style Sheets.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Business Letters. Elements Letterhead Date Inside Address Greeting Body Closing Signature.
Tutorial #4 Formatting Text and Links. Tutorial #3 Review - CSS CSS format Selector { property1: value1; /* Comments */ } Embedded, In-Line, and External.
1 Web Development Lecture # 11 Introduction to XHTML (Chapter # 4) It.GulGasht.Com.
IS1824: Introduction to Internet Multimedia Lecture 5: Layout in HTML Rob Gleasure
HTML Lesson 5 Hyper Text Markup Language. Assignment 4  Create a new HTML page called index.htm and save it in your HTML_Folder  Use the same format.
Intro to HTML Part 2 Kin 260 Jackie Kiwata. Overview Links Images Lists.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
How to create Web Pages. Some relevant websites ????
HTML 58.51A LINKING & LISTS Linking to local files name of destination.... anchor tag HREF attribute. This attribute identifies the location of the link.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.
CSS Class 2 -Add margins to elements on a page. -Set width and height of elements. - CSS shorthand properties for box model. -Style links. -Style tables.
Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.
CSS Fun damentals The Document Hierarchy Element Relationships The Box Model.
Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.
Formatting Text with HTML. Objectives: Students will be able to: Define the structure of the document with block elements Format numbered, bulleted, and.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit C Formatting Page Elements with HTML.
ECA 228 Internet/Intranet Design I HTML Tags. ECA 228 Internet/Intranet Design I anchor tags Adds a link to the web page Anything placed between the anchor.
Business Letter (notice that you don’t indent). 1. Margins: the space around your letter. 1.Go to “File.” 2.Scroll down to “Page Set-Up” 3.On the “Margins”
Memo. What is a memo?  Definition:  Short message from one person to another in the same business or organization.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Chapter 5 pp HTML Elements & Attributes Format Content Or Examples This Text Is A Hyperlink.
Business Letter Vocabulary Technology Applications.
Personal-Business Letters Keyboarding Connections.
Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Text Elements. We've already learned about the,,,, and elements. Now let's learn some elements that we'll use to present actual text content on our web.
CHAPTER 15 Floating and Positioning. FLOAT VS. POSITION  Floating an element moves it to the left or right, allowing the following text to wrap around.
HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.
Basic Webpage Design Formatting output using Unordered List and Ordered List tag.
Spring 2009 Kevin Cole Gallaudet University
CSS.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Text Elements.
CS543: WEB APPLICATION PROGRAMMING
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Cascading Style Sheets (Layout)
Spring 2009 Kevin Cole Gallaudet University
Simplifying Square roots
Text Elements.
MLA Report – Supporting Document
Text Elements.
Typing Class Midterm Review
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Business Letter in Block Style
Text Elements.
Text Elements.
Presentation transcript:

Web Design I Spring 2009 Kevin Cole Gallaudet University

Relative links

/Desktop/page1.html... Links In a different folder. On another web site. In a sub-folder of this one....

/Desktop/page1.html... Links In a different folder. On another web site. In a sub-folder of this one....

Block vs. Inline... is a "block". It has margin space at the top, bottom, left and right. The adds an Enter before the start of the paragraph and the adds an Enter after the end of the paragraph.... and... are "inline". They do not create line breaks. They do not add space around them. They are part of the "flow" of the paragraph. is also inline. Inline elements should always be inside of a block element.

Lists Three types: Ordered List... uses numbers, letters, roman numerals, etc. Unorderd List... uses bullets (round, square, etc.)‏ Definition list... uses indentation

Ordered List... Go shopping Make dinner Set VCR Do homework Go shopping 2. Make dinner 3. Set VCR 4. Do homework...

Unordered List... Go shopping Make dinner Set VCR Do homework... Go shopping Make dinner Set VCR Do homework...

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2024 SlidePlayer.com Inc. All rights reserved.