Transcript WB_HTML_Generators

HTML_Generators
WB_HTML_Generators
What method are you going to
choose to build your web page?
Method
Write
Convert
Html
Issues
HTML
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
Integration
- How easy is it to get and integrate
material 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
 Write HTML
– Ascii Editor and Integration
– Getting stuff from the Web
 Converters
– Word
– Power Point
 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
Screen
Right click:Save as
GIF,jpeg, etc
Source:
Image
file
Cut and paste
HTML
copy
Image editor
Image
file
Integrate into your
HTML document using
an ASCII or ( be careful)
an HTML editor
Example MS Word
 Simple text documents in Word can be
saved as a web page
– File->Save as Web Page
– File-> Web Page Preview
 How do document features translate?
– Test a page with text, bullets, tables figures and
imbedded objects
Word2WebTest
 Word file
HTML file
Things to watch out for
 Simple Single pages work well
 Complex pages generate a sub-directory
with many support files.
 Source is accessible but hard to read
– Uses XML
– Hard to edit and add features
 May not work with all browsers
Powerpoint
 MS slide presentation tool allows
presentations to be saved as html documents
 Example this presentation translates to
Navigation
frame
Note
Format
error
Slide
Frame
Front Page
 Microsoft Web Page Authoring tool
 Available to students at no charge see
helpdesk
 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
 Get MS Frontpage 2000 CD’s from helpdesk
 Run setup as administrator, license key on CD’s,
runs in 5 minutes
 Reboot
 Microsoft Frontpage
Should now appear
In your programs
menu
Frontpage Hello Web!
 Open front page, create a web
 You will get a default directory
–
–
–
–
–




My Webs
_private
_vti_cnf
_vti_pvt
Images
Open a new file
Type “hello Web!”
View Html source
Save as hello_web
click
Frontpage: Local Publishing
 Bring up Frontpage and open a web
– Example RootExample.htm
 File->Publish Web …
– Browse for the directory on your local machine into
which you want to place your web
• Example: StudentExampleDirectory/YournameDirectory
 Click Publish
Frontpage Local Publish(cont)
 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
•IF YOU CAN NOT PUBLISH DIRECTLY TO
CLASS PAGE
•ALTERNATIVES-I
1) Map to Class page directory
2) Start Frontpage ->File ->open Web ->
3) navigate to your directory
4) Open and edit files
Publishing on The Class Page
ALTERNATIVES II
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
Dreamweaver MX
 LINK Reference
http://www.macromedia.com/software/dreamweaver/
 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 2000
 Pros: Easy to use, and supports far more than just HTML, free
 Cons: Not for managing large websites
 http://www.evrsoft.com/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.
 Download and installs automatically
http://develo
pers.eversoft
.com
Download
for free