After completing this lesson, you will be able to:

Similar documents
Using Dreamweaver. 1 Overview. About the Web. About Dreamweaver

Web Publishing Overview

Introduction to DreamWeaver cs3

A network is a group of two or more computers that are connected to share resources and information.

Dreamweaver MX The Basics

Welcome to the wonderful world of Dreamweaver 8. If you re an experienced

DREAMWEAVER QUICK START TABLE OF CONTENT

Welcome to the wonderful world of Dreamweaver. If you re an experienced

Working with WebNode

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

ADOBE CREATIVE SUITE 5: PRICING OVERVIEW

Hypertext Markup Language, or HTML, is a markup

How to Create a Basic Webpage in WordPress

Chapter 1 Introduction to HTML, XHTML, and CSS

Webmaster Ground School. SWS Spring 2003 Section Meeting

Chapter 8: Hands-on Activity Web Page Construction

Web Page Designing Manual READ ONLINE

Would you like to put an image on your index page? There are several ways to do this and I will start with the easy way.

Dreamweaver Basics Outline

Unit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage

Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.

Adobe Business Catalyst

EDIT/EDSE 526/426: Web Accessibility and Design

HTML and Web Page Basics

Chapter 2 Web Development Overview

Page 1 of 4. Course Outline by Topic: Web Design Fall 2009 Instructor: Mr. O Connell Room 117

Design A Website For Dummies Full Version Windows 7

Developing Web Sites with Free Software

COMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal

Lodge Web Site Development Presentation for Lodge Officers Appendix D: Web Editors General information

WebDev. Web Design COMBINES A NUMBER OF DISCIPLINES. Web Development Process DESIGN DEVELOPMENT CONTENT MULTIMEDIA

SITE MANAGEMENT, CHECKING AND PUBLISHING IN DREAMWEAVER MX 2004

How many people are online? As of Sept. 2002: an educated guess suggests: World Total: million. Internet. Types of Computers on Internet

Learning DreamWeaver MX 2004

Ace Corporate Documentation

Lesson 1: Dreamweaver CS6 Jumpstart

Dreamweaver is a full-featured Web application

Web browsers - Firefox

Dreamweaver is a full-featured Web application

Creating a Web Presentation

UNIT 3 SECTION 1 Answer the following questions Q.1: What is an editor? editor editor Q.2: What do you understand by a web browser?

The figure below shows the Dreamweaver Interface.

Creating an HTML file (Mac)

Date: March 25, 2008 Version: 2.0

Introduction to DreamWeaver CS4

COPYRIGHTED MATERIAL. Tools, Planning, and Content. Part I

Specialized Application Software The McGraw-Hill Companies, Inc. All rights reserved.

WORKSHOP DESCRIPTION... 1 FACULTY WEB SITE... 2

Downloading and editing signatures!

Photoshop and Lightroom for Photographers

Planning and Designing Your Site p. 109 Design Concepts p. 116 Summary p. 118 Defining Your Site p. 119 The Files Panel p. 119 Accessing Your Remote

Setting up Your Teacher Website Using ischooldistrict

Upgrade from 5.x Series to 6.x Series

Advanced Dreamweaver CS6

Html basics Course Outline

m ac romed ia D r e a mw e av e r Curriculum Guide

1 Page. Question One What is the average daily bandwidth? See summary with bandwidth

My Thinking at the Genesis

Customization type Price for one page. Replacing (relocating) of images The whole page PSD, HTML $40 $20

MP5: Hypermedia Integration- Dreamweaver

Web Design. Basic Concepts

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Managing Your Schoolwires Web Site

The Journal of Insect Science

PDG Shopping Cart Quick Start Guide

1. Create your website. 2. Choose a template

Flash Video Encoder CS3 Fetch Microsoft Office 2004 (Excel, imovie. Powerpoint, Word, Entourage) itunes

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

Excel 2007 For Dummies Full Version Windows 7 32 Bit

Adobe Dreamweaver CS6 Digital Classroom

About the Tutorial. Dreamweaver MX overview

FrontPage 2000: Advanced

Excerpt from. Internet Basics. Jennie L. Phipps

Frequently Asked Questions- Communication, the Internet, Presentations Question 1: What is the difference between the Internet and the World Wide Web?

Review Ch. 17 Creating Online Pages and Sites. 2010, 2006 South-Western, Cengage Learning

SiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved.

Syllabus: Web Accessibility and Design

Make Your Computer Get Along With the MLS - 7 Easy Steps - (with pictures!)

Sample Hands-On-Training Chapter Review Copy Only Contact Information Notice of Rights Notice of Liability Trademarks

Publishing overview. HTML wrapper for AS3 documents

Creating a Website with Dreamweaver 4


Enduring Understandings: Web Page Design is a skill that grows and develops throughout the careful planning and study of software and design.

Word 2013 Pdf Software Full Version For Windows Xp

PART COPYRIGHTED MATERIAL. Getting Started LEARN TO: Understand HTML, its uses, and related tools. Create HTML documents. Link HTML documents

Contents at a Glance

HALTON SKILLS COMPETITION WEBSITE DEVELOPMENT SCOPE SECONDARY LEVEL Coordinator: Ron Boyd,

COMSC-031 Web Site Development- Part 2

Multimedia means that computer. through audio, video, and animation. text, graphics/drawings, images).

ADOBE Dreamweaver CS3 Basics

NOTES:...2 ADMINISTRATIVE SOFTWARE TOOLS...2

Unit 4 The Web. Computer Concepts Unit Contents. 4 Web Overview. 4 Section A: Web Basics. 4 Evolution

The diverse software in the Adobe Creative Suite enables you to create

Using Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area

Independence Community College Independence, Kansas

Infowise Smart Print Pro User Guide

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6

Using Dreamweaver To Edit the Campus Template Version MX

Dreamweaver Basics Workshop

Scharl A., PS WebEngineering

Transcription:

After completing this lesson, you will be able to: Comprehend what you will need to display your Web pages online. Find server space on the Web for your Web site. Choose software for creating, editing, and manipulating Web pages. Test your Web pages on various browsers. 1

Some free server space options: 1. Your Internet service provider Free Online Space 2. MSN Web Groups (http://groups.msn.com) 3. Lycos Tripod (http://www.tripod.lycos.com) 4. Yahoo! GeoCities (http://geocities.yahoo.com) 5. Site-specific Web pages, such as About Me pages on ebay Possible drawbacks: Long Web addresses Limited layout options Limited server space Advertisements 2

Purchased Server Space Expenses: 1. Domain name 2. Server space Benefits: Concise Web page address No unwanted advertisements Freedom to design pages Variable server space options 3

Hosting Service Features Consider the following: Server bandwidth Allocated space and price Tech support availability Microsoft FrontPage extensions support Extras, such as e-mail accounts, chat groups, blogs, and site search features 4

Text Editor Notepad 5

Text Editor Benefits Inexpensive Cheap, often free! Control Write HTML tags exactly the way you want Quick Fixes Change HTML coding quickly, such as change a date, fix a typo, or add a blank line Clean-up Remove the excess coding that s sometimes added by HTML editors and thereby reduce file sizes Fine-tuning Gain control over automated code that sometimes won t automatically do what you want 6

Popular Text Editors BBEdit (www.barebones.com/products/bbedit.html) HomeSite (www.macromedia.com/software/homesite) Notepad (Windows operating systems) NoteTab (www.notetab.com) TextPad (www.textpad.com) UltraEdit (www.ultraedit.com) WordPad (Windows operating systems) 7

Microsoft Word Midrange HTML Editor 8

Advanced HTML Editor FrontPage View Options 9

HTML Editor Benefits View options Pages can display in layout mode, HTML view, and Web preview Automatic HTML coding HTML is automatically generated while you type content, insert pictures, format the background, etc. Toolbar and menu options Typical application interface simplifies development process Templates and wizards Provides design options and publishing assistance 10

Popular HTML Editors Adobe GoLive (www.adobe.com/products/golive) CoffeeCup HTML Editor (coffeecup.com/html/editor) HotDog Professional (www.sausage.com/hotdog-professional.html) Macromedia Dreamweaver (www.macromedia.com/software/dreamweaver) Microsoft FrontPage (www.microsoft.com/frontpage) NetObjects Fusion MX (www.netobjects.com/products/html/nof8.html) 11

Popular Graphics Programs Fireworks (www.macromedia.com/software/fireworks) LView Pro (www.lview.com/index1024.htm) Microsoft Paint (Windows operating systems) Paint Shop Pro (www.jasc.com/products/paintshoppro) Photoshop (www.adobe.com/products/photoshop) 12

Popular FTP Programs BulletProof FTP (www.bpftp.com) CoffeeCup Direct FTP (www.coffeecup.com/software) CuteFTP (www.globalscape.com/cuteftp) Fetch (www.fetchsoftworks.com) 13

Browser Views Internet Explorer on Windows Navigator on Windows Internet Explorer on Macintosh Navigator on Macintosh 14

Popular Browsers America Online (webmaster.info.aol.com) Lynx (lynx.isc.org/current) Microsoft Internet Explorer (www.microsoft.com/ie) Mozilla (www.mozilla.org) Netscape Navigator (www.netscape.com) Opera (www.opera.com/download) Safari (www.apple.com/safari) 15

Next Step Planning Your Attack 16