Presentation is loading. Please wait.

Presentation is loading. Please wait.

Royalton Hartland High School Web Design WEBSITE DRAGSTER IMAGES.

Published byAlban Day Modified over 9 years ago

Similar presentations

Presentation on theme: "Royalton Hartland High School Web Design WEBSITE DRAGSTER IMAGES."— Presentation transcript:

1 Royalton Hartland High School Web Design WEBSITE DRAGSTER IMAGES

2 CO2 Dragster Procedure New - Index page (Home Page) 10 Thumbnail Sketches 3 Rough Drawings 1 Final Drawing Measurement Limitations Prototype Production Pre-race Test Race Evaluation New - Links

3 1 large image per web page: 640 pixels x 480 pixels Thumbnails for any other 160 pixels x 120 pixels – link to larger 640x480 Use tables to organize text and photos. Border=1px This is an instructional website, not a picture gallery! Must fit on one screen (no scroll bars)

4 1. Your website in a folder: “Last Name Dragster”. 2. Html files in the main folder. 3. Main page MUST be titled “Index.html” 4. Images in a separate folder named “Images” 5. Buttons in a folder named “Buttons” 6. Keep all other images (.psd, unused images) in a folder elsewhere.

5 1. Window, Properties 2. Page Properties button 3. Background Image, Browse Background Image, No Repeat, 100% Window Size

6 4. Code or Split 5. Look for background-image

7 6. Put the following code after your image. 7. background-image: url(Images/Race%20Background.jpg); background-repeat: no-repeat; background-size: 100%, 100%

8

9

10

11

12

13

Download ppt "Royalton Hartland High School Web Design WEBSITE DRAGSTER IMAGES."

Similar presentations

DREAMWEAVER Welcome to our website!

DREAMWEAVER Welcome to our website!
Web Page Design Using Tables Here you see three examples of how tables can be used to organize your content. We call this page layout or design. You can.

Web Page Design Using Tables Here you see three examples of how tables can be used to organize your content. We call this page layout or design. You can.
Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.
Microsoft FrontPage Monday January 28, 2002. The Basic FrontPage Setup.

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
LDTC Workshop 3 Web Design II: Beyond the Basics.

LDTC Workshop 3 Web Design II: Beyond the Basics.
Tutorial … Creating a Website 1.Create Website folder and image folder 2. Put all images in your image folder 3.Open Notepad (Windows) or Open TextEdit.

Tutorial … Creating a Website 1.Create Website folder and image folder 2. Put all images in your image folder 3.Open Notepad (Windows) or Open TextEdit.
How to Post Blogs in WordPress Note: these steps and screen shots were taken while using a Mac. While Macs are still different from PCs, the steps and.

How to Post Blogs in WordPress Note: these steps and screen shots were taken while using a Mac. While Macs are still different from PCs, the steps and.
15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 $1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.

$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)

Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Introduction to Education E-Portfolio. Word Document Example Link to Colleen McCabeColleen McCabe Word Document Instructions –Open a new word document.

Introduction to Education E-Portfolio. Word Document Example Link to Colleen McCabeColleen McCabe Word Document Instructions –Open a new word document.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
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.

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.
Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.

Create Your Own Webpage. Fun with images Today we’ll cover –Working with images Including an image on your page Making the image a link Editing images.
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.

Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.

Similar presentations

Ads by Google