Web Design Professor Pepper. Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are.

Slides:

Advertisements

Similar presentations

Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.

Advertisements

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.

 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.

Web I Introduction to Dreamweaver and Web Publishing.

Congratulations! You are ready to launch your Decision Support System to the company’s web site. After you have finished the Excel, PowerPoint, Word, and.

$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.

Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems

1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.

Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,

HTML Introduction HTML

Internet Publishing / Dreamweaver Luke E. Reese CARRS

Web Design Professor Pepper. Internet physical layout Internet = internetworked networks Local Area Networks (LAN) Wide Area Networks (WAN) LANS,WANS.

ETT 429 Spring 2007 Web Design I.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

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.

INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.

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

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

CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.

A Free sample background from © 2001 By Default!Slide 1 Web Design Fundamentals.

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.

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

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.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!

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

HTML (Hypertext Markup Language ). Hyperlinks Hyperlinks from text to other sites Write the link, which is visible at the screen Example: Hyperlink to.

How To: Add HYPERLINKS and IMAGES with HYPERLINKS to your Outlook Signature. By: Tom Jackson

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.

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

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.

Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages.

What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

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

CMS Directions 1. Open Internet Explorer to our home page. 2. Click SIGN IN.

Page 1 of 6 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 1: JAVASCRIPT ROLL-OVERS 1) Launch Internet.

Internet Publishing Luke E. Reese ANR Education and Communication Systems

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

BY PRIYA M ROBOHELP HTML. INTRODUCTION RoboHELP is a program designed to assist the user in writing help files, including Windows help files (Win HELP)

XHTML Hyperlinks. Creating Links to Other Web Pages A link, or hyperlink, is a specially formatted Web page object that the user can click to open a different.

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

Using FrontPage FrontPage is a great Web editing tool for people with limited knowledge and time for HTML coding. It’s similar to using Microsoft Word.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

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.

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.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

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.

Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

HTML – The Basics Rebecca Shillingburg

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.

Creating Web Pages with Links, Images, and Embedded Style Sheets

XP Creating Web Pages with Microsoft Office

Unit 15 – Web Authoring Web Authoring Project.

With Microsoft FrontPage 2000

How to create a web page using word …

USING DREAMWEAVER Contents: Assigning a Root Folder

Lesson Objectives Lesson Outcomes

Cheat Sheet CSCI 100 JW Ryder

Starting to develop a website

USING DREAMWEAVER MX 2004 Contents: Assigning a Root Folder

Cheat Sheet CSCI 100 JW Ryder

Internet Publishing Luke E. Reese

HTML Text editors and adding graphics

Presentation transcript:

Web Design Professor Pepper

Site vs. Page  Create a folder for your site  all pages and pictures  Default page will be index.html (some servers are different)

Design tools: -> creates html Netscape Composer Front Page DreamWeaver Notepad entering HTML Word Excel Power Point Access

Formatting text Paragraph / Line Break Force line break with shift/enter Font difficulties – choose one others will have size limitations Heading (just 1-6) Lists Alignment

Hyperlinks Link / Target Link Types File Web Page (navigate to site and copy in address) (mailto: )

Images Want.GIF or.JPG To convert: adobe acrobat, or any graphics program – save as.gif or.jpg (Transparent background needs.gif) Insert image Image in same directory Play with alignment Alternate text hyperlink on a picture click