Notes

Slide Show

Outline

1	EASY WEB SITES 101 Building a Basic Web Site
2	EASY WEB SITES 101 Goals What you need to do to get on the Web Key concepts Solutions This presentation Is not a coding class Is a “Get Started” guide Information “fire hose” Not a lab Included Disk
3	Who Am I? Bill Hudson Retired USAF Colonel Intelligence – Soviet Specialist Data/computer experience Education International Relations Computer Business Degree (SAC/UTSA)
4	What We Will Talk About What Preparation A Basic Site Content & Functions How Plan Build Where On Your PC “Publish” to a Host Online Alternatives Google Sites Wikis
5	Web Site Time and Effort Preparation Times = “guesstimate”
6	Web Site Time and Effort
7	Web Site Time and Effort
8	Content & Functions “About Us” or “Who We Are” “Mission” – “Goals” “History”
9	Content & Functions “Contact Us” Phone, Mail & Email “Location” (map/directions) POCs “Staff” “Board” “Sponsors”
10	More Content & Functions
11	More Content & Functions
12	Build Your Own
13	Build Your Own Alternative On-line Services Blackbaud-Kintera With hosting plan GoDaddy & Yahoo
14	Build Your Own “What”?
15	Supporting Files
16	Supporting Files Supporting Code Files JavaScript Database languages for “Dynamic Sites” Cascading Style Sheets (CSS)
17	What is a Web Page - Example
18	What is a Web Page - HTML
19	What is a Web Page - HTML “doctype” Open “html” “head” “title” “meta” information “body” Close “html”
20	CoffeeCup - Begin Open CoffeeCup Start your “Project”
21	CoffeeCup - Step 1 “File/New Blank Page” Click “Code Editor” Tab See HTML code “doctype” declaration “head” and “body” tags
22	CoffeeCup – Menu Options Format Menu Changes the look of the text Size & color Bold, Italic Position Breaks
23	CoffeeCup – “Home” Page 1
24	CoffeeCup – “Home” Page 2 Type “Header” text <h1>Nonprofit Resource Center of Texas</h1> Type a “block” of text in the cell under the header text. <p>text block</p>
25	CoffeeCup – Lists
26	CoffeeCup – Lists
27	CoffeeCup – Create a List
28	CoffeeCup – Links & Menus
29	CoffeeCup – Links & Menus
30	CoffeeCup Unleashed Many choices CSS based single page Includes CSS code on the page Modify, save, modify, re-save with new name
31	CoffeeCup Unleashed
32	CoffeeCup – The Final Step
33	CoffeeCup – The Final Step
34	CoffeeCup – The Final Step
35	CoffeeCup – The Final Step
36	Alternative - Google Sites Begin A free Google service WSIWYG online Editor Templates Sign up required
37	Google Sites – Page Setup Step 1 “Edit Sidebar” & “Change Site Layout”
38	Google Sites – Edit Pages Calendar “Insert” – “Calendar” Chose options Use “+Google Calendar” to add events Save twice
39	Alternative - Wikis What is a "Wiki” Communication tool Easy online editing & link creation Collaborative = visitor editing Change tracking Can restrict access and change permissions
40	Free Wikis Free Wikis Cospire Wkia PBWorks Wikispaces
41	Free Wikis
42	Build Your Wiki - Overview
43	Wikispaces I
44	Wikispaces II
45	Wikispaces III
46	Wikispaces IV
47	Wikispaces V
48	Wikispaces VI
49	EASY WEB SITES 101 Goals What you need to do to get on the Web Key concepts Solutions This presentation Included Disk Questions?