Assessments Online Questions (Thread) Introduction Please look under course documents. All course information will be listed there. There is a rubric there.

Slides:



Advertisements
Similar presentations
DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.
Advertisements

1 Web Site Design Overview of the Internet Cookie Setton.
Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
2.744 Dreamweaver Tutorial Sangmok Han Feb 24, 2010.
UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
Macromedia Dreamweaver 4 Foundation Level Course.
Web Page Development Identify elements of a Web Page Start Notepad
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
MICROSOFT – WORD. WORD... text entry f formatting spell check bulleting numbering t tables and much more.
Instructional Goal Using Dreamweaver to create a basic web page.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Getting Started with Dreamweaver
Chapter 3. Table have many uses in a HTML design but are mostly used for the organization of your web site. Tables also give vertical and horizontal structure.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Getting Started with Expression Web 3
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
IT 245 – Website Development Welcome!. Welcome to Unit 2! Creating Page Layouts.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Technologies Website Development Trade & Industrial Education
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Website Development with Dreamweaver
CIS 205—Web Design & Development Dreamweaver Chapter 1.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Web Site Design Marion Setton
Dreamweaver Basics Dayton High School Mr. Martin.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Start Dreamweaver program From file menu click new Blank page appears.
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
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
Word 2003 The Word Screen. Word 2003 Screen File Menu –Holds the options for creating a new document, opening a document, saving a document, printing.
This shows CIS17 and the first day introduction..
Introduction to Dreamweaver. What is it?  An Adobe program to graphically create and manage Web sites. It often referred to as a GUI ---Graphical User.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Before We Begin Please download the files from as we will be using them in our walkthroughs.
COMP 143 Web Development with Adobe Dreamweaver CC.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
Getting Started with Dreamweaver
Dreamweaver – Setting up a Site and Page Layouts
Intro to Dreamweaver Web Design Section 8-1
Dreamweaver – Project #1
Cheat Sheet CSCI 100 JW Ryder
Dreamweaver 8: Introduction
Cheat Sheet CSCI 100 JW Ryder
Getting Started with Dreamweaver
Using FrontPage Express
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

Assessments Online Questions (Thread) Introduction Please look under course documents. All course information will be listed there. There is a rubric there for your web page project as well as Dreamweaver installation procedures. At this point everyone should have opened Dreamweaver. If you are having problems with it, let me know ASAP. If I do not hear from you, I will assume you have Dreamweaver installed and have opened it.

Assessments Online Questions (Thread) The Document Window in Dreamweaver Dreamweaver has several components. You will not use all of them in this class. Please describe 2 important pieces of the document window in Dreamweaver. (Class-please try to describe as many different parts as you can. So, everyone picks something new.)

Assessments Online Questions (Thread) The Toolbars in Dreamweaver Dreamweaver has several components. You will not use all of them in this class. Please describe one of the main toolbars in Dreamweaver and give some of it’s basic function. (Class-please try to describe as many different parts as you can. So, everyone picks something new.)

Assessments Online Questions (Thread) The built-in Tutorial? How is it? Dreamweaver has a built-in tutorial. Please walk through it and comment here about how effective you think it is as a learning tool. Please explain why?

Assessments Online Questions (Thread) Web Design-Why? Listed under course documents you will find web design materials. Please read through those, and describe which principle you think is most important? Why?

Assessments Online Questions (Thread) Web Design-How? Give an example of how you would employ a web design principle in a web page?

Assessments Online Questions (Thread) Business. If you haven’t done so already, you will need to contact the IT department and set up web space. There is a step-by step sheet for that under course documents. Questions?

Assessments Online Questions (Thread) How to Save and Manage your Site? In Dreamweaver, saving a web page also prompts you to manage your site. Please review Saving your web page under course documents. What should your initial web page should be named?

Assessments Online Questions (Thread) Save and Manage Questions? In Dreamweaver, saving a web page also prompts you to manage your site. Please review Saving your web page under course documents. Questions?

Assessments Checklist DREAMWEAVER 8 Basic Components Checklist: Be sure you have a basic understanding of all the items on this list  Document Window (shows approximation of how the page will look in the web browser)  Document Toolbar (top of document window) Contains 3Views: Code view, Design view, Both views Document Title Bar (name that occurs in the browser) Preview in Browser  Status Bar (bottom of document window) Magnification tool, hand tool, select tool, window sizing (does not impact the actual size of the page or the layout), file size and download speed, & tag selection  Menu Bar (Top of the screen inside Dreamweaver –contains main commands)  Insert Toolbar (Under the Menu bar-can be viewed as Tabs)  Common, Layout, Forms, Text, HTML, Applications, Flash elements  Panels (and Panel groups) F4 (shows and hides ALL panels)  Property Inspector, Tag Inspector  Files  CSS

Assessments: Web page Rubric 1234 Web page is uploaded and saved to the school web space web page is not uploaded to web space Web page is uploaded improperly Web page is saved and uploaded to web space with minimal errors. Web page is saved and uploaded on the server web space with no errors. Basic web design principles No design principles are applied One design principles is used 2 or more design principles are used All design principles are utilized on the page and the page has organized and effective design. Web linksLink is lost or not working or no link on page Link does not take you to proper place Link works and takes you to the proper place Link works and takes you to the proper place and has good placement on the page Web imagesThere is no imageImage is blurry, sized incorrectly or inappropriately used Image is clear and on the page Image is clear on the page and has good placement on the page and works well with the page Web tableThere is no tableTable does not function properly Table is on the page and has no errors Table or tables are used on the page. They are used effectively and have good placement. Web headingThere is no headingHeading font is too big or illegible Heading is on the page and has no errors Heading is on the page and contributes to the overall appearance and organization of the page.