Introduction to Web Design

Slides:



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

Learning the Basics – Lesson 1
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Macromedia Dreamweaver 4 Foundation Level Course.
Exploring Windows 98 and Essential Computing Concepts - Chapter 1 1 Exploring the Internet Chapter 1 Welcome to Cyberspace: The Internet and World Wide.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
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.
Microsoft Excel Integration Project Linking an Excel Worksheet to a Word Document and Web Discussions.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Introduction to Web Lingo
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
What Is A Web Page? An Introduction to the Internet.
How the web work Web Server Web browser DNS Server
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
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
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.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Dreamweaver MX Unit A CIS 205—Web Site Design & Development.
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.
Defining a Website. Review…. Page Title −The text that will be displayed in the title bar of the browser window on a web page File Name −What you “call”
Website Development with Dreamweaver
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Incorporating Multimedia into a Web Site (Case Study) Unit G.
Introducing: Dreamweaver!. Today We’ll Learn… Organizing Folders Organizing Folders Opening Dreamweaver Opening Dreamweaver Titles and Saving Titles and.
Dreamweaver Chapter 1 Mr. Ursone Document Window.
Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.
CS134 Web Design & Development Dreamweaver More Features Mehmud Abliz.
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
D REAMWEAVER T EST May 16 th. The file extension for a webpage is.html When you Title a webpage in the Document Toolbar, where is the title of the page.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
© 2005 Lawrenceville Press Slide 1 Chapter 4 Website Development Planning 1.Define the purpose and target audience. 2.Sketch the navigation structure.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
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.
COMP 143 Web Development with Adobe Dreamweaver CC.
Tutorial 1 Getting Started with Adobe Dreamweaver CS5.
Getting Started with Dreamweaver
Exploring Microsoft Word 2000
Chapter A - Getting Started with Dreamweaver MX 2004
Learning the Basics – Lesson 1
Chapter A - Getting Started with Dreamweaver MX 2004
Dreamweaver – Project #1
Getting Started with Dreamweaver
Exploring the Internet Welcome to Cyberspace:
Creating a Successful Web Presence
Dreamweaver 8: Introduction
Exercise 48 - Skills Adobe Flash CS4 is a software program you use to create animation and applications that range form simple to very complex. Being able.
CS134 Web Design & Development
Getting Started with Dreamweaver
Welcome to Cyberspace The Internet - World Wide Web
3.00 Understanding the Adobe Dreamweaver interface. (12%)
DREAMWEAVER FIREWORKS PHOTOSHOP FLASH.
Presentation transcript:

Introduction to Web Design TCO 285 Dr. Codone

Differences b/w Print & Web Design -- Jakob Nielsen Dimensionality: print = 2D; web = 1D or ND Navigation Response time, resolution, canvas size Multimedia, interactivity, overlays http://www.useit.com/alertbox/990124.html

Differences b/w Print & Web Design -- Others?

Introduction to Dreamweaver MX

Toolbar Insert Bar Document Window Panel Group Directory Status Bar Toolbar Properties Inspector

Properties inspector changes based on what objects you are working

Properties inspector changes based on what objects you are working

Explanation of our TCO 285 server path http://egrweb.mercer.edu/codone_s/tco285/yourlastname/index.htm Hypertext protocol Mercer’s engineering web server Directory Path My folder Our class folder Your folder Your home page