Bren School Web Site & Dreamweaver Tutorial January 28, 2002 Ben Best & Kim Lund.

Slides:

Advertisements

Similar presentations

Strategies For Creating Accessible University Webpages Scot Close and Neil Torrefiel Web Services Unit San Jose State University.

Advertisements

Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

Interface / navigation COM 366 Web Design & Production.

Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.

© 2005 Lawrenceville Press Slide 1 Chapter 3 The Dreamweaver Workspace.

Student Homepages. Overview Introduction Adding a Banner Adding Text Adding a Link.

IS 360 Web Promotion. Slide 2 Overview How to attract visitors.

Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.

Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.

Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.

® Microsoft Office 2010 Word Tutorial 3 Creating a Multiple-Page Report.

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.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Macromedia Studio 8 Step-by-Step MACROMEDIA DREAMWEAVER 8 Introduction.

Web Technologies Website Development Trade & Industrial Education

Page 1 Simple PowerPoint Menus Section 1 Section 3 Section 2 Tutorial.

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.

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.

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.

Website Development with Dreamweaver

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.

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.

Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.

Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.

Copyright © Eric Liria Web Site Builder This application allows you to build and manage web sites. It provides the following functionnalities: use.

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit D Formatting Text and Using Cascading Style Sheets.

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

Chapter 1 Creating a Dreamweaver Web Page and Local Site

Start Dreamweaver program From file menu click new Blank page appears.

Access Tutorial 7 Web Integration. Overview Note: We’re only doing Session 7.1 (page AC ) and Session 8.1 and 8.2 Hand-in for lab 7: Tutorial.

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.

211 Multimedia Web Design Lesson 5/6 Dreamweaver Practice.

Unit 2, Lesson 7 Creating Web Pages and Web Documents.

University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza

Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

APA Cover Page Dr. Gustafson. What is a Cover Page? APA Manual 6 th Edition – See Manuscript Elements A cover page is the first page of your.

Content Management System (CMS) Introduction for the Prospective Students site.

COMP 143 Web Development with Adobe Dreamweaver CC.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

HTML Headers/Parag raphs. How to make a heading  Page Title This is a Heading This is a paragraph.

Quincy School District Joomla Overview August 24, 2009.

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

Unit 15 – Web Authoring Web Authoring Project.

OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.

Intro to Dreamweaver Web Design Section 8-1

Microsoft Word Basics Presenter media. Microsoft Word Basics Presenter media.

Dreamweaver – Project #1

How to make a website in dreamweaver a website

Template for 34” width x 44“ height poster

PowerPoint Template

PowerPoint Template

Cheat Sheet CSCI 100 JW Ryder

CS134 Web Design & Development

Dreamweaver 8: Introduction

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

Cheat Sheet CSCI 100 JW Ryder

PowerPoint Template

CS134 Web Design & Development

Template for 34” width x 44” height poster

5.00 Apply procedures to organize content by using Dreamweaver. (22%)

Tutorial 8 Sharing, Integrating, and Analyzing Data

Type the title here List the author’s name here 1 List the author’s affiliation here 2 List the author’s affiliation here 3 List the author’s affiliation.

PowerPoint Template.

Presentation transcript:

Bren School Web Site & Dreamweaver Tutorial January 28, 2002 Ben Best & Kim Lund

OVERVIEW Introduction – Reasons for new web – Menu structure – Dreamweaver templates – Dynamic (database) vs. Static (html) pages – Forms Organization – Staff responsible for given sections – Section-by-Section Tutorial 1 – Edit an existing page Tutorial 2 – Create a new page Tutorial 3 – Enter database information Q&A, Discussion

PAGE – SECTIONS

PAGE – EDITABLE REGIONS

FORMATTING Title Capitalized Offsite link icons Non-html document icons HEADING AND BREADCRUMB IN ALL CAPS

FORMATTING GUIDELINES Html documents highly preferred, but if not use icons (/images/icon_*.gif) within link For offsite links, include offsite image (/images/icon_offsite.gif) Images general to web are stored in /images, and images specific to sections are in /section/images Styles: Heading2, Heading3, bodytext. Avoid use of different fonts Capitalization: All caps for HEADING and BREADCRUMB. Capitalized for Title.