how to embed a picture into your digital portfolio on wiki spaces

7
8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 1/7 HowtoEmbeda Digital ImageintoyourDigitalPortfolio 1.Itcanbea .jpg,.gifor.pngimagefile 2.Makesuretobringyourimageonaflashdriveorhaveitemailedto yourself 3.LogintothePDwikibygoingto newdesignhigh.wikispaces.com ,clickon PDandenteryourusernameandpassword(ifyou’veforgotten,followthe linkthatsays“forgotpassword?”) 4.FindyourDigitalPortfoliobyclickingon"DigitalPortfolios"and selectingyourname 5.Clickonthe"editthispage"button 6.TypeinthenameofyourPOD 7.Typeinatitleforyourpieceofevidence 8.Highlightthetextthatsays"(Replacethistextwithanembeddeddocument,photographorvideo)" 9.Clickonthe"widget"button

Upload: david-rothauser

Post on 10-Apr-2018

270 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 1/7

HowtoEmbedaDigitalImageintoyourDigitalPortfolio

1.Itcanbea.jpg,.gifor.pngimagefile2.Makesuretobringyourimageonaflashdriveorhaveitemailedto

yourself

3.LogintothePDwikibygoingtonewdesignhigh.wikispaces.com,clickon

PDandenteryourusernameandpassword(ifyou’veforgotten,followthe

linkthatsays“forgotpassword?”)4.FindyourDigitalPortfoliobyclickingon"DigitalPortfolios"and

selectingyourname

5.Clickonthe"editthispage"button

6.TypeinthenameofyourPOD

7.Typeinatitleforyourpieceofevidence8.Highlightthetextthatsays"(Replacethistextwithanembeddeddocument,photographorvideo)"

9.Clickonthe"widget"button

Page 2: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 2/7

10.Clickon"otherhtml"

Nowyouwillhavetogotoanotherwebsiteinordertogetthe“otherhtml”foryourimage.You

willcreateapicasawebalbum,copytheembedcodeandpasteitbackintotheboxinyourdigital

portfolio.

11.OpenupanewtabinyourbrowserandgotoPicasaWebAlbums(youalreadyhaveanaccountwith

[email protected])

12.Clickon“gotoPicasaWebAlbums”aspicturedbelow

Page 3: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 3/7

[email protected] (it’simportanttoputthewholething–[email protected])

14.Onceyou’rein,click“Upload”

15.Click“createanewalbum”

Page 4: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 4/7

16.Typeinatitleforyouralbum(like“PortfolioArtifacts”)andmakethevisibility“publiconthe

web”,thenclick“continue”

17.Click“browse”andselectthephotoyouwanttoupload.Thenclick“startupload”

18.Onceit’suploaded,clickontheiconofthepicture.

Page 5: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 5/7

19.Click“linktothisphoto”ontherighthandsideofthepage

20.Clicktheboxthatsays“imageonly–nolink” andselecttheappropriatesize(originalsizeisfine)

21.Nowyou’llhighlightandcopythegobbledygookembedcode(picturedhere)

Page 6: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 6/7

Pauseforaminute.Takeadeepbreath.You’vejustdoneanincredibleamountofwork.It’snot

overyetbutyou’realmostthere.Remember,whenembeddingyouneverhavetoreadthecode.It’sjustgobbledygook.We’regoingtotakeyoubacktoyourDigitalPortfolionowin

wikispaces.com.

22.Openupaworddocumentandpastethegobbledygookthereforsafekeeping.Itwilllook

somethinglikethis:

http://lh3.ggpht.com/_LfwXSqEyoeM/TM30Oo03EVI/AAAAAAAAAbA/bp7tOzaaP9k/s800/_images_orrery_orrery-101.jpg

23.You’regoingtohavetoassemblethegobbledygookinsomeothergobbledygook.You’recreatingwhat’scalledan“iFrame,” whichwillgetpastedbackintothe“otherhtml”windowinwikispaces.

24.CopyandpastethisiFramecodeintoyour“otherhtml”windowinwikispaces:

<iframewidth="100%"frameborder="0"src="REPLACETHISTEXTWITHTHEGOBBLEDYGOOK

FROMPICASA"height="700"></iframe>

Page 7: How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

8/8/2019 How to Embed a Picture Into Your Digital Portfolio on Wiki Spaces

http://slidepdf.com/reader/full/how-to-embed-a-picture-into-your-digital-portfolio-on-wiki-spaces 7/7

25.GobacktoWordwhereyou’vestoredyourgobbledygookfromPicasa.CopyandpastethegobbledygooksuchthatitreplacestheREPLACETHISTEXT... Makesuretoleavethequotation

marks!

26.Click"save"andthewidgetwindowshouldgoaway

27.Thenclick"saveagainonthetexteditortoolbarandyoushouldseeyourdocumentappearin

wikispaces

28.Click"editthispage"againtoeditthe"Reflection"portionofyourDigitalPortfolio.

Congratulations!YouhavejustembeddedadigitalimageonyourDigitalPortfolio!