Web Authoring (Ski Resort Task)

Slides:



Advertisements
Similar presentations
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Advertisements

CSS-Formatting Review Cascading Style Sheets addstyle to your HTML web pages.
Web Engineering 1 Ishaq Khan Shinwari MCS City University Peshawar.
1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.
Cascading Style Sheets
/k/k 1212 Cascading Style Sheets Part one Marko Boon
Chapter 6 More CSS Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
Adding styles. Three alternatives HIT151 Web 'n' Net Web Page Basics /*stylesheet*/ h1,h2,h3 { font-family: verdana, arial, 'sans serif'; } p,table,li.
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.
Very quick intro HTML and CSS. Sample html A Web Title.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Cascading Style Sheets By: Valerie Kuna. What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a standard for specifying the presentation.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
1 Web Developer & Design Foundations with XHTML Chapter 9 Key Concepts.
End User Computing An Introduction to CSS Sujana Jyothi Research Lab1, Callan Building, Department of Computer Science
CSS BASICS. CSS Rules Components of a CSS Rule  Selector: Part of the rule that targets an element to be styled  Declaration: Two or more parts: a.
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
Cascading Style Sheet CSS CS1520 Ali Alanjawi. 2 TA Information Ali Alanjawi Homepage: Office:
CSS(Cascading Style Sheets )
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
TECH2018 Multimedia and the Internet More about CSS and Page Layouts.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
HTML (HyperText Markup Language)
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
(CSS) More Details Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
Exploring Office 2003 – Grauer and Barber Enhancing the Web Page Chapter 3 BCIS 1405 Session 15.
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.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.
 Use the think diagram … ISP Server.
Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.
CSS with XHTML Please use speaker notes for additional information!
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Web Authoring Task 8– Create the following Style Sheet: 1.Create a new CSS called Tiger.CSS Style Sheet Body Horizontal Tile using the Tiger.JPG H1 Browsers.
CSS Cascading Style Sheets *referenced from
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
CSS DHS Web Design. Location Between the & Start with – End with –
CSS Cascading Style Sheets. Session Checklist ► Learn why style sheets are needed and their advantages and disadvantages ► Learn the format of a style.
WebD Introduction to CSS By Manik Rastogi.
Create a new stylesheet called Hotel Style
Chapter 17: Document Production (Word)
Open the Nissan.html page in a suitable application and create the table shown below between Table 3 and 4. Set the appropriate sizes for each cell. A.
Style Sheets.
CSS: Cascading Style Sheets
Creating Your Own Webpage
Web Development & Design Foundations with HTML5
Creating Page Layouts with CSS
Web Developer & Design Foundations with XHTML
Introduction to Web programming
Web Authoring Task 1– Create Style Sheet H1 H2 P LI OL UL Table Body
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Essentials of HTML.
Web Authoring Task 8– Create the following Style Sheet:
Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
Introduction to Web programming
Table CSS Create a new CSS called tablestyle.CSS Green Background
Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body
Essentials of HTML.
Basics of Web Design Chapter 6 More CSS Basics Key Concepts
5.2.3 Be able to use HTML and CSS to construct web pages
Web Authoring Task 1– Create Style Sheet H1 H2 H3 P LI Table Body
What are Cascading Stylesheets (CSS)?
Web Development & Design Foundations with H T M L 5
Johan Ng and Muhammad Hazzry
Stylin’ with CSS.
Presentation transcript:

Web Authoring (Ski Resort Task) Task 1 – Create CSS Style Sheet Create a new Root Folder called Ski Holiday Create a new a CSS and save it into the root folder as stylesheet. Use the CSS Window to create the styles listed below. Body Tag You would use this tag normally to format your background (Image or Colour) You can set your table styles using the Table and TD Tags. TD – is used for the internal settings for the table. H1 - #FFFFFF, San-Serif, 12, bold, center H2 – #ff0000, serif, 14, left, bold H3 – #800000 Red – no blue or green component, serif, 14 H4 – #008000Green – No red or blue, serif, 16, center H5 – #000060, San-Serif, 16, left, bold P - #000000, San-Serif, 12 LI – #600000, serif, 14, left, italic, disc Body – background colour – Backgroundimage.jpg (as tiled) Table - Set background colour to grey, Set border to yellow (width 3) Collapse Border TD - Set border colour to red (width 2) Set your name as a comment