What are they? Why care about them? How to control them?

Slides:



Advertisements
Similar presentations
3.02B Authoring Languages 3.02 Develop webpages..
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.
Cascading Style Sheets
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Using Advanced Cascading Style Sheets
Microsoft Expression Web-Illustrated Unit L: Using Code Tools.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 3.
Web Standards Coding Benefits of Web Standards Coding – Variety of user agents Same marked up content can be read by browser, smartphones, screen readers.
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
CHAPTER 3 Working with Templates and Styles. CHAPTER OBJECTIVES  Create an Expression Web site from a template  Rename a page  Rename a folder  Add.
HTML B OOT C AMP Itinerary Kirkwood Continuing Education © Copyright 2015, Fred R. McClurg All Rights Reserved.
Coding: XHTML and CSS. Why code? Writers and editors are often asked to write and edit web copy. Although it is easy to create a web site without coding.
How to develop your website Chapter Websites Denise R. E. Copeland
Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.
Web Sites for my ET710 Class.  This is the homepage for my portfolio. This page is where you will find the links to all of my projects.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Firstname Lastname. Resources  Development tools  Development tutorials  Graphics  Hosting services and online storefronts  Other tools  Business.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Hypertext Mark-Up Language Web Page Creation HTML.
SharePoint Pakistan User Group The first and only SharePoint user community in Pakistan One of the best in Asia!
Creating an External Style Sheet Module 5: Beyond the Basics with Expression Web LESSON 8.
Planning your site/organization on the Web Please use speaker notes for additional information!
Intro To Web Design with Adobe Dreamweaver CSS Cascading Style Sheets (CSS) is the W3C standard for defining the presentation of documents written in HTML,
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417.
IT204 – Web Scripting and Authoring I Forms and Image Maps Unit 4.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Macros, Templates & CSS  Macros are used to record a series of keystrokes so that, for example, your name and address can be added to the top of the.
More PowerPoint. Re-using your slides You can re-use your slides in different presentation. Choose Insert, Slides from Files Browse to locate the presentation.
English Exam My Website Name: Ernesto Campos Level: 10º Date: 27/09/06.
Tools for Technical Communicators Save time and have fun doing it! Free tools and some COTS.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Project: Web Designer. Phase 1: The World Wide Web.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
Cascading Style Sheets (CSS). Learning Objectives To develop an understanding of how CSS can enhance the design of a webpage To create and apply CSS styling.
Web Basics: HTML/CSS/JavaScript What are they?
Create and edit web pages 4
Designing Webpages Firstname Lastname.
Introduction to Website Creation in sphb K200
Unit 2, Lesson 5 Website Development Tools
INTRODUCTION TO HTML5.
Unit 2, Lesson 5 Website Development Tools
CIS 273 Innovative Education-- snaptutorial.com
CIS 273Competitive Success/tutorialrank.com
CIS 273 Education for Service-- tutorialrank.com.
Title goes in here Subtitle here.
Web Page Development Tools
Overview of Dreamweaver
Intro to Web Development First Web Page
Web Page Development Tools
C S S Cascading Style Sheets
HTML Text editors and adding graphics
Title goes in here Subtitle here.
Title goes in here Subtitle here.
For use on your feedback page
Basic Web Page Creation
Title goes in here Subtitle here.
Title goes in here Subtitle here.
Title goes in here Subtitle here.
Title goes in here Subtitle here.
Introduction to HTML By Perry Nelson Information Specialist.
Presentation transcript:

What are they? Why care about them? How to control them?

CSS

Cascading Style Sheet

(kn1.css) “Web 2.0” boy howdy, yabba dabba doo…

(whoa whoa whoa)

Why?

It’s High School all over again.

Make it your own

À Suivre!

It’s easy.

I cheated.

Follow the directions on the box. Most CSS expressions do what they say they will.

CSS Template CSS Template text editor Notepad++ or another 'nice‘ one text editor Notepad++ or another 'nice‘ one Imaging program, (GIMP, Microsoft Publisher, Paint, etc.) Imaging program, (GIMP, Microsoft Publisher, Paint, etc.) Time Time