Web Authoring

1

• Web Authoring

2
What is a Web Page / Web Site?

• Web Page
• A page that is viewable via a browser
• Can contain various components
• Web Site
• Collection Of Web Pages of similar content

3
Web Pages

• What are they and how do you build them?

4
How?

• Use an editor Web Authoring Tool
• Code It Yourself - Scripting

5
Web Authoring Tools

• FrontPage
• Dreamweaver
• Etc, etc..
• Thousands available look at www.tucows.com for
  examples

6
What is Microsoft FrontPage

• Web site creation and management that requires NO
  programming Knowledge.
• Yet it is robust enough for experienced web site
  developers

7
FrontPage 2002

• Includes everything you need to plan design,
  build and publish
• page editing
• Site management
• Reporting
• Publishing
• Similar to other Microsoft Applications
• Easy to navigate web site
• Can produce pages quickly and easily

8
Features

• Gallery of professionally designed graphical
  themes dont use them unless you are sure what
  they do!
• Automatic navigation bars
• Wizards and templates
• Active page elements
• However needs a server with Frontpage
  extensions to work advanced features
• Produces pages that sometime dont work in all
  browsers

9
What is Dreamweaver??

• Macromedia!
• An established tool used for the creation of
  professional web pages.
• A visual editor is used
• Advanced in the terms of page design tools and
  site management
• Remember - good practise to create / open a web
  site folder to store all your web files each time
  you open Dreamweaver

10
(No Transcript)
11
Combo Selection to specialist palettes Insert
image/Insert rollover image Insert table/insert
tabular data Draw layer/ insert line break Insert
horizontal rule/ insert email link Insert
date/insert server side include Insert fireworks/
insert flas Insert flash button/ insert flash
Text Insert shockwave/insert generator
12
Properties Bar
13

• Web Space and FTP

14
Free Web Space

• With an ISP
• With a separate company such as www.Tripod.co.uk
  / tripod.com
• Use file transfer protocol software (FTP) to
  transfer Files from one computer (the web server)
  to home machine or vice versa.

15
FTP and Internet Browsers

• Access ftp by typing ftp// e.g
• ftp//wuarchive.wustl.edu/
• ftp//ftp.uu.net/

16
WS-FTP

• WS-FTP LE from www.tucows.com (free as long as
  non commercial)

17
WS-FTP (Cont)
18

• Multimedia on the Web

19
Multimedia On the Web

• Web is World Wide Wait
• Added content means extra time
• Multimedia files are generally large
• Graphics can be MB
• Audio several MB in size
• Video even bigger
• Modems are slow
• 56Kbps is approximately 25 times slower than a
  single speed CD ROM
• Dont even get 56K most of the time due to
  distance and connection quality

20
Standard Multimedia and The Web

• Files must be downloaded first
• Will not display until all downloaded
• Usually launched in a separate application
• Will not be linked to the information on the web
  page
• May not be compatible
• May need converting
• May need plugins
• Format specific to operating system

21
Web enabled Graphics

• GIF
• Supports transparency
• Supports animation
• 8-bit colour depth
• JPEG
• 24-bit colour depth
• PNG
• Supports transparency
• Very effective compression

22
Animation

• Appearance of movement or life
• Two ways
• Frame By Frame
• Tweening
• Web needs at least 12 fps
• Most common form is animated gif
• Total size is the total of all the frames

23
Animation Software

• PaintShopPro and animation studio
• Photoshop and Image Ready
• Ulead GIF animator / Ulead COOL 3D

24
And then there was..Flash

• SWF files
• Needs plug in
• Now becoming standard for animation on the web
• Flash 5.0 is current version

25
Whatever you use.

• It produces HTML!!!!!
• Can mix and match editors go from one to the
  other.

26
Further Reading

• http//www.webreference.com/authoring/languages/ht
  ml/editors/dwfp/