Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body

Slides:



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

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.
/k/k 1212 Cascading Style Sheets Part one Marko Boon
Today CSS HTML A project.
Adding styles. Three alternatives HIT151 Web 'n' Net Web Page Basics /*stylesheet*/ h1,h2,h3 { font-family: verdana, arial, 'sans serif'; } p,table,li.
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.
Cascading Style Sheets By: Valerie Kuna. What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a standard for specifying the presentation.
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.
Recognizing the Benefits of Using CSS 1. The Evolution of CSS CSS was developed to standardize display information CSS was slow to be supported by browsers.
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.
Unit 20 - Client Side Customisation of Web Pages
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.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
4.01 Cascading Style Sheets
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
Creating Tables in a Web Site Using an External Style Sheet
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
1 What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements  Styles are normally stored in Style Sheets  Styles.
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
CHAPTER 1 HTML & HTML5 I อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
Lecture 2 - HTML and CSS Review SFDV3011 – Advanced Web Development 1.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,
211 Multimedia Web Design Lesson 5/6 Dreamweaver Practice.
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.
Unit 15 – Web Authoring Web Authoring Project.
WebD Introduction to CSS By Manik Rastogi.
CSS.
IS1500: Introduction to Web Development
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.
CS3220 Web and Internet Programming CSS Basics
4.01 Cascading Style Sheets
Chapter 17: Document Production (Word)
( Cascading style sheet )
Semester - Review.
Unit 3 - Review.
Creating Your Own Webpage
Creating Page Layouts with CSS
Cascading Style Sheets
Web Authoring (Ski Resort Task)
Cascading Style Sheet (CSS)
Introduction to web design discussing which languages is used for website designing
Web Authoring Task 1– Create Style Sheet H1 H2 P LI OL UL Table Body
MS-Access (database) how to create blank data base.
IS333: MULTI-TIER APPLICATION DEVELOPMENT
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
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
The Internet 10/13/11 The Box Model
Web Authoring Task 1– Create Style Sheet H1 H2 H3 P LI Table Body
What are Cascading Stylesheets (CSS)?
The Internet 10/6/11 Cascading Style Sheets
How to use the CSS box model for spacing, borders, and backgrounds
Training & Development
CS3220 Web and Internet Programming CSS Basics
Cascading Style sheet. What is CSS?  CSS stands for Cascading Style Sheets  Cascading: refers to the procedure that determines which style will apply.
Johan Ng and Muhammad Hazzry
4.01 Cascading Style Sheets
Web Client Side Technologies Raneem Qaddoura
Presentation transcript:

Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body Write your own CSS for common styles like: h1, h2, h3, P, li – Save style sheet as “Style4” Attach the style sheet and apply the text styles.   Colour H1 Full Red San-Serif, 22, bold, italic, center H2 Black San-Serif, 18, bold, center P San-Serif, 12, bold, Justify LI serif, 10, left, italic, disc Table Set background colour to grey Set external border to Black (width 4) Collapse Border Set internal border colour to blue (width 2), Set cell padding to 3 All solid Borders Body Background colour - Blue Set your name as a comment

Web Authoring Task 2 – Create Table Cell A -H1 Cell B - H2 Create a new html file called Mobiles.htm and attach the stylesheet. Create the table shown below Table Settings: Height: 500Px Width: 500PX Insert the following text and images into the cells: Cell A: Mobile Phones Cell B: Phone Name: I Phone 6, Brand Apple, http://www.apple.com/iphone-6/ Cell C: Insert Iphone6 image. Cell D: Features: CPU - 4 GHz dual-core, Storage 16, 64 or 128 GB, Multi-touch touchscreen, Retina HD Display Cell E: Phone Name: Samsung S5, Brand Samsung, http://www.samsung.com/global/microsite/galaxys5/design.html Cell F: Insert Samsung S5 image. Cell G: Features: CPU - 1.9 GHz quad-core, Storage 16 GB, 32 GB, Full HD Super AMOLED, 16 megapixels Camera Hyperlinks to open on a blank window Cell A -H1 Cell B - H2 Cell C - image Cell D– Title as H2 Features - li Cell E - H2 Cell F- Image Cell G– Title as H2 Features - li