Introduction to MIS1 Copyright © 1998-2002 by Jerry Post Introduction to MIS Appendix 3 Creating Web Pages.

Slides:

Advertisements

Similar presentations

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

Advertisements

1 Cascading Style Sheets™ (CSS) Outline 5.1 Introduction 5.2 Inline Styles 5.3 Embedded Style Sheets 5.4 Conflicting Styles 5.5 Linking External Style.

Adding styles. Three alternatives HIT151 Web 'n' Net Web Page Basics /*stylesheet*/ h1,h2,h3 { font-family: verdana, arial, 'sans serif'; } p,table,li.

Web Development & Design Foundations with HTML5

Introduction to Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 4.

Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:

Prepared by ackoo Styli n g your page (font type, font size, colors, text decoration, alignment, set margin, table padding, etc.) References: W3Schools.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.

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

Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

4.01 Cascading Style Sheets

Computing Concepts: CSS. Aims  To understand the uses of css  To understand the different types of css  To be able to create a css file  To be able.

Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.

Using Cascading Style Sheets (CSS) Dept. of Computer Science and Computer Information CSCI N-100.

Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Web Design Transparent Backgrounds. Why : Allow text to appear clearly above a graphic background image that still can be seen in the background. Without.

Chapter 11 Cascading Style Sheets: Part I The Web Warrior Guide to Web Design Technologies.

Web Technologies COMP6115 Session 2: Planning, Designing, Constructing and Testing Static Web Sites Dr. Paul Walcott Department of Computer Science, Mathematics.

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.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.

Chapter 6 Web Typography. 2 Principles of Web Design Chapter 5 Objectives Understand principles for type design on a Web site Use the element Understand.

Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

1 WDMD 170 – UW Stevens Point WDMD 170 Internet Languages eLesson: CSS Introduction to Style Sheets (NON-audio version) © Dr. David C. Gibbs

 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.

Using Cascading Style Sheet As you create more web pages, you may wish to impose a consistent look for all of your web pages or for group of related pages.

CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.

Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.

Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.

CO1552 – Web Application Development Cascading Style Sheets.

Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.

CSS. HTML: Looking Back HTML dictates order, structure, and function Does very little to specify layout or visual rendering.

Introduction to CSS. What is CSS?  Cascading Style Sheets  Used for styling HTML  Also important in javascript and jquery for selectors  External.

Cascading Style Sheets Class 2, Lecture 2 Rachel A Ober

The Web Wizard’s Guide To DHTML and CSS Chapter 1 A Review of CSS1.

CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.

Introduction to MIS1 Copyright © 1998 by Jerry Post Introduction to MIS Chapter 3 Review Solving Business Problems.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.

CCT260H - Christopher Evan Jones 1 CCT260H Styles and Colours.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

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

Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.

Lesson 15: Cascading Style Sheets. Objectives Identify ways to apply Web page formatting with Cascading Style Sheets (CSS1 and CSS2) using various methods.

Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.

OV Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles.

Web Technologies Beginning Cascading Style Sheets (CSS) 1Copyright © Texas Education Agency, All rights reserved.

Designing Web Pages The case for CSS. The Power of CSS css Zen Garden

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.

Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.

Style Sheets. Coding Style Sheets  Style sheets use RULES to create the style  A selector (a tag or user-defined style name)  and then declarations.

Cascading Style Sheets (CSS)

JavaScript and Ajax (JavaScript Dynamic HTML (DHTML)) Week 7 Web site:

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.

CSS Cascading Style Sheets. Session Checklist ► Learn why style sheets are needed and their advantages and disadvantages ► Learn the format of a style.

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.

1 Cascading Style Sheets

CSS for Styling Text.

Presentation transcript:

Introduction to MIS1 Copyright © by Jerry Post Introduction to MIS Appendix 3 Creating Web Pages

Introduction to MIS2 Appendix: Creating Web Pages  Determine the content.  Define a style.  Create each page.  Text  Graphics  Link the pages.  Test your work.  Transfer pages to a Web site.

Introduction to MIS3 Appendix: Style Sheets BODY { margin-left: 5px; font: 10pt "Times New Roman", Times, serif; color: black; text-align: left; background-color: #e0ffff; } P { margin-left: 0px; font: 10pt "Times New Roman", Times, serif; color: black; background: transparent; } H1 { margin-left: 0px; font: 16pt "Times New Roman", Times, serif; color: black; font-weight: bold; background: transparent; } Page 3 Page 2 Page1 Style Sheet Body { … } P {…}

Introduction to MIS4 Appendix: Sample HTML Sample HTML Page Section One This is a sample paragraph on a sample page.

Introduction to MIS5 Appendix: Publishing Files Your computer Web server Internet or intranet Initial pages Accessible Web pages Transfer methods: Microsoft Front Page extensions FTP: file transfer protocol

Introduction to MIS6 Web Development Hints  Start with a tool like Microsoft Word (or Front Page, etc.).  Get a good graphics package  Keep page size small  30, ,000 bytes typically takes seconds  First develop the pages on your own computer.  Test all links.  Transfer later.  Use style sheets.  Consistency.  Ease of change.  Study design elements and art.  Formal training/art classes.  Study other sites.  Watch for and create trends.