1
|
- Some Neat Code Elements and other features of HTML
|
2
|
- Alt + Tab
- Hop between open applications.
Hold down the Alt key and tap the Tab key one or more times to
cycle through the open applications
- Alt + Esc
- This also toggles among open windows.
Hold down the Alt key and tap the Esc to move between open
applications
- Ctrl + Esc
- Displays the task bar and shows the start menu
|
3
|
- Notepad (save as All Files)
- FrontPage 2000 ( click HTML tab)
- Word 6 or earlier (save as plain text)
- WordPerfect, MS Works, or ClarisWorks (pre 1997 versions)
- Hot Dog, HTML Assistant, or HTMLed ( text-based shareware HTML editors)
|
4
|
- WordPad (will not save text documents properly)
- FrontPage 98 (wrecks the HTML code)
- Microsoft Word 95, 97, or 2000 (hides code, rewrites your code)
- WordPerfect 9 or 10 or Claris Home Page (won’t let you write HTML
without a fight)
- HotMeTaL or InContext Spider (shareware that hides the code)
- Netscape Composer (replaces code with a mess)
- Adobe PageMill (full of bugs, hides HTML code)
|
5
|
- You can nest an ordered list within an ordered list
- Create a list with bullets and items with numbers under it
- example
|
6
|
|
7
|
- Overall visual effect
- Apply your HTML skills wisely
- Way elements fit together on the page help to communicate your message
|
8
|
|
9
|
|
10
|
|
11
|
- Wrapping text around an image
- <img align=“right” /> or <img align=“left” />
- <br clear=“right” /> (clears to bottom of picture)
- Hspace command adds space on the top and bottom of picture
- Vspace command adds space to right and left
- Command <img src=“cat.gif”
align=“left” width=“140” height=“100” border=“3” hspace=“20” vspace=“5”
/>
|
12
|
- You can use image graphics to create borders on the side of the page or
at top or bottom.
- You can create images that act as borders, rules, images breaks for your
text
- OR you can place an image as the background and have the text move and
the image stay stationary
|
13
|
|
14
|
- To keep your background still and the text moves over it
- Part of the Body command
- bgproperties=“fixed”
- This keeps the background color or image stationary and the text moves
over the page
|
15
|
- Sound is great but a problem because the two major browsers do it
differently
- Netscape uses EMBED tag
- IE uses the BGSOUND tag
- To fix for both use the following code
- <NOEMBED>
- <BGSOUND SRC=“mysound.wav” LOOP=“1”>
- </NOEMBED>
- <EMBED SRC=“mysound.wav” AUTOSTART=“true” LOOP=“1”
“HIDDEN=“true”>
|
16
|
- Embed also works for placing video on the page
- Needs to be in Windows .avi format
- To start a video and repeat it as long as the page displays looks like
next page
- Place immediately after the body command
|
17
|
- <body>
- <embed
src="3dtetra2.avi" autostart="true"
loop="true"
- width="160"
height="120" vspace="10" hspace="20"
- align="left" />
- <noembed> <a
href="3dtetra2.avi">
- <img
src="3dtetra.jpg" border="0" align="left"
- width="160"
height="120" vspace="10" hspace="20"
/> </a>
- </noembed>View Sample at http://24hourhtmlcafe.com/hour16/video1.htm Video
|
18
|
- For assistance the best site is the HTML Compendium
- Here you can find all the codes
- Just copy and past the code elements from the view source page and
substitute your words or other elements
- http://www.htmlcompendium.org/Menus/Oframefy.htm
|
19
|
- Two most popular things people want on web pages
- Check the following places for samples
- http://www.digits.com
- http://saturn.guestworld.tripod.lycos.com
- http://www.TheCounter.com
- http://www.chami.com/counter/classic/
|
20
|
- Small program created using the Java language
- insert the code and modify as needed
- Applet Depot
- http://www.ericharshbarger.org/java
- Java Boutique
- http://www.javaboutique.internet.com
|
21
|
- Movement on a page is great to focus interest
- The slide applet is one of the most popular
- Get the applet at JavaBoutique
- Several free ones to choose from
- Slider
- Slidepuzzle
- SlideShow
- SlideWays
- SlidingText
|
22
|
- Slider lets you bring in information from the top and loads extremely
fast
- Layer slide allows action from the left side of your page and again
extremely fast load
- Java has so many different applets available to do very exciting
movement on your pages
|
23
|
- Macromedia Flash
- http://www.macromedia.com/downloads/
- Animation Shop
- http://www.jasc.com/
- Tutorial located at http://www.pinoy7.com/tutorials/
|
24
|
- Getting Your Page on the Web
|
25
|
- File Transfer Protocol
- What you must know
- The web address of your ftp server
- The user login name
- The user login password
- Most web hosts will provide this information when you sign up for a
space on the FTP server
|
26
|
- Some files to transfer
- An FTP program
- Free popular programs
- Both available at http://www.tucows.com
|
27
|
- Log in to your host
- You must have an active Internet connection before beginning the
transfer
- Open you ftp program
- On one side will be the location of the files you want to transfer
- On the other side will be your web host files
|
28
|
- Just drag the files you want to transfer
- OR
- Identify the files you want to transfer and select Transfer from the
menu
- (Depends on which ftp program you use)
- Your files are transferred
|
29
|
- Your site is live
- Before you Go Live be sure
- You have proofed your work
- You have checked your links
- You have everything in the same folder
- You have all your references noted on your pages
|
30
|
- You have all the tools
- You have a great deal of knowledge
- I look forward to seeing your final web sites tomorrow!
|
31
|
- Tripod (edit, load, modify from any Internet connection) http://www.tripod.lycos.com
- Angelfire http://www.angelfire.lycos.com
- Geocities http://www.geocities.yahoo.com
- Cybercities http://www.cybercities.com
|
32
|
|
33
|
- Oliver, Dick. Teach Yourself HTML. Macmillan Computer Publishing, 2001.
- http://www.htmlcompendium.org
- http://24hourhtmlcafe.com
- http://www.shareware.com
- http://www.javaboutique.com
|