Upload
david-rothauser
View
244
Download
0
Embed Size (px)
Citation preview
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
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
12.Clickon“gotoPicasaWebAlbums”aspicturedbelow
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”
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.
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)
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>
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!