Transcript Web Page Authoring with Expression Web

WEB PAGE AUTHORING
WITH
EXPRESSION WEB
What is the overall procedure
for creating a web site?
How to make a
term paper in 2
easy steps
Use a word processor to create
and edit a text document.
Use a printer to create a "hard
copy" of the text document.
How to make a
web page in 2
easy steps
Use Microsoft Expression Webto
create the master copy of your web
site in the same way you use a word
processor to create a text
document.
Use the Drivemap utility to copy
the master copy of your web site to
the ISU web server.
Everyone at Illinois State University already has space
reserved for him/her on the ISU web server.
Some helpful hints:
Keep it simple.
Make it legible.
Proofread your pages(s) before putting them up on the web.
Update your web site on a regular basis.
Right-click on objects to change their properties.
Keep it simple.
Make it legible.
Proofread your pages(s) before putting them up on the web.
Update your web site on a regular basis.
Right-click on objects to change their properties.
Keep it simple.
Make it legible.
Proofread your pages(s) before putting them up on the web.
Update your web site on a regular basis.
Right-click on objects to change their properties.
A web page is simply a text file containing commands written in
the hypertext markup language. When you visit a web page,
your web browser first downloads the html file (along with any
associated images, sounds, animations, videos, scripts, etc.), and
then executes the instructions in the file. As long as you point
your web browser to the correct location, it does not matter if
the page is on the web or on a disk in your computer. The page
will be displayed.
OR
Keep it simple.
Make it legible.
Proofread your pages(s) before putting them up on the web.
Update your web site on a regular basis.
Right-click on objects to change their properties.
Keep it simple.
Make it legible.
Proofread your pages(s) before putting them up on the web.
Update your web site on a regular basis.
Right-click on objects to change their properties.
Tips to help you Avoid
common problems:
Although programs like Microsoft Word, Publisher, and
PowerPoint can be used to create web sites, they should be
avoided because they often generate files that are difficult
to edit. Instead, use a program like Microsoft FrontPage
that is specifically designed to create web pages, and stick
with that program.
When specifying the names of files and folders associated
with your web site (or when creating links to these files
and folders), avoid the use of capital letters, spaces, and
punctuation marks. Simply use a short string of small
letters and/or numbers to provide meaningful names for
these items.
some examples:
Incorrect
Correct
Index.htm
horse.JPG
my dog and cat pictures.htm
dr. jones’ presentation made on 12/5/06.htm
index.htm
horse.jpg
petpics.htm
jp120506.htm
To aid in the web page creation process and subsequent
uploading of your site to the ISU web server, gather all of
the images associated with your site into a single folder
before starting to write your web page(s).
images
There are a great many image file formats. Only a few of these,
however, are suitable for posting on web pages. Acceptable
image files are those with names ending in .gif, .jpg (or
sometimes .jpeg), and .png extensions. If you wish to use images
that are not in the correct file format, they must be converted
into one of the above-mentioned formats.
gif, jpg, OR png
IMAGE
IMAGE
FILE
CONVERSION
PROCESS
OTHER IMAGE
FORMATS
Please create the “master copy” of your web
site on one of the following types of media:
Out of the three choices just listed, it is recommended that
you create the “master copy” of your site on a flash drive.
If you created your web site in a folder on your flash
drive, DO NOT copy the folder containing your site to the
ISU web server. Instead, simply copy the contents of the
folder (i.e., the individual web pages and folder containing
your images) to the server. This will result in a much
shorter address for your web site.
The WRONG way…
The RIGHT way…
Another way to make the address of your web site as short
as possible is to name the first page on your site index.htm.
(Note that you do not need to type the .htm extension as
Expression Web will insert it automatically.)
index.htm
Just as a dog “instinctively” knows how to seek out food
and distinguish it from other items in his environment,
web browsers like Internet Explorer are “programmed”
to find web pages named index.htm and distinguish them
from other pages on a web site.
page1.htm
index.htm
start.htm
A few useful links:
Handouts and videos summarizing many of the
procedures discussed in this workshop can be found at:
http://www.ilstu.edu/~bafrans/
An excellent source of graphics for your web site can be
found at:
http://www.grsites.com/
AND
The address of your web site will be:
http://www.ilstu.edu/~yourULID/
where “yourULID” is your ISU universal log-in ID (i.e.,
the part of your ISU e-mail address before the @ sign)
The End
B.F. 2/14/12