SlideShare ist ein Scribd-Unternehmen logo
1 von 44
myaiesec.net web publishing system ,[object Object]
Introduction ,[object Object],[object Object]
For this exercise... ,[object Object],[object Object]
Introduction ,[object Object],[object Object]
nav1 nav2 main nav3 nav4 (not shown but appears in side bar) Navigation
Navigation ,[object Object],[object Object]
Navigation ,[object Object],[object Object]
Navigation ,[object Object],[object Object]
Navigation ,[object Object],[object Object]
First Steps ,[object Object],[object Object]
First Steps ,[object Object],[object Object]
First Steps ,[object Object],[object Object],[object Object],[object Object]
First Steps ,[object Object]
First Steps ,[object Object],[object Object]
First Steps ,[object Object],[object Object]
First Steps ,[object Object],[object Object]
index.html ,[object Object]
index.html ,[object Object],[object Object],[object Object]
index.html ,[object Object],[object Object]
index.html ,[object Object]
index.html ,[object Object],[object Object]
index.html ,[object Object],the index.html file is your homepage, it is what you edit when you need to change the first page people see
index.html ,[object Object],[object Object]
Creating other Pages ,[object Object],So you have created your first page, now you need to add others to complete your website.  Pages like “about us” “contact us” “current events” and other information web browsers may be seeking
Creating other Pages ,[object Object]
Creating other Pages ,[object Object],[object Object]
Creating other Pages ,[object Object],[object Object]
Creating other Pages ,[object Object],[object Object]
Creating other Pages ,[object Object],[object Object],[object Object],[object Object]
Second Level Nav bar ,[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],Second Level Nav bar
Third Level Nav bar ,[object Object],[object Object],[object Object]
Editing Your Pages ,[object Object],[object Object],[object Object]
Publishing Your Pages ,[object Object]
Finishing Touches ,[object Object],[object Object],Cut
Adding Photos ,[object Object],[object Object],[object Object]
Uploading Photos Step 1 Step 2 - find files and upload Step 3 - Check file by  clicking to open, it will appear in a new browser window
Uploading Photos Step 4 - copy the image location from the browsers navigation bar and save it.  you will need it soon
Uploading Photos Step 5 - Go back and find the page that you want to insert the image into and open it in the WYSIWYG Editor
Uploading Photos Step 6 - Place your curser where you want the image to appear, and then select the “ insert/modify image ” button
Uploading Photos Step 7 - in the pop up window you will see a selection for “Image URL:” Paste the image location you copied and saved earlier here, then click Preview to double check it is the right file
Uploading Photos Step 8 - after hitting ok your image should appear where your curser was.  You can resize this image, put it in tables, or anything else you can do in a word processor!
Uploading Photos Step 9 - Last step: click the magnifying glass to preview your site and see how it looks! Experiment with different photo layouts to find what works best for you
That it! Creating a website is very easy with the new WPS, once you understand the navigation and folders it is easy to edit web pages using the WYSIWYG editor just like you would create documents in Microsoft Word! If you have any questions about the WPS, please feel free to contact the global communication crew at gcc@ai.aiesec.org, or your MC’s Communications responsible

Weitere ähnliche Inhalte

Was ist angesagt?

Onenote And Office Live
Onenote And Office LiveOnenote And Office Live
Onenote And Office LiveRobert Crane
 
L Hayes Online E Portfolio
L Hayes Online E PortfolioL Hayes Online E Portfolio
L Hayes Online E PortfolioLori
 
Digital Collection Development Presentation #2
Digital Collection Development Presentation #2Digital Collection Development Presentation #2
Digital Collection Development Presentation #2Joyce Kasman Valenza
 
eFileCabinet Secure Drawer User Manual
eFileCabinet Secure Drawer User ManualeFileCabinet Secure Drawer User Manual
eFileCabinet Secure Drawer User ManualeFileCabinet
 
How to build your site
How to build your siteHow to build your site
How to build your siteJamesBowman
 
Av lite webmaster training
Av lite webmaster trainingAv lite webmaster training
Av lite webmaster trainingKurt Kojzarek
 
Collage Cheatsheet
Collage CheatsheetCollage Cheatsheet
Collage Cheatsheetsaravalkova
 
Digital colldevel pt2
Digital colldevel pt2Digital colldevel pt2
Digital colldevel pt2Debra Kachel
 
eFileCabinet 5.0 System Requirements and Manual
eFileCabinet 5.0 System Requirements and ManualeFileCabinet 5.0 System Requirements and Manual
eFileCabinet 5.0 System Requirements and ManualeFileCabinet
 
20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...
20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...
20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...Thomas Duff
 
Google Docs Back Up Training
Google Docs Back Up TrainingGoogle Docs Back Up Training
Google Docs Back Up TrainingColleen
 
Cis 407 i lab 1 of 7
Cis 407 i lab 1 of 7Cis 407 i lab 1 of 7
Cis 407 i lab 1 of 7helpido9
 
hopTo Work Step by Step Test Drive
hopTo Work Step by Step Test DrivehopTo Work Step by Step Test Drive
hopTo Work Step by Step Test DrivehopTo
 
OverDrive for Windows 8.1 and RT Handout with Hands-On Exercises
OverDrive for Windows 8.1 and RT Handout with Hands-On ExercisesOverDrive for Windows 8.1 and RT Handout with Hands-On Exercises
OverDrive for Windows 8.1 and RT Handout with Hands-On ExercisesNebraska Library Commission
 
Adobe brain keeper
Adobe brain keeperAdobe brain keeper
Adobe brain keepernickissy
 
Adobe brain keeper
Adobe brain keeperAdobe brain keeper
Adobe brain keepernickissy
 
How to use Shareist to broadcast a Message to Multiple Social Networks.
How to use Shareist to broadcast a Message to Multiple Social Networks.How to use Shareist to broadcast a Message to Multiple Social Networks.
How to use Shareist to broadcast a Message to Multiple Social Networks.Elizabeth Gesta
 

Was ist angesagt? (20)

Wix
WixWix
Wix
 
Onenote And Office Live
Onenote And Office LiveOnenote And Office Live
Onenote And Office Live
 
L Hayes Online E Portfolio
L Hayes Online E PortfolioL Hayes Online E Portfolio
L Hayes Online E Portfolio
 
Digital Collection Development Presentation #2
Digital Collection Development Presentation #2Digital Collection Development Presentation #2
Digital Collection Development Presentation #2
 
eFileCabinet Secure Drawer User Manual
eFileCabinet Secure Drawer User ManualeFileCabinet Secure Drawer User Manual
eFileCabinet Secure Drawer User Manual
 
How to build your site
How to build your siteHow to build your site
How to build your site
 
Shareist tutorial for Beginners
Shareist tutorial for BeginnersShareist tutorial for Beginners
Shareist tutorial for Beginners
 
Av lite webmaster training
Av lite webmaster trainingAv lite webmaster training
Av lite webmaster training
 
Collage Cheatsheet
Collage CheatsheetCollage Cheatsheet
Collage Cheatsheet
 
GFGC CHIKKABASUR (INTERNET EXPLORER)
GFGC CHIKKABASUR (INTERNET EXPLORER)GFGC CHIKKABASUR (INTERNET EXPLORER)
GFGC CHIKKABASUR (INTERNET EXPLORER)
 
Digital colldevel pt2
Digital colldevel pt2Digital colldevel pt2
Digital colldevel pt2
 
eFileCabinet 5.0 System Requirements and Manual
eFileCabinet 5.0 System Requirements and ManualeFileCabinet 5.0 System Requirements and Manual
eFileCabinet 5.0 System Requirements and Manual
 
20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...
20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...
20 Office 365 Productivity Tips That You've Probably Never Used But Should sh...
 
Google Docs Back Up Training
Google Docs Back Up TrainingGoogle Docs Back Up Training
Google Docs Back Up Training
 
Cis 407 i lab 1 of 7
Cis 407 i lab 1 of 7Cis 407 i lab 1 of 7
Cis 407 i lab 1 of 7
 
hopTo Work Step by Step Test Drive
hopTo Work Step by Step Test DrivehopTo Work Step by Step Test Drive
hopTo Work Step by Step Test Drive
 
OverDrive for Windows 8.1 and RT Handout with Hands-On Exercises
OverDrive for Windows 8.1 and RT Handout with Hands-On ExercisesOverDrive for Windows 8.1 and RT Handout with Hands-On Exercises
OverDrive for Windows 8.1 and RT Handout with Hands-On Exercises
 
Adobe brain keeper
Adobe brain keeperAdobe brain keeper
Adobe brain keeper
 
Adobe brain keeper
Adobe brain keeperAdobe brain keeper
Adobe brain keeper
 
How to use Shareist to broadcast a Message to Multiple Social Networks.
How to use Shareist to broadcast a Message to Multiple Social Networks.How to use Shareist to broadcast a Message to Multiple Social Networks.
How to use Shareist to broadcast a Message to Multiple Social Networks.
 

Andere mochten auch

Recruitment1
Recruitment1Recruitment1
Recruitment1tefi0611
 
Recruitment1
Recruitment1Recruitment1
Recruitment1tefi0611
 
Vp Comm Role
Vp Comm RoleVp Comm Role
Vp Comm Roletefi0611
 
Por que tener presencia en internet
Por que tener presencia en internetPor que tener presencia en internet
Por que tener presencia en internetJohn Camelo
 
Creativity in group interview for primary six pupils, 20 and 27 January 2015
Creativity in group interview for primary six pupils, 20 and 27 January 2015Creativity in group interview for primary six pupils, 20 and 27 January 2015
Creativity in group interview for primary six pupils, 20 and 27 January 2015Annita Mau
 

Andere mochten auch (8)

NYSCATE 2010
NYSCATE 2010NYSCATE 2010
NYSCATE 2010
 
Recruitment1
Recruitment1Recruitment1
Recruitment1
 
Recruitment1
Recruitment1Recruitment1
Recruitment1
 
Vp Comm Role
Vp Comm RoleVp Comm Role
Vp Comm Role
 
Ed tech 2009
Ed tech 2009Ed tech 2009
Ed tech 2009
 
Launch
LaunchLaunch
Launch
 
Por que tener presencia en internet
Por que tener presencia en internetPor que tener presencia en internet
Por que tener presencia en internet
 
Creativity in group interview for primary six pupils, 20 and 27 January 2015
Creativity in group interview for primary six pupils, 20 and 27 January 2015Creativity in group interview for primary six pupils, 20 and 27 January 2015
Creativity in group interview for primary six pupils, 20 and 27 January 2015
 

Ähnlich wie Wps

How to create a digital magazine archive using 3d Issue Digital Publishing So...
How to create a digital magazine archive using 3d Issue Digital Publishing So...How to create a digital magazine archive using 3d Issue Digital Publishing So...
How to create a digital magazine archive using 3d Issue Digital Publishing So...3D Issue
 
Master class booklet
Master class bookletMaster class booklet
Master class bookletDenis Masseni
 
Live bindersweb2.0
Live bindersweb2.0Live bindersweb2.0
Live bindersweb2.0shelbbb527
 
How To Create A Wiki
How To Create A WikiHow To Create A Wiki
How To Create A WikiSusan Bentley
 
A360 - Guide to Getting Started
A360 - Guide to Getting StartedA360 - Guide to Getting Started
A360 - Guide to Getting StartedAutodesk A360
 
Free and easy website creation
Free and easy website creationFree and easy website creation
Free and easy website creationJoel May
 
A2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress
 
Dreamweaver cs6 step by step
Dreamweaver cs6 step by stepDreamweaver cs6 step by step
Dreamweaver cs6 step by stepzoran Jelinek
 
Embedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesEmbedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesJess McCulloch
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress
 
SYSTEMS DESIGN / CAPSTONE PROJECT
SYSTEMS DESIGN / CAPSTONE PROJECTSYSTEMS DESIGN / CAPSTONE PROJECT
SYSTEMS DESIGN / CAPSTONE PROJECTSanjay Saluth
 
New Hadassah Template 2.0
New Hadassah Template 2.0New Hadassah Template 2.0
New Hadassah Template 2.0Hadassah
 

Ähnlich wie Wps (20)

How to create a digital magazine archive using 3d Issue Digital Publishing So...
How to create a digital magazine archive using 3d Issue Digital Publishing So...How to create a digital magazine archive using 3d Issue Digital Publishing So...
How to create a digital magazine archive using 3d Issue Digital Publishing So...
 
Wix
WixWix
Wix
 
Edison cms manual
Edison cms manualEdison cms manual
Edison cms manual
 
Group 3
Group 3Group 3
Group 3
 
Master class booklet
Master class bookletMaster class booklet
Master class booklet
 
Live bindersweb2.0
Live bindersweb2.0Live bindersweb2.0
Live bindersweb2.0
 
How To Create A Wiki
How To Create A WikiHow To Create A Wiki
How To Create A Wiki
 
A360 - Guide to Getting Started
A360 - Guide to Getting StartedA360 - Guide to Getting Started
A360 - Guide to Getting Started
 
Wix
WixWix
Wix
 
Walkthrough asp.net
Walkthrough asp.netWalkthrough asp.net
Walkthrough asp.net
 
Intro to Axure
Intro to AxureIntro to Axure
Intro to Axure
 
Free and easy website creation
Free and easy website creationFree and easy website creation
Free and easy website creation
 
Designing Your Facebook Page
Designing Your Facebook Page Designing Your Facebook Page
Designing Your Facebook Page
 
A2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme Documentation
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme Documentation
 
Dreamweaver cs6 step by step
Dreamweaver cs6 step by stepDreamweaver cs6 step by step
Dreamweaver cs6 step by step
 
Embedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesEmbedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on Wikispaces
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme Documentation
 
SYSTEMS DESIGN / CAPSTONE PROJECT
SYSTEMS DESIGN / CAPSTONE PROJECTSYSTEMS DESIGN / CAPSTONE PROJECT
SYSTEMS DESIGN / CAPSTONE PROJECT
 
New Hadassah Template 2.0
New Hadassah Template 2.0New Hadassah Template 2.0
New Hadassah Template 2.0
 

Wps

  • 1.
  • 2.
  • 3.
  • 4.
  • 5. nav1 nav2 main nav3 nav4 (not shown but appears in side bar) Navigation
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. Uploading Photos Step 1 Step 2 - find files and upload Step 3 - Check file by clicking to open, it will appear in a new browser window
  • 38. Uploading Photos Step 4 - copy the image location from the browsers navigation bar and save it. you will need it soon
  • 39. Uploading Photos Step 5 - Go back and find the page that you want to insert the image into and open it in the WYSIWYG Editor
  • 40. Uploading Photos Step 6 - Place your curser where you want the image to appear, and then select the “ insert/modify image ” button
  • 41. Uploading Photos Step 7 - in the pop up window you will see a selection for “Image URL:” Paste the image location you copied and saved earlier here, then click Preview to double check it is the right file
  • 42. Uploading Photos Step 8 - after hitting ok your image should appear where your curser was. You can resize this image, put it in tables, or anything else you can do in a word processor!
  • 43. Uploading Photos Step 9 - Last step: click the magnifying glass to preview your site and see how it looks! Experiment with different photo layouts to find what works best for you
  • 44. That it! Creating a website is very easy with the new WPS, once you understand the navigation and folders it is easy to edit web pages using the WYSIWYG editor just like you would create documents in Microsoft Word! If you have any questions about the WPS, please feel free to contact the global communication crew at gcc@ai.aiesec.org, or your MC’s Communications responsible