Your SlideShare is downloading. ×
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Using Mozilla Sea Monkey
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Using Mozilla Sea Monkey

3,738

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,738
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
67
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Using Mozilla SeaMonkey… to Build Web Pages Created by Desire é Caskey View this presentation at http://www.slideshare.net Search for Caskey
  • 2. Before you Build…
    • Web Page Design Worksheet
    • Project Folder
    • Downloading Images
    • Citing Sources
    • Installing Software
  • 3. Using Web Design Worksheet
    • Pre-Planning worksheet – before technology
    • Saves time
    • Helps you visualize your web page
    • Helps you plan for elements
      • Pictures
      • Navigation
      • Layout
  • 4. Creating a Project Folder
    • Start page is named index.htm(l)
    • Download all images/sounds into this folder
    • Use Relative Linking
      • Allows you to move your website without losing links
    • Name all files with lowercase and no spaces
  • 5. Downloading Images Citing Sources
    • Instructions for downloading images – Mac
    • Instructions for downloading images – PC
    • Copy and paste an Internet address into your document.
  • 6. Installing the necessary software
    • Visit Mozilla.org [http://www.mozilla.org]
      • Other Mozilla Software
      • SeaMonkey
        • Select your platform (Mac, Windows)
        • Follow on screen instructions
  • 7. Using SeaMonkey
    • Launch SeaMonkey
    • From the File Menu choose New > Composer Page
    • HINT:
    • Composer = Editor
    • Build web pages in Composer Mode
    • Navigator = Browser
    • Surf the Internet in Navigator Mode
  • 8. Use the Window menu to move between Navigator & Composer Use this menu to change the appearance of your text Use this button to test your web page Don’t forget to save first Start your web page by inserting a table Don’t forget to spell check before you publish Insert Hyperlinks & Images
  • 9. Let’s Start with a Table… Click on the Table button and fill out the necessary information
  • 10. Save Your Document Click the Save button to bring up the Save Dialog Box Put a title on your page. This is not the file name Name your first file index.html and save it into your web page project folder
  • 11. Add your content…
    • Decide where your navigation bar will be
    • Join Cells to create more space and insert graphics
    • Resize graphics before inserting
  • 12. Tips & Tricks…working with images
    • Download the image into your project folder first
    • Resize your image before adding it to your page
    • Make the image relative to your file
  • 13.
    • Choose File
    • Select Don’t use alternate text
    • Make sure you can see the image in the preview
    • Click OK
  • 14. Managing Tables…
    • It is easier to take away rows and columns than it is to add them.
    • Don’t let the shifting columns bother you.
    • Join Selected cells to customize the look.
    • Learn pixels.
  • 15. Tables of different pixel width 100 pixels 300 pixels 500 pixels
  • 16. Join selected cells
    • Highlight across the cells you want to join
    • From the Table menu, choose Join Selected Cells
    Individual cells Joined cells
  • 17. Table Properties
    • Adjust table size
    • Designate number of rows and columns
    • Create borders and spacing
    • Align table in document
    • Create a background color
  • 18. Cell Properties
    • Adjust height and width of each cell
    • Adjust alignment of text in a cell
    • Wrap text option
    • Add a background color to a cell
    • Click Next or Previous to work on another cell
  • 19. Inserting Hyperlinks
    • Hyperlinks can be text or images
    • There are five basic types of hyperlinks:
      • Link to a website
      • Link to another web page on your web site
      • Link to another document on your web site
      • Link to a location in the same web document
      • Link to an email address
  • 20. Link to a Web Site
    • Select text or image you want to make a link
    • Click on the Link button
    • Type in the web address
        • example: http://www.billings.k12.mt.us/tilt
  • 21. Link to another web page on your web site
    • Select text or image you want to make a link
    • Click on the Link button
    • Click Choose File
    • Locate web page in your project folder
    • Click OK
  • 22. Link to another document on your web site
    • Select text or image you want to make a link
    • Click on the Link button
    • Click Choose File
    • Locate the file in your web project folder
      • examples: powerpoint, pdf, word, image
  • 23. Link to a location in the same web document
    • Step 1: click in the document where you want the link to go
    • Step 2: Click on the Anchor button
    • Step 3: Give your Anchor a name
    • Select text or image you want to make a link
    • Click on the Link button
    • Click on the drop-down menu to select the anchor to link to
  • 24. Link to an email address
    • Select text or image you want to make a link
    • Click on the Link button
    • Type “mailto:” and the email address you want to link to
        • example: mailto:caskeyd@billings.k12.mt.us

×