The structure and style of web pages

Slides:

Advertisements

Similar presentations

3.02B Authoring Languages 3.02 Develop webpages..

Advertisements

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

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

Part 2 Introduction to CSS. CSS Syntax – class selector 1 With the class selector you can define different styles for the same type of HTML element. You.

WebPages & HTML … the sandwich analogy by L Chow.

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.

CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.

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.

Eat Your Words! Creating webpage Layout. CONTENT The Layout of a Webpage HEADER FOOTER Each of these sections represents a ‘div’ (or divider). By linking.

HTML & CSS Extended Homework Learn how to create websites by structuring and styling your pages with HTML and CSS. Form: Name: ICT Group: ICT Teacher:

Creating your Webpage with tables. This is a 2 column by 1 row table!

© and web design. Acceptable Most Web designers crib some of their source code, either from other sites or their previous work. These are usually individual.

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

ECMM6018 Enterprise Networking For Electronic Commerce Tutorial 2 Cascading Style Sheets (CSS)

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

FUNDAMENTALS OF HTML, XHTML & CSS Lesson 4. THE OBJECTIVES -  In this lesson you will begin coding in HTML to provide the structure  You will learn.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

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.

Cascading Style Sheets

HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.

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.

External Style Sheets Exploring Computer Science – Lesson 3-6.

Creating Web Pages with Links, Images, and Embedded Style Sheets

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.

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.

Getting Started – Basic Page Structure

Web Design Unit 5.

CSE 3 Portfolio Desktop Publishing with MS Word Computational Thinking

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

HTML – The COMPUTING UNLOCKED GUIDE

Web Design Unit 5.

Week 2: Introduction to Design and CSS

>> Introduction to CSS

Fundamentals of HTML, XHTML & CSS

Concepts of HTML, CSS and Javascript

>> CSS Rules Selection

J. Verlin Sophomore Seminar September 7 – October 2, 2017

Cascading Style Sheets (CSS)

Intro to CSS CS 1150 Fall 2016.

Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.

PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.

Intro to CSS CS 1150 Spring 2017.

The Web Wizard’s Guide To DHTML and CSS

Embedded with tags..

Google Fonts Selective Formatting

Laying out a website using CSS and HTML

Intro to CSS Mr. Singh.

Of HTML, CSS and JavaScript

What is the difference between Computer and Software programming?

Cascading Style Sheets

Introduction to Cascading Style Sheets (CSS)

Working with Text and Cascading Style Sheets

The structure and style of web pages

Web Design 3080 : Week 3 Introduction to Dreamweaver Lecture

Unit 6 part 3 Test Javascript Test.

Unit 4 Test CSS Test.

Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.

HTML – The COMPUTING UNLOCKED GUIDE

HTML &CSS and Make a website with coding

Images in HTML PowerPoint How images are used in HTML

Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.

Client-Server Model: Requesting a Web Page

The structure and style of web pages

Web Programming and Design

Introduction to HTML By Perry Nelson Information Specialist.

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:

The structure and style of web pages HTML and CSS The structure and style of web pages Warm-up: Write the CSS code to make a paragraph that has words with green letters.

Write the CSS code to make a paragraph that has words with green letters. <p style=“color:green”> But that is just 1 way using inline style. What if you wanted EVERY paragraph to be green? It would be tedious to copy that into every paragraph. Also:; you don’t usually see it, it’s not completely necessary (the browser will display the information anyway) Use Khan Academy to learn to select by tag name and get every paragraph on the page.

Today Video: David Karp: How to start coding now David started building websites at 11. 10 years later, he started Tumblr, one of the most popular blogging and social networking platforms in the world. Learn about different ways to set styles and choose colors. Continue work on Khan Academy HTML and CSS Tomorrow Compare the style of 2 webpages. Finish CSS styles part 1

Excellent resources http://www.w3schools.com/colors/default.asp http://www.w3schools.com/tags/ref_colornames.asp and http://www.w3schools.com/colors/colors_picker.asp