We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byLandon Willis
Modified over 2 years ago
1 © Netskills Quality Internet Training, University of Newcastle From My Home Page to FrontPage An Overview of Authoring Tools Patris van Boxel Netskills Trainer http://www.netskills.ac.uk/ © 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 http://www.umist.ac.uk/~wwwapt/resource/talks/aua/ 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) http://www.microsoft.com/frontpage/
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 http://www.softquad.com/
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 http://www.macromedia.com/software/drumbeat / http://www.macromedia.com/software/dreamweaver / http://www.netobjects.com
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 http://www.terena.nl/libr/gnrt/ providing/authoring-clients.html http://www.w3.org/WAI/AU/tools http://www.zdnet.com/products/ htmluser/wysiwyg.html http://webreview.com/wr/pub/ 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 www.netskills.ac.uk Check out the Netskills Web for details of workshops & prices:
Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
© Keele university 2003 Web Authoring 1 Keele University Stephen Bostock, Staff Development Web Authoring for Teaching Keele All rights reserved.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
UNESCO ICTLIP Module 6. Lesson 11 Web Page Concept and Design : Getting a Web Site Up and Running Lesson 1. How the World Wide Web works.
FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
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.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
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.
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.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
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.
HTML Authoring. Design A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and 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.
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Copyright 2003 The McGraw-Hill Companies, Inc CHAPTER Application Software computing ESSENTIALS
Chapter 1 Introduction to Visual Basic Programming and Applications 1 Exploring Microsoft Visual Basic 6.0 Copyright © 1999 Prentice-Hall, Inc. By Carlotta.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 Part II.
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.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Introduction to Microsoft FrontPage Microsoft FrontPage – FrontPage is a popular WYSIWYG authoring/site management package – Combines WYSIWYG editing.
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.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Tools of the Trade: Construction CECS 5030: Introduction to the Internet Dr. Cathleen Norris & Jennifer Smolka.
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.
Unit 3: Multimedia The Development Process. What is Multimedia? An interactive piece of software using several types of media: –Text –Graphics (photographs.
Definition of HTML Definition of HTML Tags in HTML Tags in HTML Creation of HTML document Creation of HTML document Structure of HTML Structure.
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Project: Web Designer. Phase 1: The World Wide Web.
Started Getting started with HTML Authoring Authoring on the Web.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED………. Introduction Introduction Features Features Starting Front Page Starting Front Page Components.
Getting Familiar with Web Pages 1 2 The Internet Worldwide collection of interconnected computer networks that enables businesses, organizations, governments,
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
1 ENG224 INFORMATION TECHNOLOGY – Part I 4. Internet Programming.
Web Page Fundamentals HTML: The Language of the Web.
What is HTML ? HyperText Markup Language. The authoring language of the Web is currently HTML, which stands for HyperText Markup Language. Future versions.
Slide 1 Topic 1 Software Development Process for Multimedia Applications.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
© 2017 SlidePlayer.com Inc. All rights reserved.