1 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.

Slides:



Advertisements
Similar presentations
1 © Netskills Quality Internet Training, University of Newcastle From My Home Page to FrontPage An Overview of Authoring Tools Patris van Boxel Netskills.
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.
Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.
How To Create A Web Page By: Mikeon Briddy & Darrius Jacobs April 10,2006 Mr. Barnett.
The Client-Server Model for the Web 1. A Web Client (usually in the form of a web browser) makes an HTTP request to a specific web server. 2. The Web Server.
Make your choice from more than 70 templates to get a quick start online!70 templates.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors.
Overview of Office 2003 Corinne Hoisington Central Virginia Community College.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
CIS101 Introduction to Computing
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Web Publishing Overview Adam Cavotta and Christine L. Vucinich ITS Training Services
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.
ECA 228 Internet/Intranet Design I Intro to the Web.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Web Design Software Alyssa Lagimoniere. Adobe Dreamweaver Pros Relatively low-cost price ($99) Produces very "clean" HTML code; easy to transport and.
Creating a Web Page HTML, FrontPage, Word, Composer.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.
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.
@Ms. Masihi.  Adobe Creative Suite is comprised of several separate applications – Bridge, Version Cue, Photoshop, Fireworks, Flash, InDesign, Illustrator,
LEARNING WEB DESIGN Beginner’s Guide to HTML, Graphics and Beyond.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
James Bear. * Information * Assignments? * Entertainment? * Create Rapport? * More?
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
Coding: XHTML and CSS. Why code? Writers and editors are often asked to write and edit web copy. Although it is easy to create a web site without coding.
University of Sunderland CDM105 Session 5 Web Authoring Tools The past and present A history of web authoring tools and an overview of Macromedia Dreamweaver.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &
Chapter 1Introducing the Internet and Web Technologies Chapter Objectives After learning this chapter you will be able to: b b Describe the past, present,
Introduction to web development and HTML MGMT 230 LAB.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Web Page Fundamentals HTML: The Language of the Web.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis.
Title: "Cutting Out the Noise" Author: Phil Ware Publication Date: February 19, 2001 Share with Others Related Heartlight Resources Advanced Web Design.
Software for Presenting. Contents Presentation Software Applications, eg. Word processors Authoring software Animation Software Web browsers and HTML.
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.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Cyberspace Image: Secrets of Internet Marketing Duncan Herrington Radford University Phone (540) Fax (540) URL.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Forcier and Descy The Computer as an Educational Tool (Fifth Edition) Copyright © 2008 by Pearson Education, Inc. Columbus, Ohio All rights reserved.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
HTML Hyper Text Markup Language. The Basics u HTML documents contain “tags” which instruct the Browser software on how to present the information within.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Creating Websites With Macromedia Dreamweaver MX 2004 By Heidi Lee.
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
XP Creating Web Pages with Microsoft Office
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Inquiring and analyzing options for creating a website
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter 3 – part2.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
4.02 Develop web pages using various layouts and technologies.
Presentation transcript:

1 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.

2 Free Online Space Some “free server space” options: 1.Your Internet service provider 2.MSN Web Groups ( 3.Lycos Tripod ( 4.Yahoo! GeoCities ( 5.Site-specific Web pages, such as About Me pages on ebay Possible drawbacks: Long Web addresses Limited layout options Limited server space Advertisements

3 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

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

5 Text Editor Notepad

6 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

7 Popular Text Editors BBEdit ( HomeSite ( Notepad (Windows operating systems) NoteTab ( TextPad ( UltraEdit ( WordPad (Windows operating systems)

8 Midrange HTML Editor Microsoft Word

9 Advanced HTML Editor FrontPage View Options

10 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

11 Popular HTML Editors Adobe GoLive ( CoffeeCup HTML Editor (coffeecup.com/html/editor) HotDog Professional ( Macromedia Dreamweaver ( Microsoft FrontPage ( NetObjects Fusion MX (

12 Popular Graphics Programs Fireworks ( LView Pro ( Microsoft Paint (Windows operating systems) Paint Shop Pro ( Photoshop (

13 Popular FTP Programs BulletProof FTP ( CoffeeCup Direct FTP ( CuteFTP ( Fetch (

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

15 Popular Browsers America Online (webmaster.info.aol.com) Lynx (lynx.isc.org/current) Microsoft Internet Explorer ( Mozilla ( Netscape Navigator ( Opera ( Safari (

16 Next Step Planning Your Attack