Creating WWW Pages. Big Picture 1. Make sure you have a place to put them 2. Plan Pages 3. Create Pages 4. Upload Pages (“Publish”) 5. Test Pages (Important!)

Slides:



Advertisements
Similar presentations
Web Designing Using Microsoft FrontPages Kashif Haqqi, M.D.
Advertisements

HTML & Dreamweaver. The World Wide Web can be defined as a: a.group of related documents that are managed by a business. b.collection of documents accessed.
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.
Communicating Information: Web Design. It’s a big net HTTP FTP TCP/IP SMTP protocols The Internet The Internet is a network of networks… It connects millions.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
BUS311 Website Development Lab. The world Web Hosting Site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) WebPage/Site development tools.
Its easy to be an information provider Tutorial: Web Publishing.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
ETT 429 Spring 2007 Web Design Basics II. Publishing Web Pages Activating your NIU website Go to this.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
8.1 Chapter 8 Integrating the Internet into the Curriculum M. D. Roblyer Integrating Educational Technology into Teaching, 4/E Copyright © 2006 by Pearson.
Introduction to: Web Site Development. Terminology HTML Hypertext Markup Language HTML File A web page built from HTML Index File The home or main page.
Introduction to Web Lingo
Using the WWW in Teaching and Learning Barbara Watson Andrew Stansfield IT Service.
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
ETT 429 Spring 2007 Web Design I.
Web Publishing TutorialIS for Management1 Tutorial: Web Publishing.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
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.
Putting Documents on the Web Vivien Hall Central Computing Services.
INSTRUCTIONAL SUPPORT SERVICES (ISS) SHORT COURSE, FALL 2012 UMSL Introduction to Web Page Design.
Creating a Web Page HTML, FrontPage, Word, Composer.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
WEB DESIGN W HAT I S IT ?. W HAT IS W EB D ESIGN It includes graphic design Interface design Interactivity Using Standardized Programming Language Search.
WRA /16/13 HTML VALIDATION & HTML5. TODAY’S AGENDA Overview of new objects: lists, tables Overview of metadata: meta tags, comments History of the.
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.
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
Chapter 1: The Internet and the WWW CIS 275—Web Application Development for Business I.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
Uploading Your Page to the Internet Configuring FTP on Dreamweaver.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Tools of the Trade: Construction CECS 5030: Introduction to the Internet Dr. Cathleen Norris & Jennifer Smolka.
By: Harisanth Sivaneswaran 1 Web Page Development.
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.
Basic Web Design Using Dreamweaver Robby Seitz 121 Powers Hall
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
INTRODUCTION TO DREAMWEAVER CS SOFT. OVERVIEW  DreamWeaverCS5.5  Defining a site  Site files  Authoring views  Property Inspector  AP Divs.
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Chapter 1 Introduction to HTML
Web Site Development and Macromedia Dreamweaver 8
Exploring Microsoft Word 2000
Chapter 1 Introduction to HTML.
Introducing the World Wide Web
Assignment (Due by Friday, Jan. 10)
Web Page Development Tools
Web Technologies for Business
Orpheus In the Cyberworld.
Web Page Concept and Design :
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Page Development Tools
Website Testing Checklist
I Have, Who Has TEMPLATE Printing these cards:
Dreamweaver.
Intro Project Introduction to HTML.
Designing a Web Site.
Step 1:. Open Microsoft FrontPage application.
Unit 4 The Web Book Test.
Presentation transcript:

Creating WWW Pages

Big Picture 1. Make sure you have a place to put them 2. Plan Pages 3. Create Pages 4. Upload Pages (“Publish”) 5. Test Pages (Important!) 6. Maintain and Keep Current

Plan Pages Know Your Purpose Know Your Purpose Understand Your Audience Understand Your Audience  Remember “diversity” – particularly handicaps Identify Structure / Pages Identify Structure / Pages

Creating Pages A) Use HTML (Ugh!) B) Use Word C) Use FrontPage D) Use Dreamweaver E) Etc

Creating Pages Using Word A) Save as www page OR A) Save as www page OR B) Web page template OR B) Web page template OR C) Web page wizard (not anymore?) C) Web page wizard (not anymore?)

Creating Pages Using FrontPage What we’ll use – see handouts What we’ll use – see handouts

Publish Pages  See your provider’s instructions  See your provider’s instructions   Generally involves using FTP to transfer files, but may need to take other steps as well  See for La Salle instructions  Front Page will do a lot for you

Test Pages Ideally test on PC AND Mac Ideally test on PC AND Mac Ideally test on the 2 most recent versions of each of the popular browsers (Microsoft, Netscape, Mozilla) Ideally test on the 2 most recent versions of each of the popular browsers (Microsoft, Netscape, Mozilla)

Some Rules of Thumb Use consistent layouts and designs on all pages on a site Use consistent layouts and designs on all pages on a site