Style should be done using CSS.

Slides:



Advertisements
Similar presentations
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
Advertisements

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
About Links in Dreamweaver. Creating Links A link has 2 parts: –The URL (Uniform Resource Locator)= the name and path of the file you want to link –The.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
CSS Demo. Questions How many of you –knows how to code html? –have used dreamweaver or some other graphical html editor? –have used css styles?
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
Using color and fonts in HTML and XHTML Please use speaker notes for additional information!
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Vanessa’s attempt to learn how to play 3 basic chords on the guitar.
Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
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.
Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.
The format is text files, with.htm or.html extension. Hard returns, tabs, and extra spaces are ignored. DO NOT use spaces in file names. File names ARE.
Cascading Style SHEETS for formatting and layout control CSS HTML HTML HTML HTML HTML.
Linking to an External Style Sheet Web Design Section 4-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Make sure you end up on this page
Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.
Cascading Style Sheets Creating a Uniform Site. Style Sheets  Style sheets are used for conformity on a web page or web site.  Style sheets eliminate.
COS 125 Goran Nagradic. About Ziher EX  Ziher EX is a website built for e-commerce business.  Ziher EX was built in Dreamweaver using simple elements.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
A CSS file consists of rule sets. H1 { color: navy; } selector property value Within the brackets are one or more rules /*This rule adjust the styles.
How to… Cascading Style Sheets. How to Insert a Style Sheet When a browser reads a style sheet, it will format the document according to it. There are.
Source Page US:official&tbm=isch&tbnid=Mli6kxZ3HfiCRM:&imgrefurl=
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
Introduction. MIS 5450 Behavioral Layer JavaScript and DOM Structural Layer XHTML Presentation Layer CSS Design Development Process.
Путешествуй со мной и узнаешь, где я сегодня побывал.
CASCADING STYLE SHEET CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem.
Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.
Your GIMP Portfolio Navigation Menu.
Unit 4 - Web Design Project
DICEY DICEY. DICEY DICEY A B.
Searching for Data.
Sequences 8/2/ :16 AM Linked Lists Linked Lists.
HTML Basics and CSS style
CASCADING STYLE SHEET CSS.
Website Design 3
Page 1. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7.
My web site..
Embedded with tags..
Creating a Web Site using a free site and a file manager
Creating a basic Web Page Using Desktop Publisher
Fixed Positioning.
קורס פיננסי – מושגים פיננסיים / כלכליים
ACTIVATION: Positive Personal & Cultural Identity
Here.. here. Pardon my "art". Shows how to make a background image Pardon my "art"! Shows how to make a background image. The image.
Introduction to Web Authoring
كار همراه با آسودگي و امنيت
Annotation Write short sentences that
A01 DESIGN To be completed Your proposal  Your House style 
Cover Page Include your name.
12/31/2018 1:51 AM Chapter 4 Styles Word includes styles, also called Quick Styles, to format body text ("Normal" style), different levels of headings,
Instructions for creating a template in MS Frontpage
Web Design Tips.
Elouise du Laurt - Triathlete
Usually use background-color:
C S S Cascading Style Sheets
Web Design and Development
jQuery Widgets: Tabs Requires core jQuery library + jQuery UI
Unit 16 The Web Book Test.
USING IMAGES This is the bottom of the page. Note the alignment of having text before and after, at the top, in the middle and at the bottom. Code is on.
Can you put the symbols in?
½ of 6 = 3.
How to do the Protein synthesis project
Word word word word word word word word.
Bringing out the best in others
Types of Writing Foldable
One Set of Styles Connected to As Many Pages as You Want!!!

Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
Presentation transcript:

Style should be done using CSS.

using different symbols.

a definition list.

I had hoped for A, 1, a etc.

Not the recommended way.

the same page done with CSS. was matching with the previous example.

Different ways to get color on your page.

Note that with all the quotes, the color did not show.

quotes but not with CSS.

Again, an old style but this works.

Changing to use CSS.

lines.

Using CSS in the head.

Entry points to branch to.

Now I am linking to another page and to a location within the page.

Location within the page.

Link to a page outside my site.