Basic Web Development

Introduction

Web development is getting easier and easier. Now you can create pages without worrying too much about HTML by using WYSIWG (What You See Is What You Get) programs like Claris HomePage. Still, it helps to have a basic understanding of what's under the hood for those cases in which the editor doesn't do what you expect. In this session, we'll include a gentle introduction to HTML.

Procedures

A. Claris HomePage Introduction

In this procedure, you will be introduced to the Claris HomePage interface and a chart of Claris icon buttons and their functions. The chart can be printed to use as a quick reference.

B. Modifying/Saving a Document

This section provides information on modifying and saving a Web document, which can also be printed as a future reference.

C. Basic HTML

To go beyond the basics of Claris HomePage, this section gives you a peak at some simple HTML tags. You will see a split view of a Web page as it appears in the viewer next to the page's HTML coding.

 

Resources

• Filamentality: Spinning Web Pages for Learners
  http://www.kn.pacbell.com/wired/filamentality/
  How do you get started integrating the wealth of the Web into your learning environment? Spin a thinkingWeb! Filamentality is an Interactive Website that guides you through creating three different types of Web pages (a hot list, a treasure hunt, and an activity page). Students can use it as well as teachers.
• FrameShop
  http://www.missouri.edu/~wwwtools/frameshop/
  If you're feeling real adventurous about making Web pages, Frameshop will help you create pages using a frame format. This useful site includes a tutorial and links to other web pages about frames. A useful tool for Web developers at any level.
• ProjectMakerhttp://edweb.sdsu.edu/edfirst/ProjectMaker.htmlProjectMaker is a HyperCard stack that guides users through brainstorming a technology-infused project and then "spits out" an HTML, Web-ready Project Work Page including learning tips and a wide array of Web links based upon the user's inputs & decisions.
• SchoolWeb Maker
  http://edweb.sdsu.edu/edfirst/SchoolWeb/SchoolWeb.html
  SchoolWeb Maker is a HyperCard-based prompted writing tool that steps you through the creation of World Wide Web pages for your school, staff, and students.
• TableMaker
  http://www.missouri.edu/~wwwtools/tablemaker/
  Created by the same author of Frameshop, this site will help you design and understand the features of tables. Tutorials are also available as well as links to other resources.
• WebMark
  http://pisces.sbu.ac.uk/BE/SUDP/W3/markform.html
  WebMark creates true/false tests online and then sends you the PERL script!

Conclusion

Web development has come a long way and more people are posting Web pages ranging from personal profiles, hobby interests, educational sites, and more. After completing this introduction to basic Web development using Claris HomePage, you too can join others in the World Wide Web Publishers' Circle.