November 15, 2006A. St.Denis Nvu: a web authoring tool {An example of a Technical Topic Presentation in ELM4701}

Slides:



Advertisements
Similar presentations
Introduction to Web Design, HTML & WordPress. What is Web Design? Web Design encompasses many different skills and disciplines in the building and maintenance.
Advertisements

Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.
5 Steps to Web Site Development Mrs. Harris, November 2011.
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.
AN INTRODUCTION TO WEBSITE DEVELOPMENT MADE BY: SIR NASEEM AHMED KHAN DOW VOCATIONAL& TECHNICAL TRAINING CENTRE.
Chapter 12: Web Authoring Tools
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
What is a Web Page? Web pages are a combination of text and graphics, wrapped in a special “markup” language. The markup language (Hypertext Markup Language.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Using the WWW in Teaching and Learning Barbara Watson Andrew Stansfield IT Service.
Web Design, DreamWeaver, HTML, etc. Snyder p
The Teaching and Learning of Web Authoring AUTHORING - programming by non-programmers Some ideas in this PowerPoint come from Dr. Lai Yiu Chi of HKIEd.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.
Creating a Web Page HTML, FrontPage, Word, Composer.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
Welcome! Building Your Own Web Page. Goals for this Workshop Brief overview - What IS a web page? When should we have one and why? Content and examples.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Getting started! Module 1: Creating and publishing web pages Your class “home page”
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Dreamweaver Jing Xie (Jean) Sept. 29, Index Background Getting Started Editing Pages Site Management Advantage and Disadvantage Reference and Additional.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
GEH M IT! Web Page Editor Introduction. Basic types of web editors Web page editors can be divided into two basic groups: WYSWIG HTML Editors WYSWIG HTML.
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 Part II.
Use the menu on your left to make a choice at any time. Let’s Get Started Topic: ULM Internet Publishing for Faculty and Staff Use the “Click to Advance”
James Bear. * Information * Assignments? * Entertainment? * Create Rapport? * More?
Web User Interface Design. Name:Leong Lee, Ph.D. (U Missouri) Office:Maynard 214 Office Hours:Mon/Wed/Fri 10:00am-11:45am, or by appointment Phone:
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
An Introduction To Websites With a little of help from “WebPages That Suck.
Firstname Lastname. Resources  Development tools  Development tutorials  Graphics  Hosting services and online storefronts  Other tools  Business.
HTML_Generators WB_HTML_Generators. What method are you going to choose to build your web page? MethodWrite Convert Html IssuesHTML HTML Editors Tool.
Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.
Producing Web Pages using HTML The Computer as an Educational Tool: “ The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C.
Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.
CS 390 Unix Programming Summer Unix Programming - CS 3902 Course Details Online Information Please check.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
March 14, Web Page 101 A Short-term SIG Vicki Wassenhove.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Tools to Create Web Pages Fall Tools Text Editors – Notepad (free) – Notepad++ (free) Word Processor – MS Word (Expensive) HTML – HTML Kit (free,
HTML & Nvu David Tristano Drexel IRT Dept.
Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.
Basic Webpage Design Vocabulary Principles of IT Copyright © Texas Education Agency, 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.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
HTML HyperText Markup Language Victoria E. Kozlek.
Introduction to Collaborative Tools A collaborative tools is software that allows for people to collaborate or conduct team work online while connected.
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.
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.
1 Web Search What are easy ways to create a website? 2 Web Search What is a blog? What type of content does this type of website provide? 3 Web.
The Brenkoweb provides the excellent online programming tutorial for the programmer in various languages like as PHP, SQL, HTML, ASP, Javascript,
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Principles of IT Basic Webpage Design Vocabulary.
Inquiring and analyzing options for creating a website
Designing Webpages Firstname Lastname.
Where to Start When Re-Designing a Webpage
The Web Wizard’s Guide to Web Design
Web software.
ITI 163: Web, Mobile, and Social Media Design Introduction
Community Information Toolkit
Creating a Successful Web Presence
Web Page Development Tools
Unit 1 The Web Book Test.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Page Design CIS 300.
Web Page Development Tools
Unit 3 The Web Book Test.
Basic Webpage Design Vocabulary
Web Site Development Careers
Presentation transcript:

November 15, 2006A. St.Denis Nvu: a web authoring tool {An example of a Technical Topic Presentation in ELM4701}

November 15, 2006A. St. Denis Background: Why do we need website authoring software? Students are required to communicate their ideas about their design in various ways. Websites are a great way to share your information with the world. Web pages and entire web sites can be created using the ‘HTML’ files, but this can be quite confusing and involved.

November 15, 2006A. St. Denis What is HTML?

November 15, 2006A. St. Denis Creating a Web Page in HTML: Is a lot like writing a program Requires that you learn the language (HTML) Requires a lot of planning, both in designing each page and designing the site Is not as visually rewarding as a WYSIWYG approach

November 15, 2006A. St. Denis How else would you create a Web Site? Word Processors (like MS Word, OpenOffice, and WordPerfect) can save to HTML. Web page editors (like Composer, MS FrontPage Express, HomePage) Web Site development/authoring systems (Dreamweaver, FrontPage, and Nvu)

November 15, 2006A. St. Denis Why use a web site ‘authoring system’? It is specifically designed to make it easy to lay out the site and create each page It ‘hides’ the HTML from you It provides WYSIWYG tools; allows you to concentrate on visual issues It provides the ‘publishing’ tools

November 15, 2006A. St. Denis Why use Nvu? It is cheap!!! (it’s free, go to It appears to be quite intuitive Available for many platforms

November 15, 2006A. St. Denis Resources Learning to build your website: Nvu user’s guide: Nvu tutorial: Lots of books, e.g.: “ Webmaster in a Nutshell” By Robert Eckstein…, O’Reilly Nutshell series

November 15, 2006A. St. Denis Questions? (what grade did I get?)