Advanced Web Web Quest.

Slides:

Advertisements

Similar presentations

Insert Your Poster Title Here A Sub Title Can Go Here Your Name Your Institution Name Can Go Here IntroductionParticipantsResults Method Acknowledgements.

Advertisements

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.

5/8/ Dreamweaver 8 Basics. 5/8/ What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor.

 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.

Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.

Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.

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.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.

Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.

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.

Web Technologies Website Development Trade & Industrial Education

 street/ street/  Type text & download sign. (or use snipit)

Website Development with Dreamweaver

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

Photo Story for Windows Amanda Wilson First Grade Teacher Trinity School Atlanta, GA Follow along:

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

Year 7 Web page project Learn to make web pages using Dreamweaver.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

Formatting TEXT AND Using CSS. Adobe Dreamweaver CS3 - Illustrated.

How are tables used in web design?. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect.

Last week you should have had something that looked like this.

Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.

Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?

Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.

Go to your school’s web locker site school name.schoolweblockers.com) Your user name is the first letter of your first name, the first 4.

11 Creating an Ancestor Book (A Multi-Generation Photographic History) Frank Comprelli SIR Area 2 Computer and Technology Group September 17, 2009.

Graphics in HTML. Graphics  Question: How does a web page include graphics?  Are the graphics included in the HTML file or separate files?

LCPS Art Teacher In-service Workshop Augusta Dadiego September 1, 2009.

Gdes2000 Graphic Design for Internet & MM Dreamweaver: Simple page construction with DIVs.

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

Instructions for Student Farm Template This PowerPoint is made up of 5 flyer templates providing various designs that may be altered to fit your event/promotion.

Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.

Creating interactive web pages using Fireworks Creating a 5 page mock up.

Instructions for SAREP Report Cover Template This PowerPoint is made up of 4 front covers and 2 back covers for research/report publications that may be.

Instructions for Student Farm Report Cover Template This PowerPoint is made up of 4 front covers and 2 back covers for research/report publications that.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.

Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.

Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.

WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.

1 An Introduction to Dreamweaver and PHP Part C: Setting Dreamweaver up to handle file transferring FTP.

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.

Acknowledgements can go down here. Insert your text here. You can place your organizations logos on either side of the title of the poster. Insert your.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Create and edit web pages 4

Music festival web banner

Online Photo Editing with Picnik

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”

Music festival web banner

Page plans A01 Design.

Cheat Sheet CSCI 100 JW Ryder

A01 DESIGN To be completed Your proposal  Your House style 

Introduction Participants Results Results (continued)

Introduction Participants Results Results (continued)

Introduction Participants Results (continued)

Introduction Participants Results (continued)

Introduction Participants Results Results (continued)

Making a website.

Step-by-Step Banner Creation Guide

Insert Your Poster Title Here Your Name Goes Here Your Institution Name Can Go Here TRIFOLD AREA – THIS GUIDE WILL BE REMOVED BEFORE PRINTING – TRIFOLD.

Uppingham Community College

A02 Creating my website NAME ______________.

Wheelers clubs Your site will consist of 3 pages:

Introduction Participants Results Results (continued)

Creating buttons in Fireworks

Presentation transcript:

Advanced Web Web Quest

To do today. . . . Meet with your client and complete the first part of the client form Refer to the resources tab on my web site for the form You can either print out the form and hand write your responses from your client meeting OR you can save the form to your H: drive and type in the answers You must turn this completed form in with your completed website Put it some place safe…like your folder!

After you finish meeting with your client Begin making a “mock up” or a story board of what you think the web site should look like Draw it by hand OR create something in DreamWeaver and / or Fireworks and / or Photoshop You must meet with your client again to get their approval of your story board

Story board it! Make your story board Draw it and show as much detail as you can OR Create a sample web page in DW, FW or PS Meet with your client to get approval

Things to consider. . . Make a folder and title it according to the site you will be designing All files go in here Make sub folders to hold images, documentation, etc. What is the monitor resolution are you designing for? 800 x 600? 1024 x 768?

Things to consider. . . Making buttons Fw or PS? You decide! In FW, you must save the original button (PNG format) and EXPORT it to appear on the website In PS, you must save the original button (PSD format) and Save as… for it to appear on the website To edit the text always use the original source file and do a export / save as

Things to consider. . . Button Size Determine the longest word to appear on your button Create the button around this word Typical size are not larger then 100 pixels wide and 25 pixels high, font size no larger then 14 points

Things to consider. . . Banner Size What’s the slogan / logo? What monitor resolution are you using as a basis? Create your button to fit the width of the monitor resolution Remember about the padding from the browser Create the button around this word Nothing works the first time…experiment with the sizes to see what works best for your site.