WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 3.

Slides:



Advertisements
Similar presentations
1 © Netskills Quality Internet Training, University of Newcastle Introducing Cascading Style Sheets © Netskills, Quality Internet.
Advertisements

WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 2.
ตัวอย่างโครงสร้างและ ส่วนประกอบภาษา HTML about 10 words BACKGROUND="name.gif" BGCOLOR="#0000FF" TEXT="#000000" LINK="#0000FF" VLINK="#FF00FF" ALINK="#FF0000"
CSS Títol pàgina. CSS Títol "estil.css" );
Cascading Style Sheets. Next Level Cascading Style Sheets (CSS) - control the look and feel of your HTML documents in an organized and efficient manner.
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
CSS. CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
Cascading Style Sheets (CSS): Pixel-Level Control with HTML Ease
Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
1 CSS Styling with Fonts and Colors. 2 CSS Cascading Style Sheets and fonts CSS provides Style or Presentation options for our html pages CSS properties.
Tutorial 3 Designing a Web Page.
Workshop: CSS-Part I Cascading Style Sheets add style to your HTML web pages.
Cascading Style Sheet (CSS) Instructor: Dr. Fang (Daisy) Tang
AdvWeb-1/9 DePaul University SNL 262 Web Page Design Chapt 11 - Custom Background And Colors Instructor: David A. Lash.
WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text.
HTML BASIC
3.1 Cascading Style Sheets. Motto Fashions fade, style is eternal. —Yves Saint Laurent.
Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.
WEB DESIGN 1 THEORY : 30 PRACTICE : 60 Lecturer : Phạm Sĩ Quan Phone : Blog:
Web Fonts. Choosing Fonts for a Website: Only those fonts that are installed on our viewers' computers will display properly on our web pages. For this.
HIGHER COMPUTING CSS. WHAT IS CSS? CSS: Cascaded Style Sheets used to separate a web site’s content(information) from its style(how it looks).
CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä “Almost” programming Upcoming ä Connections ä Algorithms.
Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph.
Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.
Cascading Style Sheets " Provide means to control and change presentation of HTML documents. " Allow the user to impose a standard style. " Three levels.
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.
15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.
Most of the attributes of the body element specify colors for the Web page. Note: The background attribute won’t be useful till we learn about graphics.
ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.
Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.
Stylin’ with CSS Monday October 8 th and Tuesday October 9 th.
Files you will need ... Black Goose Bistro Summer Menu
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.
Text Formatting and Font Control. Boldface, Italics, and Special Formatting Way back in the age of the typewriter, we were content with plain text and.
HTML & Color How to Use Color  Backgrounds-  Usually a light color is best  Should have a color based on a theme or plan  Can have a dark.
CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.
1 2/21/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Lists, Fonts, Links, and Preformatted Text.
Web Design (14) CSS Formatting Text. Formatting Text In Brackets, go to your ‘externalcss’ website and find the ‘formattingtext’ page. Use the ‘main’
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
CSS Cascading Style Sheets *referenced from
ColorsColors. Color Keywords/Names 140 color keywords/names are defined in the HTML and CSS color specification –17 standard colors (HTML accepts 16 of.
Font-Family, Color and Background. Basics  CSS rule: Selector (multiple separated by, ) Declaration (multiple separated by ; ) Example: p { color: red;
Basic Web Publishing M. Scott Gartner 7/15/98.
HTML WITH CSS.
CSS for Styling Text.
CSS for Styling By Jinzhu Gao.
CS3220 Web and Internet Programming CSS Basics
Cascading Style Sheets Color and Font Properties
The Internet 10/11/11 Fonts and Colors
HTML WITH CSS.
Creating Your Own Webpage
Cascading Style Sheets
Fundamentals of Web Programming
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Cascading Style Sheets
Introduction to Web programming
CSS – Properties & Values
The Internet 10/13/11 The Box Model
Stylin’ with CSS.
CS3220 Web and Internet Programming CSS Basics
Lesson 5 – Controlling fonts with CSS
CS3220 Web and Internet Programming CSS Basics
Stylin’ with CSS.
Stylin’ with CSS.
ATLAS WEB Web Typography.
Presentation transcript:

WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 3

Basic HTML Tags On ALL Web Pages

Basic HTML Tags On ALL Web Pages Formatting Tags = Subscripte.g. H 2 O = Superscript e.g. Today is September 23 rd H 2 O Today is September 23 rd

Basic HTML Tags On ALL Web Pages Formatting Tags

Basic HTML Tags On ALL Web Pages Formatting Tags non-breaking space This is one space, but this has extra spaces. This is one space, but this has extra spaces.

Basic HTML Tags On ALL Web Pages Formatting Tags

Tag Options THE FONT TAG SIZE = “1 … 7”

Tag Options THE FONT TAG SIZE = “1 … 7” smallest largest This is Large Default

Tag Options THE FONT TAG color = “16 standard colors” aqua black blue fuchsia gray green lime maroon navy olive purple red silver teal white yellow This is: red and blue

Tag Options THE FONT TAG This is Large & Green

This is Large & Green only large

Tag Options THE FONT TAG FACE = “name1, name2, name3, …” These are different types of Font Faces

Tag Options THE FONT TAG FACE = “name1, name2, name3, …” Browsers have VERY limited “Font Face” Support The “Font Face” file must reside on the Users Computer Name must match – might not look the same – MAC’s -PC’s

Tag Options THE FONT TAG FACE = “name1, name2, name3, …” These 12 fonts are installed on both PC and MAC and are considered as ‘safe’ arial arial black comic sans ms courier courier new georgia helvetica impact palatino times new roman trebuchet ms verdana

Tag Options THE FONT TAG FACE = “name1, name2, name3, …” arial arial black comic sans ms courier courier new georgia helvetica impact palatino times new roman trebuchet ms verdana cursive fantasy Serif Sans-serif monospace Font-Family Generic-Family

Tag Options THE FONT TAG FACE = “name1, name2, name3, …” arial arial black comic sans ms courier courier new georgia helvetica impact palatino times new roman trebuchet ms verdana cursive fantasy Serif Sans-serif monospace Font-Family generic-Family Hello

Tag Options Paragraph Tag ALIGN = “Left, Right, Center” Default This text will be centered

All of this text is centered on the page and this is firetruck but only this is italized. All of this text is centered on the page and this is firetruck but only this is italized.

THE HEADING TAG smallest largest HEADING HEADING HEADING Note! Opposite – Font Size Always on it’s own line !

Tag Options THE HEADING TAG ALIGN = “left, right, center” This is Centered This is left This is right This is centered This is left This is right

Basic HTML Tags On ALL Web Pages … to …,,, Formatting Tags Tag Options Colors – aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow