HTML_Generators WB_HTML_Generators. What method are you going to choose to build your web page? MethodWrite Convert Html IssuesHTML HTML Editors Tool.

Slides:



Advertisements
Similar presentations
Learning the Basics – Lesson 1
Advertisements

CSW131 Steven Battilana 1 CSW 131 Free MS Software (MSDNAA) MS Visual Web Developer W3 / Mozilla Code Validators Uploading Your Website Summer 2013 Prepared.
Chapter 12: Web Authoring Tools
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Technical Tips and Tricks for User Support Mike Gardner
Macromedia Dreamweaver 4 Foundation Level Course.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Microsoft Office XP Illustrated Introductory, Enhanced Office Applications with Internet Explorer Integrating.
Microsoft FrontPage: An Introduction Eva M. Fernández Queens LOTE Consortium May 5, 2003.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
Presented by Mina Haratiannezhadi 1.  publishing, editing and modifying content  maintenance  central interface  manage workflows 2.
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.
Jiří Balej, Martin Podborský, Petra Čačková.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
SQL Server Reporting Services
Web Design Software Alyssa Lagimoniere. Adobe Dreamweaver Pros Relatively low-cost price ($99) Produces very "clean" HTML code; easy to transport and.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Getting Started with Dreamweaver
Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
ES 101. Module MS Front Page Tutorial and Web Hosting.
Dreamweaver MX and CF coding Presented By Eron Cohen Brainbox Productions
Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
Introducing Dreamweaver MX 2004
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
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.
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.
FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design.
E-Commerce: Introduction to Web Development 1 Dr. Lawrence West, Management Dept., University of Central Florida Topics What is a Web.
WB_FrontPage_How To CS3505. Front Page 4 Microsoft Web Page Authoring tool 4 Available to students at no charge see helpdesk 4 Provides support for building.
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.
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.
Dreamweaver An introduction to Dreamweaver by a beginner who can show you the rudiments of quickly and easily creating a web site. An attempt to offer.
HTML Hyper Text Markup Language A simple introduction.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
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.
Dreamweaver 8 Introduction What you can do with Dreamweaver 8 What's new in Dreamweaver 8.
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. 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.
FrontPage 2000 For Online Classes June 29, 2000 Distance Learning Conference.
Visual Page: Getting started There are lots of HTML editors –MS FrontPage –Adobe PageMill –GoLive Cyberstudio Feel free to use any of them you wish We.
More PowerPoint. Re-using your slides You can re-use your slides in different presentation. Choose Insert, Slides from Files Browse to locate the presentation.
Web Development Tools Milton Acevedo Jerry Jones.
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.
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.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
HTML Hyper Text Markup Language. Agenda Basics Tools Important tags Tables & databases Forms Publishing at Stern.
XP Creating Web Pages with Microsoft Office
Dreamweaver – Setting up a Site and Page Layouts
Inquiring and analyzing options for creating a website
Chapter A - Getting Started with Dreamweaver MX 2004
Creating a Successful Web Presence
Presentation transcript:

HTML_Generators WB_HTML_Generators

What method are you going to choose to build your web page? MethodWrite Convert Html IssuesHTML HTML Editors Tool Quality Package Source Integration Publish Other Consider your project as an example for any web project. What are the advantages and disadvantages for each method /issue?

Methods: Write HTML - use an ASCII editor to write HTML code directly. Get source materials and examples from the Web and integrate. Convert HTML - Use another product generation to build your presentation and evoke an automatic converter HTML Editors - Use a tool specifically built to generate HTML and facilitate web page features

Issues Tool - cost, availability, features, reliability Quality- does it produce the Package- directory and file structure, material handling, backup, transfer, Source - How easy is it to get and integrate Integrationmaterial from other Web sources? Publish- how easy is it to place and update material on the WWW server? Other- learning curve, popularity,

We’ll discuss the following 4 Write HTML –Ascii Editor and Integration –Getting stuff from the Web 4 Converters –Word –Power Point 4 Editors –Microsoft Front Page Express –There are many others Dreamweaver MX Eversoft 1st Page 2000

Get Material from the web and integrate. Find material on the web Right click:Save as GIF,jpeg, etc Source: Cut and paste HTML Screen copy Image editor Image file Integrate into your HTML document using an ASCII or ( be careful) an HTML editor Image file

Example MS Word 4 Simple text documents in Word can be saved as a web page –File->Save as Web Page –File-> Web Page Preview 4 How do document features translate? –Test a page with text, bullets, tables figures and imbedded objects

Word2WebTest 4 Word file HTML file

Things to watch out for 4 Simple Single pages work well 4 Complex pages generate a sub-directory with many support files. 4 Source is accessible but hard to read –Uses XML –Hard to edit and add features 4 May not work with all browsers

Powerpoint 4 MS slide presentation tool allows presentations to be saved as html documents 4 Example this presentation translates to Navigation frame Note Format error Slide Frame

Front Page 4 Microsoft Web Page Authoring tool 4 Available to students at no charge see helpdesk 4 Provides support for building Webs includes –Entering text, images, frames, style sheets –Input forms, ASP, Dynamic HTML –Publishing If Server is Frontpage enabled

FrontPage Installation 4 Get MS Frontpage 2000 CD’s from helpdesk 4 Run setup as administrator, license key on CD’s, runs in 5 minutes 4 Reboot 4 Microsoft Frontpage Should now appear In your programs menu

Frontpage Hello Web! 4 Open front page, create a web 4 You will get a default directory –My Webs –_private –_vti_cnf –_vti_pvt –Images 4 Open a new file 4 Type “hello Web!” 4 View Html source 4 Save as hello_web click

Frontpage: Local Publishing 4 Bring up Frontpage and open a web –Example RootExample.htm 4 File->Publish Web … –Browse for the directory on your local machine into which you want to place your web Example: StudentExampleDirectory/YournameDirectory 4 Click Publish

Frontpage Local Publish(cont) 4 Frontpage will add several directories and the page(s) in your web project to the directory you have selected Click on your root page to test your web

Publishing on The Class Page 1)Map to Class page directory 2) Start Frontpage ->File ->open Web -> 3) navigate to your directory 4) Open and edit files IF YOU CAN NOT PUBLISH DIRECTLY TO CLASS PAGE ALTERNATIVES-I

Publishing on The Class Page 1) Build your web locally My Webs/ TestWeb –_ private –_vti_cnf –_vti_pvt – Images index.htm 2) Copy your Web and all sub directories to YourNameDirectory on the class page 3) Run Frontpage and Open your Web ALTERNATIVES II

Dreamweaver MX 4 LINK Reference 4 Download trial version –Dreamweaver MX-build webs –ColdFusion MX Server –ColdFusion MX for J2EE –Fireworks MX-web graphics –Macromedia Flash MX –Macromedia Flash Remoting MX –Macromedia Flash Communication Server MX –Macromedia FreeHand 10 – Build Illustrations

Eversoft 1st Page Pros: Easy to use, and supports far more than just HTML, free  Cons: Not for managing large websites  1st Page 2000 is a professional HTML editing software which lets you create great websites fast! The visually appealing program comes bundled with over 450+ Javascripts and supports all the latest web languages. To learn the benefits and features of 1st Page take the product tour or visit the download center to get yourself a 100% free licensed copy. tourdownload center 4 Download and installs automatically

pers.eversoft.com Download for free