Webpage Tutorial - Dakota State University

Download Report

Transcript Webpage Tutorial - Dakota State University

Just the Facts, Maam



How to create a basic page
How to add a table, picture, link, text and
YouTube clip.
How to upload it all










CSS (Cascading Style Sheets)
Picture editing
Javascript
Search enablers
Frames
RSS (real simple syndication)
Blogs
Wikis
Advanced usability techniques
How to read html code well
Change “untitled 1” to a real name
Design and Code views
Html
code is
what we
don’t see
underneath the
visible
webpage


Tables can be used to format the webpage.
90% table keeps text and pictures off the
edge – looks cleaner
Tables can format within the page as well
You can
“draw” a
table,
just like
in Word
Putting a little text in
helps you know
where to start in
design view
Know where you saved your
page
No spaces in
filename
You can change the
title here, also.
Remember the “text” I
put inside the table?
Here is the
page, as
saved
Most
important
text
Right click
-Properties
Gives absolute url.
Pictures should
end in .jpg
This can be a local file or a remote website
starting with http://
Embed code is
copied here
Embed code is copied into code
view. You do not need to
understand it, just copy/paste
May need to use “import site
wizard” from file menu
Select
remote site
to connect
Select this!
Your school account
here. Ends with your
username.
Local site starts with
C:\documents and
settings\username\
Remote site
starts with
http://
Local site starts with
C:\documents and
settings\username\
Remote site
starts with
http://
Wordpad - 196 lines of code
Word – 551 lines of code