My training and experience in web design:

•    I have taken an online course from Gatlin Education Services to learn web design with HTML and dynamic HTML. I have a Certificate of Professional Development in the Webmaster Program and scored an average of 95.0% on the midterm and final exams.

•    Textbook: Creating Web Pages with HTML and Dynamic HTML, by Patrick Carey.

•    Since then I have taught myself to use Dreamweaver to a good extent to help automate creation of the features I learned to do by hand coding and then some. I am continuing to get familiar with and learn more about Dreamweaver. Also, I have used Photoshop and Imageready to create transparent GIFs with rollover effects. I use both Dreamweaver and Photoshop.

•    I have been maintaining and making some additions to First Baptist Church of Honolulu's website at www.fbc-honolulu.org as well as working on several other websites. Some of the work included dynamic web pages (with text and images that change with user actions) and pages using PHP and email forms with form verification. Also some pages have login capability.

•    The following are features I have learned to implement on web pages:

      a.   Text and images including special characters, character sized icons, fonts, sizes, colors, highlighting, styles, etc. Setting page background colors or images (including watermarks that do not scroll with content).

      b.   Cascading Style Sheets to create local, page or site wide styles that can be easily modified.

      c.   Links in the form of underlined text, buttons, or icons. Rollover effects to change appearance of text or image links when the mouse pointer hovers over the link. Use of image maps to create rectangular, circular, or irregularly shaped hotspots to link to other pages or execute JavaScript code.

      d.   Ordered or unordered lists and nested lists. Changing the list bullets to small icons if desired.

      e.   Tables for text and graphics. Also use of tables for page layout such as newsletters or pages with navigation bars and individual page content.

      f.   Use of templates with Dreamweaver to create a consistent multi-page layout including the possibility of navigation bars and page headers/footers that can be easily modified for many pages.

      g.   Use of frames and internal frames to provide easy navigation of websites and presentation of content.

      h.   Forms that send to email or execute pre-written CGI script when submitted. Elements include labels, text boxes and areas, check boxes, radio buttons, control element groups, drop down boxes, selection boxes, file browsing boxes, reset/submit and general action buttons. JavaScript can be used to enhance forms by automating calculations of totals, displaying dates and other information, displaying popup web pages, etc. Setting of tab order and access keys to facilitate user interaction.

      i.   Multimedia links and embedding for sound and video clips. Inclusion of background sound for a web page.

      j.   Use of Java Applets for scrolling marquees or other pre-written add-ons to web pages.

      k.   JavaScript programming for interactive pages, form calculations and validity checks, slide shows, animation, special effects, keyboard and mouse interaction, etc. Working with objects and events including control of objects from one window to another.

      l.   Special effects include filters to modify page element appearance, transition effects when switching between images or pages, and path animation.

      m. Drag and drop objects for shopping carts, puzzles, quizzes, surveys, etc.

      n.   Popup menus and submenus, graphics, web pages, etc. Displayed when the mouse hovers over or clicks on an image or text. Menus can appear gradually with special effects such as wipes, fades, or other transitions for Internet Explorer browsers.

      o.   Cross-browser support to ensure that pages will display properly across a range of possible browsers via API (Application Program Interface) programming, internal branching or page branching.

      p.   Dynamic text and graphics for collapsible outlines, dynamic content and styles, etc. Creating dynamically written popup web pages. Animation of objects on the page by dynamic page layout.

      q.   Cookies for remembering setting selections, names, addresses, etc from one browser session to another on the user’s computer.

      r.   Web pages done both using Dreamweaver design mode, hand coding and a combination.

      s.   Use of Photoshop or other image editing software to create and edit images including variously shaped GIF icons with transparent backgrounds.