CiDA DA201 Exam Revision.

Slides:



Advertisements
Similar presentations
HOW TO USE POWERPOINT By Bryan Kreps.
Advertisements

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Creating Dynamic Communities. Objectives that will be covered: 1.Creating your communityCreating your community 2.Styling your communityStyling your community.
FrontPage Express By John G. Summerville Ph.D.©, RN.
Word Processing Word Processing
Word Processing First Steps
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
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.
Power Point EDU 271 Microsoft PowerPoint is a powerful tool to create professional looking presentations and slide shows. PowerPoint allows you to construct.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Web Technologies Website Development Trade & Industrial Education
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
PowerPoint Basics (for Macs) 1. Before you start your project, you need: Completed project storyboard. Files with images, sound, or video already saved.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Committed to Shaping the Next Generation of IT Experts. Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery,
Adding Content to the Agency Web Site - Part 2. Adding individual web pages for success stories Agency Web Site Adding Content 2, Slide 2Copyright © 2004,
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit D Adding Graphics and Multimedia.
Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Sports Website Creation. In this project you will design and produce your own website.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.
Bike and Hike Skills: Graphics, Image Maps, Photo Galleries, Layers.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
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.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.
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,
Paper 3 Unit 15 – Web Authoring Software Choices Graphics Exporting Graphics Creating CSS RGB Colour CSS – Body, Table and TD Border Collapse Tables -
Start with loading the picture Locate your camera’s USB cable –it looks something like this:
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.
Agency Web Site Navigation Structure. Building the agency web site Agency Web Site Navigation Structure, Slide 2Copyright © 2004, Jim Schwab, University.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Web Site Development - Process of planning and creating a website.
Interactive PPT Directions. IMPORTANT!  Before you make any hyperlinks or action buttons, you should create the slide that you want to link to and give.
Presentations: Importing RTF File Tip: Always import the RTF file into PowerPoint first. Make sure you have selected all files when trying to import the.
Building a Website: Images Editing Fall Editing Image Four Built-In Editing Tools – Cropping – Resizing – Sharpening – Adjusting brightness and.
Committed to Shaping the Next Generation of IT Experts. Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery,
Creating Web Pages with Links, Images, and Embedded Style Sheets
Creating a Google Site For a Digital Portfolio Purpose.
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.
Presentations: Importing RTF File
With Microsoft FrontPage 2000
Learning the Basics – Lesson 1
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”
Module 6: Creating Web Pages and Working with Channels
How to Make a Power Point
PowerPoint Quick Tips Bad Ischl, Nov
Working with Advanced Concepts
Create and edit web pages 2
Technology ICT Core: PowerPoint.
DREAMWEAVER MX 2004 Chapter 4 Working with Images
How to Make a Power Point
How to Make a Power Point
How to Make a Power Point
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.
European Computer Driving Licence
Find a video that can be saved as an MP4
Creating Online Presentations
PowerPoint Lesson 1 Microsoft Word Basics
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

CiDA DA201 Exam Revision

Publishing Settings USUALLY THE SPECIFIED IMAGE TYPE IS PNG – IF IT IS IGNORE BELOW Properties Export Options Save in this file format with a name chosen by webplus Tick whichever file type is specified e.g. JPEG

Publishing your site (ONE OF THE MOST IMPORTANT THINGS ON ALL PAPERS) File Publish Site Publish to disk folder TEST the site works

Right click, then

Tables Insert Table

Image file sizes A VERY COMMON TASK – DRAWPLUS File Export Usually 2/3 images are larger to catch you out. Usually your banner ends up being larger too! DRAWPLUS File Export Export as Picture Reduce bit depth to 8 Select the specified file type IN THE BRIEF!

Video Check for the word REMAIN If does not say REMAIN: In Webplus This means the file type if OK as it is If does not say REMAIN: MoviePlus Browse to Import Media No editing Export Choose correct file type In Webplus Insert Media Video Player

Video Settings A VERY COMMON TASK Edit properties Settings Potential settings Play on click = Untick Autoplay Play when page loads = Tick Autoplay Loop Continuously = Loop

Audio Check for the word REMAIN If does not say REMAIN: In Webplus This means the file type if OK as it is If does not say REMAIN: Audacity Import Audio No editing Export Audio Choose correct file type In Webplus Insert Media Audio Player

Visually Impaired ON EVERY EXAM PAPER ALT TEXT Select an image Edit Properties ALT and TITLE Add text in BOTH boxes COLOUR CONTRAST Very dark text vs very light backgrounds OR Very light text vs very dark backgrounds

Thumbnails NOT A VERY COMMON TASK Insert Picture From File Make sure it is small Unless it specifies a size Hyperlink to the original file

Hotspots NOT A VERY COMMON TASK Insert Hotspot Drag to the correct size Add the Hyperlink Reshape the hotspot

Rollovers MORE COMMON IN RECENT EXAMS In Drawplus Crop the first part of the image Export that part of the image Make a note of the size in pixels UNDO (so you can see the full image) Crop the second part of the image you need As near to the same size as possible In Webplus Insert Interactive Object Rollover Add the 2 images Normal = what load first Over = when you put you mouse over

Cropping or editing an image A VERY COMMON PART OF THE EXAM BUT VERY VARIED WITH WHAT IT ASKS YOU TO DO! Use DRAWPLUS Check size File Pixel Check what needs to be cropped Insert Picture From file If it is adding boxes of a certain pixel size, do this in Webplus!

Image Alignment NOT A COMMON QUESTION Make sure the cursor is flashing in a textbox Insert picture from file as usual Drag the image to the right or left

Specific sizes of elements A VERY COMMON PART OF THE EXAM Select the element Look at the bottom right Unlock aspect ratio (see red) Enter pixel sizes

Hex colours A VERY COMMON PART OF THE EXAM Top right Drop down arrow Tick Hexadecimal representation Colour = check brief Ignore the # Enter in the boxes

Hex colours in Drawplus RGB Sliders Hex Enter the code

Headings A VERY COMMON PART OF THE EXAM Which heading? Select text Check brief Select text Text Styles (top left) Consistency Unless in the brief use same heading style on each page

Buttons & internal links INCLUDED IN ALMOST EVERY EXAM Add any icons provided Size = Check brief Colours = Check Brief (look out for hexadecimals – Top right, then tick Hexadecimal Representation Text needed = Check Brief Link (Right click, hyperlink, site page) Usually common sense e.g. Home icon links to home page

Banners Use DrawPlus Size = CHECK BRIEF Usually include: Background image Logo (keep in proportion) Text (but only if it asks you!) Hyperlink (but only if it asks you!) Check the size in KB File explorer Insert Picture From File Recheck the size in pixels (bottom right) Unlock aspect ration if needed

Page Sizes A VERY IMPORTANT PART OF EVERY THE EXAM Size = CHECK THE BRIEF 3 places to alter Page Properties (Home) Site Properties Page Properties (Master)