FrontPage 2003 Tutorial

1
FrontPage 2003 Tutorial

• Talarski Marek CIS 471

2
Topics Overview

• A Way in Which You Should Never Create a Webpage
• Basic Overview / Basic Features
• Working with HTML
• Creating Forms
• Adding Java Scripts or Other Code To Pages
• Working With Advanced Features
• Creating an Accessible Site
• Upgraded Product
• Overview

3
(No Transcript)
4
Wrong Way for WebDesign

• Despite of what you learn in class, never use
  notepad or any other text editor to create your
  websites
• In a professional world, youd be the only one
  doing it
• It takes too long
• High tag error rate
• No error checking or debugging functions
• Not being familiar with image/photo editing
  software.
• Popular choices are Adobe PhotoShop Corel
  PhotoPaint
• Use non-brand name HTML editors
• Spend days/weeks to write a fresh JavaScript or a
  template for you site

5
Basic Overview

• Microsoft FrontPage is in a way similar to using
  a Word document editor
• Table functions / image functions / text editing
  are all the same
• The only difference is that FrontPage is more
  customizable
• Things are built for speed
• Split screen function for HTML and document
  editing
• Advanced features are easy to integrate
• IIS compatible have you heard of the FrontPage
  Extensions?
• Explorer like navigation for you pages.
• Basic features step by step demonstration

6
Working With HTML

• Design Mode
• Split Screen Mode
• Code Mode
• Browser Preview
• FrontPage writes HTML tags automatically for you
  in Design Mode. HTML 2.0
• You can write your own tags in the Split as well
  as Code Modes
• Preview your pages in multiple browsers
• CSS is supported, however you have to write your
  own styles.

7
Creating Forms

• Creating and manipulating forms is easy
• Step By Step Demonstration

8
Adding Java Scripts or Other Code To Pages

• Step By Step Demonstration
• www.DynamicDrive.com Great resource for
  pre-written java scripts

9
Working With Advanced Features

• Step By Step Demonstration
• Web Components
• Image Maps
• Data Bases

10
Creating an Accessible Site

• Add DOC-TYPE . CTRLENTER (shortcut)
• Insert/Edit ALT tags
• Creating header cells
• Adding labels to form elements
• Give titles to frames
• Adding headings (H1-H6)
• Validate your Pages with FrontPage Validation
  Tool
• Validate your Pages http//validator.w3.org/
• Demonstration

11
Upgraded Product

• Microsoft Expression Web
• Updated tag writing
• Full CSS 2.1 Integration
• Higher Reliability
• XML, ASP.NET, XHTML

12
Overview

• Use Professional Software
• FrontPage is quick and easy
• Most things are a button click away
• Pre-written Java Scripts are in ample supply
• Database is made easy with FrontPage Microsoft
  Access Integration
• Please make your pages accessible and validate
  for errors
• Always get the latest development tools
  available.
• THE END