Webpage Tutorial

1
Webpage Tutorial

• Just the Facts, Maam

2
What you will learn (maybe)

• How to create a basic page
• How to add a table, picture, link, text and
  YouTube clip.
• How to upload it all

3
What you wont learn today

• 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

4
SharePoint vs Frontpage
5
Getting Started Code view
Html code is what we dont see under-neath the
visible webpage
Change untitled 1 to a real name
Design and Code views
6
Adding a Table

• 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

7
Tables
You can draw a table, just like in Word
8
Code View of 90 Table
Putting a little text in helps you know where to
start in design view
9
Save early and often
Know where you saved your page
No spaces in filename
You can change the title here, also.
10
Design view
Remember the text I put inside the table?
Here is the page, as saved
11
Add Heading 1 to top and most important text
Most important text
12
Picture from HD-add accessibility
13
Picture from Web
Right click -Properties Gives absolute
url. Pictures should end in .jpg
14
Add a link
This can be a local file or a remote website
starting with http//
15
Add youtube video
Embed code is copied here
16
Add youtube video
Embed code is copied into code view. You do not
need to understand it, just copy/paste
17
Upload Local to Remote
May need to use import site wizard from file
menu
Select remote site to connect
Select this!
18
Upload to server
Your school account here. Ends with your username.
19
You will need your password
Local site starts with C\documents and
settings\username\
Remote site starts with http//
20
Blue arrows indicate direction
Local site starts with C\documents and
settings\username\
Remote site starts with http//
21
Best Practice check in browser on a different
computer
22
Word to WebBest Practice Copy to Wordpad first