Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.

Slides:

Advertisements

Similar presentations

Table, List, Blocks, Inline Style

Advertisements

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.

Making Things Look Nice: Visual Appearance and CSS CMPT 281.

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.

COMPSCI 345 / SOFTENG 350 TUTORIAL WEEK 8 | SAM KAVANAGH.

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

COMP101 – Exploring Multimedia and Internet Computing LA2 (Thur 14:00 – 16:50) TA: Jackie Lo.

Lecture Cascading Style Sheets (CSS) Internal Style Sheets Classes.

HCI 201 Week 5 Loose Ends. Agenda Image stuff Image stuff File stuff File stuff Bandwidth Bandwidth UNIX UNIX HTML HTML Design elements Design elements.

CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

Technologies for web publishing Ing. Václav Freylich Lecture 5.

Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.

 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)

CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.

INTERNAL CSS Casey Ames Different types of CSS There are three different types of CSS: ◦ External CSS ◦ Internal CSS ◦ Inline CSS In this presentation.

Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.

I NTRO TO CSS IAT100 Spring I NTRO TO CSS Covered in this lesson: Overview What is CSS? Why to use CSS? CSS for Skinning your Website Structure.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.

Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute NAME Specifies the name for a form To specify which form to submit with JavaScript, this.

© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.

Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,

CS134 Web Design & Development Cascading Style Sheets (CSS) Mehmud Abliz.

HTML: Hyptertext Markup Language Doman’s Sections.

ECA225 Applied Interactive Programming Cascading Style Sheets, pt 1 ECA 225 Applied Online Programming.

© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.

Cascading Style Sheets

Cascading Style Sheets CSS. Source W3Schools

DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.

Introduction to CSS Brendan Knight. What is CSS Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.

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.

Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.

The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.

ECA 228 Internet/Intranet Design I Cascading Style Sheets.

CSS Layout Cascading Style Sheets. Lesson Overview  In this lesson, we’ll cover:  Brief CSS review  Creating sections with the tag  Creating inline.

LT: I can use CSS to decorate a web page. Do Now: Get your storyboard, and log in to winhome. Write our a list of colors you want in your website. (Minimum.

Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.

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.

CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.

G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher

CSS (Cascading Style Sheets). CSS CSS – Cascading Style Sheets – Cascade because of the way CSS rules can stack on top of each other. Allows you to add.

Introduction to CSS: Selectors

Cascading Style Sheets

Web Basics: HTML/CSS/JavaScript What are they?

>> Introduction to CSS

Intro to CSS CS 1150 Fall 2016.

INTRODUCTION TO HTML5.

CASCADING STYLE SHEET CSS.

Website Design 3

Intro to CSS CS 1150 Spring 2017.

Cascading Style Sheets

Working with Text and Cascading Style Sheets

Web Programming– UFCFB Lecture 11

CSS Styles Introduction.

Web Design and Development

HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.

HTML and CSS Basics.

Web Programming and Design

One Set of Styles Connected to As Many Pages as You Want!!!

Presentation transcript:

Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define style sheet rules in a separate .css file and then include that file in your HTML document using HTML <link> tag. Inline Style Sheet - Define style sheet rules in header section of the HTML document using <style> tag. Outline Style Sheet - Define style sheet rules directly along-with the HTML elements using style attribute.

Week-12 (Lecture-1) External Style Sheet: HTML file:

Week-12 (Lecture-1) Inline Style Sheet:

Week-12 (Lecture-1) Outline Style Sheet:

A script is a small piece of program Week-12 (Lecture-2) HTML Javascript: A script is a small piece of program It can add interactivity to website. a script could generate a pop-up alert box message, or provide a dropdown menu Types of JS: External: java script Is written in another .js file and included in html file Internal: java script Is written inside html file between.

Week-12 (Lecture-2) External Javascript:

Week-12 (Lecture-2) Internal Java Script:

Week-12 (Lecture-2) Good Example of Java Script: