Netscape Composer Tutorial. File>New>Navigator Window.

Slides:

Advertisements

Similar presentations

How To Make Your Own Web Page: Basic Web Design

Advertisements

DREAMWEAVER Welcome to our website!

Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.

Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.

Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.

Macromedia Dreamweaver MX2004 Tutorial. Launch Dreamweaver Select HTML.

HTML resources page exercise An HTML resource page is created for later use. The web editor Composer is used to create tables, named anchors, horizontal.

Netscape Composer Add A Custom Button. Launch Composer File>New Composer Page Select The Table Icon.

ETT 229 Fall 2004 Web Design Basics IV Multi-page designs.

Student iDrive Access ESU Website Server Storage Space.

Macromedia Dreamweaver MX2004 Tutorial. Launch Dreamweaver Select HTML.

ETT 429 Spring 2007 Web Design I.

Student iDrive Access ESU Website Server Storage Space.

Creating First Class Web Pages Log into your account.

IWebFolio Using a Template Tutorial Images in this tutorial:

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

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

Designing a Classroom Web Site Using NVU Beginning Level.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.

Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.

@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,

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

Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

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.

MIS 201 Web Design. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.

Using Netscape to Design Basic, Yet Beautiful Web Pages! With Designs by Dan EIL 301, spring 2000.

Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both.

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.

Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman

Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®

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.

HTML presentation Embedding Graphics in Web Pages n HTML uses an empty tag called the (image tag) n n n or n n n Note: all web production tools do insert.

Mozilla Suite 1.7 Web Browser and newsgroup client, IRC chat client, and HTML editing Download:

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Introducing: Dreamweaver!. Today We’ll Learn… Organizing Folders Organizing Folders Opening Dreamweaver Opening Dreamweaver Titles and Saving Titles and.

Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.

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

Moodle with Style Integrating new technologies to empower learning and transform leadership.

INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis.

Sports Website Creation. In this project you will design and produce your own website.

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

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

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

MIS 201 Web Design 1. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.

Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.

Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.

Macromedia Dreamweaver MX2004 Tutorial. Create a Folder Called: website1 Save All webpages & graphics inside of your website1 folder index.html math.html.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

Landscaper 101. Time Code AMC AMCNET HELP!!! Where do you go for help? –Upper right corner has a ? for the online help –This presentation.

Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.

Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.

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

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

Page 1 of 15 1) Launch Dreamweaver. 2)Under Site, choose Manage Sites Click New, then Site. Continuing Studies CS 22 ·Stanford University EXERCISE 3: IMAGEMAPS.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

With Microsoft FrontPage 2000

Macromedia Dreamweaver MX2004 Tutorial

MIS 201 Web Design.

Cheat Sheet CSCI 100 JW Ryder

Cheat Sheet CSCI 100 JW Ryder

Using FrontPage Express

To insert a hyperlink ( a web page address, URL) using text

Netscape Composer Add A Custom Button.

4.00 Apply procedures to add content by using Dreamweaver. (22%)

Presentation transcript:

Netscape Composer Tutorial

File>New>Navigator Window

File>New>Composer Page

Composer Opens in a Separate Window

Format>Page Title & Properties

Properties Settings

Format>Colors & Background

Colors & Background Window Set Link Colors, OK

Format>Font Format>Size Format>Color

Insert>Image Or Image Icon

Correct Link Name to Upload: name.gif or name.jpg

Wrong Graphic Link Name to Upload

Insert >Table Or Table Icon

Format>Table Cell Properties

Table Cell Window

Table Color

Highlight Text: Insert>Link Or Link Icon & Add URL

Reply Links Highlight Text, Link Icon,

Simple Single Web Page

File>Save As index.html (Homepage)

Source Tab to View HTML Code Preview Tab to View Design

File>Browser Page

Opens Up in a New Browser Window to Preview

Can Test Links in the Browser

Example of Page Naming Conventions

Upload All Files to Your ESU iDrive Web Server Space Website Folder: index.html conclusions.htm credits.htm evaluation.htm introduction.htm process.htm resources.htm task.htm graphic1.jpg graphic2.gif