What do you think is different between these two images?

Slides:



Advertisements
Similar presentations
How to make a Powerpoint Presentation.
Advertisements

Create a Web Site with Publisher 2000 for Marilyn Seguins Class.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
Microsoft Excel Integration Project Linking an Excel Worksheet to a Word Document and Web Discussions.
Beginning A PowerPoint Presentation  To begin click on the Windows 2000 folder. Then double click on PowerPoint. If you do not see a Windows 2000 folder.
Computer Science 5 Spring 2007 Module 3 7/12/2015 1:55:57 PM7/12/2015 1:55:57 PM7/12/2015 1:55:57 PM.
ETT 429 Spring 2007 Web Design I.
Creating a Portfolio Website Phillips. Go to wix.com.
PowerPoint Tutorial Pt 2 J.Kellow Images - Images - Can be photos, clip art or own art from paint or other drawing program If necessary remove the white.
Creating with Scran “Create” tool “Multicreate” tool Mini Websites Customising Scran Images Scran Training PowerPoint 3.
Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.
By Michael Cebreiro. Hyper linking is an easy way to travel through the computer by one click. It is very easy once you get the hang of it. The first.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Virtual Book Tools How to insert a Text Box Click on Insert Go to Text Box Click on slide to insert OR Click on Drawing Toolbar picture of Text Box Click.
Inserting a hyperlink is a great way to link to other files or useful websites and helps to save time and avoid the mistakes often made when urls are typed.
How to embed a video into a power point if you do not have internet access. You will need to download the video to your computer or a flash drive. Drag.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
OLE Slide No. 1 Object Linking and Embedding H OLE H definition H add other information to documents H copy.
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,
Maybe your name and class?. An overview of what your presentation contains     etc.
Walking with Wiki Presentation: Cameron Janzen. Overview What is a Wiki? What is the purpose? Example work Getting started – three main steps Creating.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
Fixing Photos Part 3 – Photographer Errors Your name here __________________ Period ____ 1.Download the practice images ZIP file. 2.Complete the photo.
CHOOSE 1 OF THESE.
Body System Here Enter group members names here. Save Your Work! This is a good time to start saving your work. Go to FILE, then Save As…, then change.
Using Photoshop to design your logo.. File  New 
(Unit 17, Task 8a). Definition: Evaluate Bring together all information and review it to form a conclusion. Give evidence for each view or statement.
How to make and publish a web page
LMEvents SharePoint Portal How-to Guide
Eform Generator.
USING DREAMWEAVER Contents: Assigning a Root Folder
~ How to create a basic website Part II ~
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
How to Change File Associations in Windows 10?.  In order to change the file association for a particular file, you need to right-click a file and then.
How to Install an old version of Adobe Reader on Mac OS.
Part 4 Q16 to Q20 of National 5 Prelim
مسابقة المدرسين المجددين
Lesson Objectives Lesson Outcomes
Create and edit web pages 2
Save for Web and Devices in PS
How to complete a vocab assignment.
File Upload.
USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder
1st Rotation 2nd Rotation 3rd Rotation 4th Rotation
Version: Macromedia Dreamweaver CS3 Updated: April 2008
Integration - an introduction
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
2. Press Browse and search for the video file you need.
CiDA DA201 Exam Revision.
Highlight the branch you wish to link from
Find a video that can be saved as an MP4
Step-by-Step Banner Creation Guide
To insert a hyperlink ( a web page address, URL) using text
Write down 3 things you know about website banners.
Making a non-linear slide show
Wheelers clubs Your site will consist of 3 pages:
Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.
Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.
Step 1:. Open Microsoft FrontPage application.
Creating PowerPoint Presentations
LO: “Picking up the points”
Large View of Compress Pictures Tool
Digital Signature Certificate- Common Signer Manual
Log on to Typing.com Type for 10 minutes
Presentation transcript:

What do you think is different between these two images? File size and file type talk about file type png being a small size (compressed).

Why do Image files have to be small to be on a website? Explain the implications File size and file type mainly due to loading time so users don’t get fed up waiting. Also the exam has always asked for file types and restricted file size.

Save for Web and Devices. Go to File Save for Web and Devices. File, save for web & devices

Look at the difference in file size when the option ‘Save for web’ is chosen. Look at how you can choose file type too. Look at the difference in file size when the option ‘Save for web’ is chosen. Look at how you can choose file type too.

Go to: Image Duplicate Image Duplicate

Duplicate the image so you have 2 versions. Crop one of them - select the Crop tool. Highlight the area you want to keep. Double click. Crop

Select the area you want to keep then double click to crop it. Then save it with a different name e.g. cokecrop.png Select area to be cropped then double click and save file with different name.

Insert the small image into your web page then put a hyperlink to the large one so when you click on it opens the large image.

Right click on the image. Choose Hyperlink. Insert the small image into your web page then put a hyperlink to the large one so when you click on it opens the large image.

Choose the image you want to link it to Click OK. Test it. Insert the small image into your web page then put a hyperlink to the large one so when you click on it opens the large image.