Adobe PageMill Tutorial -First Page

Creating a First Web Page

 Home
 First Page
 Second Page/Links Lesson
 Graphics
 Tables
 Uploading Files toWeb







 Text Headings



 Text Style


 Text Format


 Return <P> vs Shift-Return <BR>

Welcome. Here is how to use Adobe PageMill to create your first page:

  1. Open Adobe PageMill and Select File > New Page.
  2. A page like this appears called untitled.html ,with nothing on it. Make sure the page is in Edit Mode. Look in the upper right corner of the page. If you do not see this Quill and Paper icon,
    click on the Globe Icon to change to it.
  3. Triple click in the box next to the word Title, or highlight with the cursor the words "Untitled Document", and type the name of your page.This is the name that will appear at the top of your page on the World Wide Web.
  4. Go to File > Save Page As..., name the page index.html, and create a NEW FOLDER with a short name or your initials on it (e.g. mewebpage or atz or whatever) in which to save the file.. Make sure the folder name has NO spaces in it.
    (Note: Images must be stored in this file with a .gif or .jpeg suffix to be successfully accessed by your     web pages.)
  5. Save the page as index.html
    Do not save it as anything but index.htm    l.
    The reasons for this will be apparent when uploading files to the Web.

 REMEMBER: ALL FILES THAT YOU PUT IN YOUR WEB DIRECTORY MUST HAVE EITHER THE .html SUFFIX (PAGE FILES) OR THE .gif OR .jpeg SUFFIX (IMAGE FILES).THIS IS CRITICALLY IMPORTANT. A BROWSER WILL NOT LOAD THEM IF THEY ARE IMPROPERLY TAGGED.

IMPORTANT NOTE ABOUT ENTERING TEXT:

<P> (Return key) versus <BR> (Shift key + Return key)

  1. The paragraph command <P> adds a blank line between paragraphs.This means that when you press the Return key after a line of text, a blank line is inserted and the next line will be treated as a new paragraph by PageMill's Format tools. It is important to know this when applying formats, as it affects the way your lines of text are treated. For instance, if you are entering text that you wish to be a list, press the Return key after each list item. If you wish to separate a line from the body of the paragraph text, use Shift >Return (see next item).

    As a rule, when typing in a single paragraph, Do Not hit the Return key at the end of a line of text on the screen. Let PageMill word wrap for you until the paragraph is done, then press the Return key.
  2. The line break command <BR> lets you start a sentence on the next line without inserting a blank line in between. This means that the next line is NOT treated as a new "paragraph" for formatting purposes, especially important when creating a space within a paragraph or separating out a block of text within a paragraph.

In short:

Top of page

TEXT MANIPULATION- HEADINGS - FORMAT MENU

  1. Type in a line of text that introduces your page, e.g. "Welcome to My Stuff", select the text, go to Edit>Copy, press the Return key, and paste the line 6 times on separate lines:

    Welcome to My Stuff
    Welcome to My Stuff etc.
  2. Highlight the first line, go to Format > Heading > Largest .
    This happens to your text:

Welcome to My Stuff

3.Highlight the succeeding lines and try all the heading sizes.

 

Tip: It's a good idea to learn the hot key shortcuts listed at the right side of menus for quick operations later, as in Heading > Largest = Option key+Command Key+(a number) for heading sizes

Top of page

TEXT MANIPULATION - STYLE

  1. Type in another phrase.
  2. Copy and paste it several times on succeeding lines
  3. Highlight the first line of text (select or triple-click in it), and go to Style>Bold, or click on the "B" in the upper left corner of the window. This happens to the text:

Welcome to My Stuff


4.Try the rest of the Style commands on the other lines of text:

Welcome to My Stuff

Welcome to My Stuff

The three most popular Style commands are on buttons(Bold, Italic , and Teletype) at the top left of the page.The rest of the style options are available under the Style Menu. Type a line of text, copy and paste it several times on succeeding lines, and try them all. Try the commands for increasing and decreasing Font sizes as well. Select a line of type or a word and use the key commands:(Shift key-Command key-> and Shift key-Command key-<). If you wish to use the size commands or the Format commands while typing, be sure to first type beyond the word or phrase whose size or format you wish to manipulate, otherwise the commands will dictate the size or format of the text from that point on , until you change it again by selecting the next word and choosing a new Size or Format command.

Top of page

OTHER TEXT MANIPULATION - FORMATMENU

  1. Type several lines of text across the page, or one and copy and paste it. Press the Return key after each full line of text.
  2. Select all the text and try out the other Format options, either by using the Format Menu, or the drop down menu Button that says Paragraph with a down arrowhead next to it in the Toolbar at the top of the page.
  3. Try the Font Size Control Arrow Buttons next to the Paragraph button as well.

 

When you have finished these exercises, if you don't want to save them, go to Edit>Select All, or press Command key+A, then choose Edit>Clear, or press the Delete key. Then type in a body of text, or import a document from a word processor that you have saved in Text file format, about yourself or what you want your web page to be about.
If you wish to save the exercises, go to File>Save As, and save it under a new name (exercises.html , for instance). Then reopen your index.html file, go to Edit>Select All, or press Command key+A, then choose Edit>Clear, or press the Delete key. Then enter a body of text as above.

Top of page

<P> (Return key) versus <BR> (Shift key + Return key)

  1. The paragraph command <P> adds a blank line between paragraphs.This means that when you press the Return key after a line of text, a blank line is inserted and the next line will be treated as a new paragraph by PageMill's Format tools. It is important to know this when applying formats, as it affects the way your lines of text are treated. For instance, if you are entering text that you wish to be a list, press the Return key after each list item. If you wish to separate a line from the body of the paragraph text, use Shift >Return (see next item).

    As a rule, when typing in a single paragraph, Do Not hit the Return key at the end of a line of text on the screen. Let PageMill word wrap for you until the paragraph is done, then press the Return key.
  2. The line break command <BR> lets you start a sentence on the next line without inserting a blank line in between. This means that the next line is NOT treated as a new "paragraph" for formatting purposes, especially important when creating a space within a paragraph or separating out a block of text within a paragraph.

In short:

 

Top of page

This tutorial designed by Chris Graham ,whose other life can be seen on A Better Mousepad page.