Making Your Own Company Website with multiple Web Pages By Mr. Bradshaw Computers in Business.

Slides:



Advertisements
Similar presentations
DREAMWEAVER Welcome to our website!
Advertisements

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.
Technology in the Classroom Website & Assessment Development.
HTML.
Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’
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.
Tech in the workplace Web Final. Final Web Assignment.
Tech Tip Screen Capture What is a screen capture? (AKA screen dump or screen shot) It is when you take a picture of what is displayed on your screen. You.
Removing White Backgrounds Using Adobe Fireworks.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
Adding Websites to a Folder  Putting sites into an already existing folder Putting sites into an already existing folder  Adding an image on the icon.
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
My Worth Calmhey Software Opening Screen My Worth is great at calculating Your Worth. Your Worth is at your finger tips. My Worth is needed for many.
Resizing Images CS 268. Where to start? Pictures (of course)  Need to down size them for the web.  Pictures taken with a 10 mega pixel camera are usually.
Website Editing From Gingerweb The Image Gallery.
Technology Presentation: InDesign CS6 Shelby Williams.
Saving Work to Your School Server Click through this presentation at your own speed. Use it as a review or a guide while saving a project.
Graphic Image Editing Software. It removes White Backgrounds CS3 Fireworks is for Editing Non-Photo Images.
Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.
Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Open up both Refworks and Google Scholar at the same time HOW TO INPUT YOUR REFERENCE: Import from Google Scholar HOW TO INPUT YOUR REFERENCE: Import from.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
IPod Video Capture & iMovie Laptop Green Screen Editing.
Creating Webpages. Today’s Topics Embed video Embed music More text formatting Wordpress.
Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,
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.
Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
Royalton Hartland High School Web Design WEBSITE DRAGSTER IMAGES.
HTML Help For MGS 351 Final Project Website. Agenda Getting Started – Must-Do’s – Working from an off-campus computer – Other Resources Working with HTML.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.
CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao.
Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.
1 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
“Successful Uses of HTML Computer Code” Shannon Harwell.
M Y R T Marcos, Thomas, Yareliz, Rosilma The bible club web site.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
Warm Up:  Please Log into the Computer  New students to the class please come see Mr. Herman for a index card and a Course Syllabus.  Access mrhermanwestmeck.weebly.com.
Word 2013 REVIEW AND LOOK AT RIBBONS USING MORE TEMPLATES FREE TRAINING INFORMATION FROM MICROSOFT.
Unit 15 – Web Authoring Web Authoring Project.
Unit 15 – Web Authoring Web Authoring Project.
Connecting From Home Editing at Home(You don’t have to.)
iPod Video Capture & iMovie Laptop Green Screen Editing
Unit 4 - Web Design Project
 The home of the website have the logo of the punjab college.
Presenter Mindy Pistol Ext
Rollover Buttons UNIT 2.
Lesson Objectives Lesson Outcomes
Title of your event 20 AUG | 12 AM Event Address, City, ST ZIP Code
Title of Your Event Event Date Event Time
Title of your event 20 AUG | 12 AM Event Address, City, ST ZIP Code
DPS ONLINE WALK THROUGH
1st Rotation 2nd Rotation 3rd Rotation 4th Rotation
Version: Macromedia Dreamweaver CS3 Updated: April 2008
Tutorial by Matt Hurst.
HTML Text editors and adding graphics
Enhancing Your Web Site—Adding Links Web Page
Making a website.
Information Now 1st – Click the home button to return to the HHS website (if you are not already there.) 2nd – Click the link for INFORMATION NOW on the.
Presentation transcript:

Making Your Own Company Website with multiple Web Pages By Mr. Bradshaw Computers in Business

1st Make a new folder called “Root” in your personal Computers in Business folder

2nd Create 5 new notepads and save them into your “Root” folder with the following names: – home.html – products.html – prices.html – place.html – promotions.html Include the following for each: Mr. Bs Ts Home Page

3rd Creating a background image for your pages Go to Photoshop or Fireworks File>new>Canvas size 1260W by 900H Put everything and anything on your background image that won’t need to be clicked (these things will be behind your buttons) Export your background image as “background_______(home, product, place, price, promotion).jpg” ‘Save as’ your image also, leaving it as a.png so you can make changes to it later

4 th Using the codes you practiced in the tutorial – Create buttons/ or links (check out – Save your buttons as.jpg – Use the same technique you used to make the “Chef.jpg” picture linked to the CNN website to link your buttons to your different webpages (the 4’s) – On your promotions page make links to your Business cards (take a screen shot of it and save it as a.jpg) Brochures (take a screen shot of it and save it as a.jpg) Flyer (take a screen shot of it and save it as a.jpg) Blog

What each of your pages code should look like Mr. Bs Ts _________________ Page