Web Design March 21, 2014. Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.

Slides:



Advertisements
Similar presentations
Chapter 1: Introduction. Contents Whats New in Dreamweaver CS4? The Dreamweaver CS4 Interface Setting Up a Site Creating a Web Page Adding Text to Your.
Advertisements

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
MGMT 230 Lab 1 HTML Basics. 2 HTML Tags An HTML document contains both document content and tags. The tags are the HTML codes inserted in a document to.
HTML Introduction HTML
Information Architecture Week 7. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
IWebFolio Using a Template Tutorial Images in this tutorial:
Agenda – Week 5, Day 2 Complete RoboHelp Tutorial Transition to HTML Tutorial –Warm-up – Explore HTML –Page Design – Create a page –Publishing – Make your.
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.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
IT Website Development Welcome!. Welcome to Unit 7! Optimizing Images and creating photo albums in Dreamweaver There are no textbook readings for.
Getting Started with Dreamweaver
 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.
© 2012 Boise State University1 WordPress Training February 14, 2013.
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
Creating an Expression Web Site
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.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
© 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
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
© 2012 Boise State University1 WordPress Training February 14, 2013.
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
11 HTML5 sharing St Bonaventure College & High School 31 May 2012.
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.
MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.
Introduction to web development and HTML MGMT 230 LAB.
Website Views, Page Titles, & Browsers Dreamweaver for College & Business Mrs. Wilson.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Miguel Lara, PhD. 1:10 – 1:15 Pre-test 1:15 – 1:30 Course overview 1:30 – 2:00 Setting up DW Site 2:00 – 2:05 > 2:05 – 2:55 Hands-on Lecture 2:55 – 3:00.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Web Development Tools Milton Acevedo Jerry Jones.
Introduction to Web Authoring Ellen Cushman our syllabus
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
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.
Microsoft Expression Web - Illustrated Unit A: Getting Started With Microsoft Expression Web.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Getting Started with Dreamweaver
Dreamweaver – Setting up a Site and Page Layouts
Intro to Dreamweaver Web Design Section 8-1
Unit 2, Lesson 5 Website Development Tools
Unit 2, Lesson 5 Website Development Tools
Creating a Successful Web Presence
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
Web Page Development Tools
Dreamweaver 8: Introduction
Getting Started with Dreamweaver
Consult America Technology Consulting Services
Web Page Development Tools
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Presentation transcript:

Web Design March 21, 2014

Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop an understanding of the various web authoring software programs Students apply knowledge acquired to relevant classroom/homework activities.

Web Authoring Software What are web authoring software programs? Please provide examples

Web Authoring Software

Advantages of Creating Pages coding HTML Gives web authors greater control over the website Having Solid foundation on HTML is essential Important skill for web developers to have

Introduction to Dreamweaver As previously covered, Dreamweaver is a WYSIWYG web authoring program It provides multiple views of we pages you work on: o Standard, normal, or design view - This is typically the default view, which is a blank screen on which you type, paste, or insert content. This is very similar to a word processor screen. o Code view - Allows you to view and work directly with the HTML code. o Split - Both of the above views are displayed simultaneously in separate windows.

Introduction to Dreamweaver Sample tool bar from Dreamweaver Sample tool bar from Microsoft FrontPage

Video Tutorials Beginning Dreamweaver Introducing Dreamweaver CS4 Getting Started: 02 Defining Sites Getting Started: 03 Rapidly Building Layouts Getting Started: 04 Adding Text and Images Getting Started: 05 Styling Text Getting Started: 07 Adding Multimedia Getting Started: 08 Managing and Uploading Sites Getting Started: 08 Managing and Uploading Sites Source:

Other Dreamweaver Tutorials l l cles/first_website_pt1.html cles/first_website_pt1.html