Dreamweaver Review ROB SCHWARTZ IS GONNA FEEL MY WRATH!

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
© 2010 Delmar, Cengage Learning Chapter 12 Working with Library Items and Snippets.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Chapter 3 Tables and Page Layout
Macromedia Dreamweaver 4 Foundation Level Course.
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Getting Started with Dreamweaver
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Web Technologies Website Development Trade & Industrial Education
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 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
1 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.
Website Development with Dreamweaver
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
FILES AND ASSETS PANELS
Chapter 5 Quick Links Slide 2 Performance Objectives Understanding Framesets and Frames Creating Framesets and Frames Selecting Framesets and Frames Using.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Layers, Image Maps, and Navigation Bars
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
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.
Positioning Objects with CSS and Tables
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 6 1 Creating Dynamic Pages.
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
COMP 143 Web Development with Adobe Dreamweaver CC.
Getting Started with Dreamweaver
Dreamweaver – Setting up a Site and Page Layouts
Project Objectives Publish to a remote server
Chapter 2 Developing a Web Page.
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
بسم الله الرحمن الرحيم.
Dreamweaver – Setting up a Site and Page Layouts
Getting Started with Dreamweaver
Unit I: Collecting Data with Forms
Adobe Dreamweaver CS4 OPEN YOUR NOTEBOOK FILES
Chapter 2 Adding Web Pages, Links, and Images
Tutorial 6 Creating Dynamic Pages
Getting Started with Dreamweaver
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Dreamweaver Review ROB SCHWARTZ IS GONNA FEEL MY WRATH!

What must you add to a hotspot in an image map to ensure usability? (It’s not an ALT tag  )

How to align an image without right clicking?

“Modify the document so that the image gorilla can be read by a screen reader.” What is it asking for?

How do you maintain consistency throughout a website?

Using different browsers to view a site will result in what kind of differences?

How do you most effectively separate content and design?

In what ways do storyboards help create a website? 1.To show detailed content 2.To create usability tests 3.To show placement of elements on page 4.For client pre-approval before development

Which three are the most effective for collecting site feedback? 1.Web forms 2. link requesting feedback 3.Mail survey 4.Phone interview 5.Site reports

What should you do when links appear to be broken in the Check Links command?

Delete the file named boom.html from the Files Panel.

Files Panel Use the alternate delete key on your keyboard, next to “end”

Connect to the remote site “…xxx720NoScopExxx”

Find the site in this drop-down menu Find the button that looks like an electrical plug and you’re done

Two ways to conduct a usability test are:

Use the HTML category to change the font color of the page to red (#FF0000)

Set the background color of the page to #999999

There’s a list of items like this: What type of list do we use: OL or UL?

Choose two tags that can be used inside the Head element of an HTML page

How are AP Divs positioned? Using tabs Table Cells Table Columns and Rows Top and Left coordinates

Lighten the image of the superheroes to +30

Select image, click here

On the Welcome Screen when you load Dreamweaver, PHP and HTML can be used with CSS Page Layouts.

Which two ways do you resize an AP div? 1.Property Inspector -> L and T values 2.Property Inspector -> W and H values 3.Select AP Div, drag any of the resize handles 4.In the elements sheet edit W and H values

What three kinds of content would be relevant for a gaming website? 1.Forums 2.Demo videos 3.Banner ads for casinos 4.Links to gambling sites 5.Links to articles of reviews 6.Bar graph showing weekly number of users

What should be considered when choosing to add Rich media to your website?

What guiding principle helps ensure a website’s accessibility? 1.Clean Layout/Design 2.Separating Content and Design using CSS 3.CRAP (Contrast/Repetition/Alignment/Proximity) 4.POUR (Perceivable, Operable, Understandable, Robust)

A public library wants a website for 9-11 year olds, which two are the best audience needs for the site? 1.Age-appropriate content 2.Kid-safe registration w/ parental consent 3.Look and feel tie-in to library identity 4.Connection/links to library website 5.Custom and pre-populated searches of relevant library content

Assign the name “Heroes” to the superhero image.

Name goes here

Use the Assets panel to insert the image named “whatever.jpg”

Assets are here Next to Files

What does Code Navigator do? Displays a list of related code Checks code for standards conformity Displays VBScript and JavaScript

Which two options are best practices for including animation on a site? 1.Use contrasting colors 2.Only use animations on the side of a page 3.Avoid using animations that are >5 seconds 4.Limit quantity of moving images to avoid overload

If you get a question about the three best practices using HTML5 video, the one wrong answer is: Use multiple video sources

HTML5 was made from the absorption of which two other languages? 1.XSLT 2.LaTeX 3.XHTML 4.HTML4

What is the name of the folder on your computer before it’s uploaded to a website?

The term that defines where website content is stored on a hosting server

Benefits of HTML5: Faster Rendering Cross-Browser compatible Can be used on mobile without Flash

Options for creating animations: HTML5 Flash Javascript

What defines a site’s usability: Load time Efficiency of Use Ease of Navigation

Two newer elements introduced in HTML5: Canvas Audio

Two types of files that can be imported using the File>Import command Word and Excel files

The four states of a menu (not a rollover) are:

The two types of images in a rollover are:

Reusable pieces of code are called:

The tags for strong and emphasis are:

Describe the steps of adding a text-based link that says “Contact” to file named “contact.html” 1.Write the text “Contact” and highlight it 2.Select the text 3.Go to the Point-to-File icon in the Properties Panel 4.Drag the Crosshair to Contact.html 5.Release the crosshair over Contact.html

Your actions have been recorded but are not reflected in this document. This means “We saw what you did, and recorded that you did it, but we’re not updating the question to show you that you did it right.”