March: 2017 Is hyperlink from correct text/image?

Slides:



Advertisements
Similar presentations
Working with Images and HTML
Advertisements

1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.
Linking Your Web Pages Together. Links… index.htmunit4.htm Evaluation of web graphics GIF vs. JPEG Web photo album To link the lines in index.htm to the.
Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.
Instructor: A. Burns 1 HTML Images. Instructor: A. Burns 2 Inserting a Graphic Images can be displayed in two ways: as inline images or as external images.
A 24-bit depth.bmp file made in XVI32 This 2-by-2 image was handcrafted in XVI32 Bytes 1C-1D hex in the Info Header say that the image uses 24-bit (18.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
Task 2 Create Your Competition Entry Guidance Notes.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Other web pages In own website New window Same page.
Unit 12 Additional Evidence Nihal. 1.1 I can describe what types of information are needed. Business card Business cards are important because they show.
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
CSCE Chapter 5 (Links, Images, & Multimedia) CSCE General Applications Programming Benito Mendoza 1 By Benito Mendoza Department.
Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.
Lesson 9: Using Excel with the Internet Microsoft Office Excel 2003 Lesson 9 Using Excel with the Internet.
Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.
Images in HTML PowerPoint How images are used in HTML.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.
Day 4.  Assignment 1 Due  Assignment 2 Posted Assignment 2 Posted  Due Feb 9:35 AM  3 8:30 AM  Today we will look at creating and using.
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
CHAPTER 4 LINKS Creating links between pages Linking to other sites links.
Computer Science 101 Images in Web Pages. Image Files Two common formats, GIF and JPEG GIF images are more flexible for use as icons JPEG images are sharper.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Cropping and Resizing Web Design Section 5-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
Image File Types Module 4: Working with Images LESSON 5.
Abigail morris.  Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply.
Microsoft Expression Web-Illustrated Unit E: Working with Pictures.
Macromedia Dreamweaver MX 2004 Design Professional And Graphics WORKING WITH TEXT.
Introduction to Photoshop Altering photos 1 pixel at a time.
COS 125 Day 4. Agenda Assignment 1 Due Assignment 2 Posted –Due Feb 9:35 AM Today we will look at creating and using images Examples –
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Module 4- Build a Game Understanding Pictures Compression – Making things smaller.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
The Web Wizard’s Guide to HTML Chapter Three Colors, Patterns, and Inline Graphics.
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
1 2/22/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Images and placing pages on the server.
REEM ALMOTIRI Information Technology Department Majmaah University.
Creating Website Using FrontPage 2003 By Heidi Lee.
Information Systems Design and Development Media Types Computing Science.
HTML5 and CSS3 Illustrated Unit F: Inserting and Working with Images.
Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.
FILE COMPRESSION Lossy vs Lossless. Why compress a file? To save storage space. To speed up data transmission.
Unit 15 – Web Authoring Web Authoring Project.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 4.
Create a new stylesheet called Hotel Style
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.
Exploring Computer Science - Lesson 3-4
Images in HTML PowerPoint How images are used in HTML
Hosted by Coach Slanina
Cropping and Resizing Web Design Section 5-6
Exploring Computer Science - Lesson 3-4
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
A computer display is made up of small squares, called pixels.
GCE Applied ICT G053: Lesson 11 Website Graphics
Customer Branding Specifications
Chapter 2 Adding Web Pages, Links, and Images
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.
Representing Images 2.6 – Data Representation.
CiDA DA201 Exam Revision.
Step-by-Step Banner Creation Guide
HEADLINE GOES HERE. Directions to save header as JPEG:
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.
Creating Digital Graphics
Images in HTML PowerPoint How images are used in HTML
Presentation transcript:

March: 2017 Is hyperlink from correct text/image? Do hyperlinks to anchors within the page work? Do hyperlinks to other pages in this site work? Do hyperlinks to email open the editor/software? Do hyperlinks to email have the correct address/subject line? Do all external hyperlinks to existing URLs work?

March: 2017

March: 2017 First background gives clear contrast to text/second does not have clear contrast Structure of webpage is clear with first background Second background image is unsuitable as it shifts from light to dark and is tiled Second background image relates to the context of the business as it includes an image of an elephant In second background it does not look like a professional company site Logo has poor contrast between background and colours of the logo

Summer: S31 Remove Constrain Proportions to put in the width and the height.

Summer: S31 Set the Crop dimensions

Summer: S31 Cropped Image

Summer: S31 The colour depth of the image could be changed from its current setting of 16 bits/channel to a reduced 8 bits per channel. This would allow the image to be stored in a gif or jpeg format. The effect of this would be to reduce the storage space required for the image and hence its transmission time when downloaded on the Internet. If it was saved in a jpeg format, the file size could be further reduced by reducing the image quality as you save the file

Summer: S32 Go to File >> Export Wizard Change format to a GIF

Summer: S32 File has been changed from PNG file settings of 128 bits/channel to a GIF file of 16 bits per channel. To reduce storage space/file size To reduce image transmission/upload/download time Reduced image quality may not be suitable for web page

Summer: S32

Summer: S32 Set the Margin to Auto for Right and Left