How does Dreamweaver help us create web pages? 9.22.14 Advertising.

Slides:

Advertisements

Similar presentations

DREAMWEAVER Welcome to our website!

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.

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

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.

Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.

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

Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.

Developing a Basic Web Page with HTML

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

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.

How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.

Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.

Basics of HTML. Example Code Hello World Hello World This is a web page.

Creating a Web Page HTML, FrontPage, Word, Composer.

WEB DESIGN This course accompanies: -DiDA -GCSE ICT -A-Level ICT Insert Teacher Name Here By xIslandDesign.

Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.

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

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.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

Creating your Webpage with tables. This is a 2 column by 1 row table!

Web Technologies Website Development Trade & Industrial Education

4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.

Intro to Dreamweaver Webmaster 1 – Mrs. Sanchez. Agenda Daily Objective Starting the Program Setting up a site in Dreamweaver Adding a page Home 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.

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

OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

An Introduction To Websites With a little of help from “WebPages That Suck.

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.

Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.

Hypertext Mark-Up Language Web Page Creation HTML.

HTML Extras. Adding a button   This is what it would look like:  Add color to your button: 

Homework #4 HTML Web Assignment II ©2001 E. Kinnear.

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.

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

Why are links important to a website? Web Design Course.

March 16, 2003 Lab Course Management Systems & Your Final Project.

Website Views, Page Titles, & Browsers Dreamweaver for College & Business Mrs. Wilson.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.

Morgan Rothenburg Learning Artifact ONE. What I’ve learned AND my reaction to the information.

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.

Introduction to HTML Unit 3: E-business.

 HTML Tags  Multimedia Definitions  Information from the Computer Internet Project  Information from the Digital Camera Assignment  Information from.

4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.

Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.

Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.

Positioning Objects with CSS and Tables

HTML HyperText Markup Language Victoria E. Kozlek.

Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.

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.

1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.

HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher

Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.

Intro to Dreamweaver Web Design Section 8-1

Positioning Objects with CSS and Tables

Web Design and Development

HTML Text editors and adding graphics

Uppingham Community College

Positioning Objects with CSS and Tables

Unit 13: Website Development

Presentation transcript:

How does Dreamweaver help us create web pages? Advertising

What is Dreamweaver Dreamweaver is a What You See Is What You Get HTML editor. The program writes the code for you. What does the acronym WYSIWYG stand for?

How can you view your work in Dreamweaver? There are three ways to view your work in Dreamweaver. Code view displays all of the coding language for your web page ONLY Design view displays only how your web page will look on a browser Split view displays how your web page will look on a browser AND the background code used to create the look What view do you think is pictured in this image? How can using split view help you learn coding language?

How can I change the look of something on my page? The Properties panel allows you to make changes to most things on your page. The Properties Panel is located near the bottom of your screen. The Properties Panel will change depending upon the item you have selected at a particular time. How is the Properties panel different in this slide compared to the previous slide? What item is selected in this slide? How can you tell?

ASSIGNMENTS 1.Add your headshot image to your first webpage by using Insert>Image (the width of your image should not be more than 125 pixels) IF YOU NEVER TOOK OR SENT YOUR PICTURES, proceed to next task today 2.Copy your personal essay into the text of your web page IF YOU DID NOT TYPE YOUR ESSAY, proceed to the next task today 3. Find the webpage for a specific college that offers a major that you are interested in studying when you get to college. If you do not have a preference at this time, you must find a school that offers Digital Video Production, Film, Communications Media or Graphic Design. the link for the specific page that talks about what the college offers in that area by the start of classtomorrow. For extra credit, a link to the page where tuition fees are listed for that college by the start of classtomorrow. For extra credit, a link to the page where tuition fees are listed for that college too.