Home
Syllabus
Class Sessions
Worksheets
LEXs
PoPs & Xtra Credit Student Progress

Web Page Creation Strategies...

return to David's facutly home page

 
Strategies for Creating Web Pages
Creating Files

A Web page is a file, plain and simple. However, every file is created either by software or programming languages.

1. Software Created Proprietary Files - The software encodes the data and allows it to be saved as a file and then displayed when opened in that software system (Word documents, Excel documents, etc. can only be read by the software program that created the file)

—OR—

2. Software Created Nonproprietary Files - The software encodes the data and allows it to be saved as a file and then displayed when opened in other software systems (Adobe Writer files, aka .pdf files, Photoshop created graphics files, Web authoring files created in Dreamweaver or FrontPage)

—OR—

3. Programming Created Files - Files are created with programming languages like Java, C++ and Perl or applets like Java applets, CGI scripts and ActiveX or special web programming tools like JavaScript or PHP. Other software can read the programming language, run it and display it on a computer screen.

Browsers can read plain text documents (unformatted; aka ASCII or DOS), HTML text files (formatted text and clickable text), graphics and image files, sound files, video files, streaming audio and video files, animation files, and PDF files.
(see Interlit Website, Chapter 12 http://www.udel.edu/interlit2/chapter12.html)

Managing Files, Website Files and FTP to Server

 

Creating Web Pages With HTML Encoding

There are many ways to create Web pages, all of which encode the file in HTML and display the file in a Web Browser window. The advantages of HTML document are

  • smaller file sizes
  • fast loading speeds
  • animation
  • color
  • graphics and images
  • multimedia (including sound and video)
  • formatting of text
  • display multiple types of files (see above )
  • accessibility via Internet
  • and more

HTML stands for hypertext markup language. Files created in HTML format are identified by the filename extensions .htm or .html. This allows the browser of other software to identify the file as a readable file and open it and display it onscreen.

HTML allows you to write text and then format the text and display it in special ways. HTML surrounds the text with markup tags in brackets <bold> and </bold> that tell the browser:

  • how the text should appear onscreen
  • which words are "hyper" or clickable to cause an action
  • what action gets triggered when the words are clicked.

Remember, browsers can also display and run graphics and image files, sound files, video files, streaming audio and video files, animation files, and PDF files.

Technically, HTML isn't programming, rather it is encoding text to format the text or make the text the trigger to run a program or applet and display the result onscreen.

Four Ways to Create Web Pages

There are four basic ways to create Web pages, all of which encode the file using HTML and display the file in a Web Browser window as well as displaying or playing the results of any clickable hypertext.

  • Text Editors - they allow you to type text and save the file without any formatting except font choice. (no color, tables, etc.) You use HTML markup tags to tell the browser how to display the text onscreen. Examples are Notepad that comes with the Windows operating system and Simpletext that comes with the Mac operating system.
  • HTML editors - they generally are a step up from text editors that display side-by-side windows, one that lets you edit the HTML code and the other to show what it will display onscreen. They use icons, menus and buttons to help you insert the HTML tags. Examples are HomeSite, popular with Windows users and BBEdit Pro, popular with Mac users.
  • HTML Translators - some proprietary software allows you to create a file in its language and then save it in HTML format to create a quick Web page. These software systems (sometimes called bloatware) usually write imperfect code and don't always display well. But they are a quick way to make a Web page from an existing document of file. Examples are WordPerfect, Microsoft Word, Excel, Access, PowerPoint and others.
  • WYSIWYG Editors - also called HTML authoring tools. WYSIWYG stands for "What You See Is What You Get. They allow you to create the Web Page on screen in a visual way while the Editor writes the HTML code for you in the background. Usually they include powerful additional features like FTP for uploading the files to the Web host while you are working, easy insertion of scripts, animation generation, image map creation, complex tables, forms and many other features that are difficult to create through hand coded HTML writing. Examples range from the very simple and free Netscape Composer to the powerful Dreamweaver and many others including FrontPage.

Regardless of what tool you use, a good foundation in HTML coding is extremely useful. Frequently, you will want to touch things up in the code directly in order to have full control over what is seen on the screen.

Links and Resources

For Reviews see CNET.com
http://builder.cnet.com/webbuilding/0-3881.html?tag=st.bl.3880.dir.3881

For products and Free Downloads see Interlit Site
http://www.udel.edu/interlit2/chapter15.html