Summer 31: Web Authoring A trainee has started to create a single stylesheet to be used with the website. The stylesheet was not finished and contains.

Slides:

Advertisements

Similar presentations

CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.

Advertisements

/k/k 1212 Cascading Style Sheets Part one Marko Boon

CSS. CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.

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

Using Cascading Style Sheets CSS Basics. Goals Understand basic syntax of Cascading Style Sheets (CSS) Understand basic syntax of Cascading Style Sheets.

Designing for Web stuff you need to know before you start.

1 Introducing Macromedia Flash MX – Lesson 1 Flash MX adds content and animation to Web pages Flash MX movies use vector graphics to reduce size and download.

Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?

Web Design, 4 th Edition 5 Typography and Images.

WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.

Web Design, 5 th Edition 5 Typography and Images.

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.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 3.

Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.

Multimedia Elements, Text and Graphics Unit B Multimedia Concepts Bob Griffin.

Things to Remember When working with digital images.

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.

Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.

Page Design Issues IWM 14 Information Services for the Web.

XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.

Text characteristics. Size Text size is measured in points Which text size would you choose?

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. ______ -natural ______ -monitor.

Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -

Main page banner area Navigation bar area Main area for information content Look at a simple page from the Waitrose supermarket site. It has three main.

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

WEB DESIGN PRINCIPLES Dale Blasingame School of Journalism & Mass Communication Texas State University.

Information Systems Design and Development Media Types Computing Science.

Unit 15 – Web Authoring Web Authoring Project.

Unit 15 – Web Authoring Web Authoring Project.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.

Internet & World Wide Web How to Program, 5/e 1. 2.

WEB FOUNDATIONS CSS Overview. Outline  What is CSS  What does it do  Where are styles stored  Why use them  What is the cascade effect  CSS Syntax.

Section 8.1 Section 8.2 Create a custom theme Design a color scheme

Create a new stylesheet called Hotel Style

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Pre-Production Meet with the client to create a project plan:

Exploring Computer Science - Lesson 3-4

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.

The Box Model in CSS Web Design – Sec 4-8

Exploring Computer Science - Lesson 3-4

2.01 Understand Digital Raster Graphics

Cascading Style Sheets (CSS)

Web Design M. Jacie Yang Assistant Professor

2.01 Investigate graphic image design.

The Box Model in CSS Web Design – Sec 4-8

Exploring Computer Science - Lesson 3-4

A computer display is made up of small squares, called pixels.

Web Authoring Task 1– Create Style Sheet List – LI { Table Body

Cascading Style Sheets - Building a stylesheet

Basics of Web Design Chapter 7 Page Layout Basics Key Concepts

Web Development & Design Foundations with HTML5 7th Edition

For the World Wide Web Positioning Objects with CSS

Summer 31: Web Authoring A trainee has started to create a single stylesheet to be used with the website. The stylesheet was not finished and contains.

2.01 Understand Digital Raster Graphics

5.2.3 Be able to use HTML and CSS to construct web pages

Effects and Improvements

Exercise 8 – Software skills

Web Design 3080 : Week 3 Introduction to Dreamweaver Lecture

What are Cascading Stylesheets (CSS)?

2.01 Investigate graphic image design.

Cascading Style Sheets™ (CSS)

2.01 Understand Digital Raster Graphics

Tutorial 3 Working with Cascading Style Sheets

HTML Text editors and adding graphics

2.01 Investigate graphic image design.

Cascading Style Sheets - Building a stylesheet

Title Goes Here Title Goes Here Title Goes Here Title Goes Here

2.01 Investigate graphic image design.

Presentation transcript:

Summer 31: Web Authoring A trainee has started to create a single stylesheet to be used with the website. The stylesheet was not finished and contains a number of errors. Open the stylesheet 1631stylesheet.css in a suitable software package. The web page and stylesheet must work in any browser. All colour codes are in hexadecimal. Make sure your stylesheet contains no html. The specifications for this stylesheet are: Correct and complete this stylesheet Make sure font styles appears in the correct order. All colours should be in the RGB order. If it is the default font then font-family should only display sans-serif or serif

Syntax incorrect = should be a colon Summer 31: Web Authoring 4px not 4pixels Syntax incorrect = should be a colon Style TH created but not required Number of styles missing from the stylesheet

Summer 31: Web Authoring Image size is too large for efficient download 1 mark TIFF format cannot be used in all browsers 1 mark Image needs converted 1 mark Save with lower image resolution 1 mark Image could be cropped 1 mark Image could be reduced in size 1 mark TIFF is a file type for graphics. They are significantly larger than their JPEG counterparts

Summer 31: Web Authoring Image Resize

Summer 31: Web Authoring Crop the image

Summer 31: Web Authoring Save with lower image resolution and different file type