1 © Netskills Quality Internet Training, University of Newcastle From My Home Page to FrontPage An Overview of Authoring Tools Patris van Boxel Netskills.

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Introduction to HTML, XHTML, and CSS
© Keele university 2003 Web Authoring 1 Keele University Stephen Bostock, Staff Development Web Authoring for Teaching Keele All rights reserved.
4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I
Web Page Concept and Design :
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Chapter 1 Introduction to Visual Basic Programming and Applications 1 Exploring Microsoft Visual Basic 6.0 Copyright © 1999 Prentice-Hall, Inc. By Carlotta.
Getting Familiar with Web Pages 1 2 The Internet Worldwide collection of interconnected computer networks that enables businesses, organizations, governments,
Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.
1 What Do I Do at CNS? CNS Information Officer. Editor of CNS Dispatch newsletter and HyperDispatch webzine. Info in paper and electronic formats. Don’t.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
Copyright 2003 The McGraw-Hill Companies, Inc CHAPTER Application Software computing ESSENTIALS    
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
1st Project Introduction to HTML.
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.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
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.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
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.
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 Part II.
Unit 3: Multimedia The Development Process. What is Multimedia? An interactive piece of software using several types of media: –Text –Graphics (photographs.
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.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (pg. 85) Lesson 4.2Lesson 4.2.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
HTML_Generators WB_HTML_Generators. What method are you going to choose to build your web page? MethodWrite Convert Html IssuesHTML HTML Editors Tool.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Tools of the Trade: Construction CECS 5030: Introduction to the Internet Dr. Cathleen Norris & Jennifer Smolka.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Software for Presenting. Contents Presentation Software Applications, eg. Word processors Authoring software Animation Software Web browsers and HTML.
Started Getting started with HTML Authoring Authoring on the Web.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Introduction to Microsoft FrontPage Microsoft FrontPage – FrontPage is a popular WYSIWYG authoring/site management package – Combines WYSIWYG editing.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
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!
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
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.
Project: Web Designer. Phase 1: The World Wide Web.
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.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Web Site Development and Macromedia Dreamweaver 8
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Unit 2, Lesson 5 Website Development Tools
Unit 2, Lesson 5 Website Development Tools
COM 205 Multimedia Applications
Creating a Successful Web Presence
4.01B Authoring Languages and Web Authoring Software
COM 205 Multimedia Applications
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
WEB DESIGNING THROUGH HTML
Intro Project Introduction to HTML.
Web Programming : Building Internet Applications Chris Bates CSE :
Presentation transcript:

1 © Netskills Quality Internet Training, University of Newcastle From My Home Page to FrontPage An Overview of Authoring Tools Patris van Boxel Netskills Trainer © Netskills, Quality Internet Training University of Newcastle

2 © Netskills Quality Internet Training, University of Newcastle Web Authoring l HTML - HyperText Markup Language - is the standard format for web documents l Tools for generating HTML span from plain DIY text editors to packages which automatically generate HTML behind a graphical WYSIWYG interface l Authoring tools can help generate HTML - but are also becoming web site managers

3 © Netskills Quality Internet Training, University of Newcastle Overview of Authoring Tools l Text Editors l Graphical (WYSIWYG) Editors l Web site management tools l Hybrid Editors l Advanced Tools

4 © Netskills Quality Internet Training, University of Newcastle Issues Considered: l Cost l Ease of use l Accessibility & Standards l Long-term maintenance l Advanced/interactive features

5 © Netskills Quality Internet Training, University of Newcastle Using a Text Editor l Free (Notepad, Wordpad, PFE,…) l Good way to learn and understand HTML l Welcome l A new paragraph l Netskills l Maximum control over outcome l Need to remember all the HTML tags l Easy to make mistakes

6 © Netskills Quality Internet Training, University of Newcastle Using a Text Editor Welcome A new paragraph Netskills>

7 © Netskills Quality Internet Training, University of Newcastle Graphical Editors Different Types: Embedded in word-processors and browsers l Microsoft Office l Netscape Composer Self-contained l FrontPage (also web site management tool)

8 © Netskills Quality Internet Training, University of Newcastle Graphical Editors l Microsoft Office l Has built-in HTML conversion in all applications (Word, Excel, PowerPoint,...) l Suitable for quick conversion of large documents l Outcome looks better in IE than Netscape as it produces non-standard HTML l Office 2000 has improved conversion sld001.htm

9 © Netskills Quality Internet Training, University of Newcastle Graphical Editors l Netscape Composer l Free as part of Netscape Communicator package l Described as web-based word processor l Direct preview in browser l Can edit HTML source directly l Instant web page editing feature

10 © Netskills Quality Internet Training, University of Newcastle Graphical Editors l Microsoft FrontPage l FrontPage is a popular WYSIWYG authoring/site management package l Combines WYSIWYG editing of pages with site management features l Maps out site visually in flowchart style l Features include automatic creation of navigation links and verifying of hyperlinks l Makes it easy to add interactivity (e.g adding a hit counter, timestamp, search facility, form)

11 © Netskills Quality Internet Training, University of Newcastle Graphical Editors Advantages l Easy-to-use interface - menus, buttons l Automatically generates HTML Disadvantages l Loss of control over page creation l Creates non-standard (ugly) HTML l Limited features l Best guess conversion

12 © Netskills Quality Internet Training, University of Newcastle Hybrid Editors l HoTMetaL Pro is a popular example l Hybrid - easy switching between HTML coding and WYSIWYG authoring l You need to use a combination of the two to get most out of the package l Also strong web site management features l HoTMetaL has built-in mechanism for checking of HTML standards

13 © Netskills Quality Internet Training, University of Newcastle HoTMetaL Pro - HTML View

14 © Netskills Quality Internet Training, University of Newcastle HoTMetaL Pro - WYSIWYG View

15 © Netskills Quality Internet Training, University of Newcastle Advanced Tools l DreamWeaver l to produce animation/multimedia…. l Drumbeat l integrates very well with databases l NetObjects Fusion l for graphic-intensive design/layout l..and many more / /

16 © Netskills Quality Internet Training, University of Newcastle Conclusions Which tool you choose depends on: l The size and complexity of your website l Features you plan to include: plain text, graphics, sound, video, interactivity... l HTML knowledge of web author(s) l Number of authors l Money?

17 © Netskills Quality Internet Training, University of Newcastle Further References providing/authoring-clients.html htmluser/wysiwyg.html ausummary

18 © Netskills Quality Internet Training, University of Newcastle Delivers a range of Internet workshops including: l Authoring on the World Wide Web l Getting to Grips with FrontPage l Databases and the Web l The Internet: Your Research Library Is based in Newcastle but runs workshops across the UK Provides training materials for other Internet trainers under licence Uses the Web to provide free online training - TONIC Is part-funded by the JISC of the HEFCs About Netskills Check out the Netskills Web for details of workshops & prices: