Read Weebly Tutorials text version

WeeblyTutorials Tutorial#1:SigningUp:Welcometothistutorial.I'mgoingtoshowyouhowtosign upforanaccountwithWeeblysoyoucanstartbuildingyourePortfolio. · Gotowww.weebly.com.YoucanseethatI'malreadythere. · Pickausernameandpasswordthatyou'llremember,becauseyou'llneedto inputbothoftheseeachtimeyoulogintoWeebly.Also,you'llneedtoputin youremailaddress.IstronglysuggestthatyouuseanonSLCCemailaccount, oneyouplantobeusingfarintothefuture.I'mgoingtobestartingan ePortfolioforafictionalstudentnamedLisa. · Youmightwanttoreadthroughthetermsofservicebeforeyoubegin. · Clickon"SignUp." · Domainname. Tutorial#2:BasicOutline:Welcometothistutorial.You'vesuccessfullycreateda freeaccountwithWeebly,andnowyouneedtosetupyourePortfoliowithSLCC's requiredoutlinethatisdescribedintheePortfolioStudentHandbook. · Rightnow,yoursitehasonlyonepage,theindexpage.You'llneedtoadd otherpagesthatwillshowupintheePortfolionavigation. · Addanewwebpagewiththe"pages"tabhere.Clickon"newpage,"givethe pageaname,andmakesurethatthepagewillshowintheePortfolio's navigation. · Wewantthispagetosay"MyGoals."Thenclick"save." · Wewantanotherpagewiththeheading"GeneralEducation." · Wewantanotherpagewiththeheading"LearningOutsidetheClassroom." · Wewantthefinalpagetosay"Resume." · Next,wewantyourindexpagetosay"Welcome"insteadof"Home,"soclick onthe"editmenu"buttonrighthere.Clickonthelittletrianglenextto settings,andrenamethispagetosay"Welcome." · Nowclickon"Publish"topublishthesechanges.

·

Thisisagoodtimetopickadesignforyoursite.Clickonthe"Designs"tab. Weeblyhasmanydifferentdesignstochoosefrom.Justhoveryourmouse overoneofthedesigns,andWeeblywillshowyouwhatitwouldlooklike.If thedesignhasaphotoinit,likethisone,youwillbeabletoreplacethat photowithoneofyourown.Goaheadandpickadesignnowbyclickingon theoneyouwant.Ihaveapreferencefordesignsthathavewhite backgroundsandblackordarktext.Youcanchangeyourdesignlaterifyou'd like.

Tutorial#3:YourWelcomePage:Welcometothistutorial.You'vesetupthebasic outlineofyourePortfolio.Nowlet'sgettoworkonyourWelcomepage,andwhile wedothat,we'lllearnhowWeeblyworks. · Youcanalwaysseewhatpageyou'reonbylookingrighthere.We'reonthe indexpage,whichhappenstobeyourWelcomepage. · OurWelcomepagedoesn'thaveanycontent,butwecaneasilyfixthat.Make sureyouhavethe"Elements"tabselected.Thebasicelementsthatyou'll frequentlyusearelistedfirst.Otherelementsaregroupedunderthese categories. · Grabaparagraphwithtitleelement,dragitdowntothecontentarea,and thenletgo.Younowhaveatextwindowwithinwhichtowrite.Noticethat youalsohavearibbonofstandardwordprocessingtoolswheneveryouclick inthetextwindow.Let'stypeaheadingandformatitthewaywewant. · Nowclickintheparagraphsectionandtypeawelcomemessagetothose whovisityourePortfolio.Youmightgivethemanideaofwhatthey'llfindin yourePortfolio,thatit'saboutyourworkatSLCC,andsoforth.I'llpastein sometextnowthatIalreadywroteupinaWorddocument.Formatthattext howyou'dlikeit. · Grabtheparagraphwithpictureelementanddragitovertotheworkspace justbelowthat.Titletheheading"AboutMe."Hereyou'llintroduceyourself totheprofessorsandotherswithwhomyou'llshareyourePortfolio.I'm goingtopastesomethinginthatI'vealreadywritten.Noticethatthetext wrapsaroundthepicture. · NowI'dliketoaddaphotototheAboutMesection,soI'llclickonthesample image.ThenIcanselectaphotoofLisathatIhavestoredonmycomputer. Remember,youdonothavetoputyourphotointheePortfolio,nordoyou havetoputyourfullnameorotherdetailedinformation.Pretendit'sthefirst dayofclassandyouareintroducingyourselftoyourclassmates.Whatwould youtellthem?

Tutorial#4:WelcomebacktotheWeeblytutorials.RememberlasttimeIshowed youhowtosetupyourWelcomepage.Forthistutorial,Iwanttoshowyouhowto setuptheGeneralEducationpageoftheportfolio.Thisisreallyquiteeasy. · ClickontheGeneralEducationpage. · DraginatitleelementandtypeGeneralEducation.Makeitbigger.Boldit. Centerit.Maybeputaspaceafterit. · Draginacolumndividerandaparagraphelementforeachcolumn. · TypeinthenameofeachGeneralEducationrequirement,splittingthenames betweenthetwocolumns.IfyouarepursuinganAASdegree,youwould havethefollowingsubheadings:Composition,QuantitativeStudies, Communication,HumanRelations,andDistributionAreas.I'mgoingtotype inthemoreextensiveGenEdrequirementsforallASandAAdegrees, degreesthattransfertootherinstitutionsliketheGeneralStudiesdegree. · Ialsowantaseparatesectionformyelectivescourses,soI'llcreatethat.I don'tknowyetwhatthoseelectivesare,butI'llputtheminwhenItake them. · Now,asyoutakecoursesthatfulfillyourGenEdrequirements,you'llputa signatureassignmentandreflectivewritingintoyourePortfolioforeach class.Andyou'lldothatonaseparatepagethatyou'llpointtofromeachof theseheadings.I'llshowyouhowtodothatinthenexttutorial. Tutorial#5:WelcomebacktotheWeeblytutorials.Todaywe'regoingtocoverthe coreskillofyourePortfolio--puttinginasignatureassignmentandreflective writing.Let'ssaythatyouaretakingacoursethatsatisfiestheAmericanInstitutions requirementforGeneralEducation.You'vecompletedyourassignmentandyou're readytoputitinyourePortfolio.Here'swhatyoudo: · First,noticethatifwetriedtoputallourassignmentsandreflectivewriting intotheGeneralEducationpageitself,thatpagewouldendupovercrowded andnotlookveryattractive.Sowhatwe'regoingtodoiscreatea"hidden page"foreachGenEdrequirement,andpointtoitfromthecorresponding heading.SoweneedahiddenpageforAmericanInstitutions. · Addanewwebpagewiththe"Pages"tab,likewedidforthemainpagesin theePortfolio.Clickon"NewPage." · CallthisnewpageAmericanInstitutions,andtoggletheswitchtoNOfor "showinnavigation".That'swhat'sgoingtomakeitahiddenpage,because

·

·

·

·

·

· ·

· ·

Tutorial#6:WelcomebacktotheWeeblytutorials.LasttimeIshowedyouhowto uploadasignatureassignmentintheformofaWorddocument.Youcanusethefile tooltouploadotherkindsoffileslikemp3audiofiles,pdffiles,Powerpoints,andso forth.However,pleasenotethatasofthisdate,Weebly'sfileuploadlimitis5mb. TodayI'mgoingtoshowyouhowtoaddphotogalleriesandvideostoyour ePortfolio. · Let'spretendyou'vegotsomegoodphotosofworkyou'vedoneinaFineArts class.I'vecreatedahiddenpageformyFineArtscourseworkandlinkeditto

wedon'twantthepagetoshowupintheePortfolio'smainnavigation ribbon.Clickon"editthispage." Createaheadingonyournewpagecalled"AmericanInstitutions"andthe courseyoutooktosatisfythisparticularGenEdrequirement. Next,youwantabriefdescriptionoftheassignmentthatyoudidforthis course.Let'sassumeyouwrotearesearchpaperoncampaignfinancefor yourU.S.Governmentcourse. Now,belowthatbriefdescription,draga"File"elementanduploadyour assignment.The"File"elementislocatedintheMultimediasectionofthe Elementstab.ThepeopleyoushowyourePortfoliotowillnowbeabletosee thequalityofyourwork. Belowtheassignment,draginaparagraphelementinwhichtoputthe reflectivewritingyourinstructorhasaskedyoutodoforthisassignment. I'vetypedsomethingoffline,soI'llcopyitin.Butyoucangoaheadandtype itrighthereifyou'dlike.Iliketoitalicizemyreflectivewritingtodistinguish itfromtheothertextonthepage. Whenyou'vefinished,clickonpublish.Okay,soyou'vecreatedahiddenpage withinyourePortfoliocalled"AmericanInstitutions." Now,gobacktotheGeneralEducationpage. Highlighttheheadingfor"AmericanInstitutions"andclickonthelittlechain linksymbolthatmeansinserthyperlink.Pointthehyperlinktothehidden AmericanInstitutionspageyoujustcreated. Clickon"publish"again. NowpreviewyourGenEdpagetoseeifthehyperlinkworkslikeyouwantit. Dothatbyclickingonthe"Settings"tabandclickingontheaddressofyour ePortfolio.You'llseethatthehyperlinkworksjustlikeyouwantit.

·

theFineArtsheadingontheGenEdpage.Forinformationonhowtodothat, refertoTutorial#5. Weeblyhasaverynicegalleryfeature.Dragthephotogallerytothe workspaceanduploadthephotosyou'dliketoappearinyourePortfolio.If youexperienceproblems,itisprobablybecauseyou'vebumpedupagainst Weebly's5mbuploadlimit.Shrinkyourphotosusingphotoeditingsoftware, andthentryagain. YoucanalsohostaFlickrslideshowonyourWeeblyePortfolio.Createafree accountwithFlickr,uploadyourphotosthere,andtagthemwithunique keywordsforeachslideshowyouplantohaveinyourePortfolio. DragtheFlickrSlideshowelementtoyourworkspace.Thenclickonittoedit it. PutinyourFlickremailloginandthekeywordtagofthephotosyouwantin yourgallery.Adjustthesettingsthewayyouwantthem. ThephotoslideshowshouldshowupinyourWeeblyePortfolio.Asyoucan see,thistakesalittleplanningonyourparttouploadthephotosfirstin Flickr,puttherighttagwordsonthephotosyouwantinthisgallery,andthen gointoWeeblytocreatethephotogallery. WeeblycanalsohostvideosfromYouTube.Again,you'llhavetohavean accountwithYouTubeandhavealreadyuploadedyourvideothere. DragtheYouTubevideoelementontoyourpage.Clickonceonthe placeholdervideo.Now,inadifferentwindow,gotoYouTubeandfindyour videothatyoualreadyuploadedthere.Copythevideo'sURLandpasteitinto theWeeblyYouTubeelement. NowjustclickontheWeeblypageoutsideoftheYouTubeelement. PublishyourePortfolio.Ifyoupreviewyoursite,you'llseehowthevideois nowembeddedinyourePortfolio. PleaseremembertoonlyputyourownSLCCrelatedphotosandvideointo yourePortfolio,anddonotviolatetheintellectualpropertyrightsofothers.

· · ·

·

·

·

· ·

·

Tutorial#7:WelcomebacktotheWeeblytutorials.I'mgoingtotalkaboutafew otheraspectsofWeebly.

· ·

Firstofall,WeeblyhasaveryniceHelpfeaturelocatedrighthere.TheHelp Centerhasarangeofwrittentutorialsthatshowyouhowtodojustabout anythingwithyoursite. Next,let'stalkpasswordprotection.Youhaveapasswordtogoinandedit yoursite.Withthestandard,freeWeeblyaccount,youcannotpassword protecttheviewingofthesitebyothers.Manystudentsdon'tworryabout thisbecause: o A,theyknowthattheirePortfolioisapublicrepresentationoftheir workatSLCC,andtheyhaven'tputanythingtoopersonalinthere. o B,theyonlysharetheirePortfolioURLwithfaculty,friends,and family. o C,theyrealizethattheirePortfolioisactuallyverydifficulttofindon theWebaslongastheydon'tfillintheSearchEngineOptimization sectionofthesettingstab.See,justleavetheseallblank,andyour ePortfoliowillbemoredifficulttofind.

· Ifbeingabletopasswordprotectyoursiteisimportanttoyou,youhavetwo choices:ChooseanotherePortfolioplatformlikeYolaorWordpress.Oryou canupgradetotheproversionofWeebly.Youcandothelatterinthe GeneralSettingssection,whereyoucanseetheaddedfeaturesofWeeblyPro andthereasonablecost.

WeeblyisagreatePortfolioplatform,freeorPro,andIhopeyouenjoyusingit. Tutorial#8:WelcomebacktotheWeeblytutorials.Iwanttoshowyouhowtoshare aparticularpageinyourePortfoliowithyourinstructor,withfamily,orwith friends.Let'ssignintoLisa'sePortfolio. · YoushareyourePortfoliowithsomeoneelsebysendingthemitsURL,which standsforUniformResourceLocator.It'stheaddressofyourePortfolio. · ThefirstthingtonoteisthatyoucannotsendyourinstructortheURLthatis indicatedherewhenyouareeditingyourePortfolio. · Here'swhatyoudo:Clickonyour"Settings"tabandthenintheGeneral SettingssectionclickontheaddressofyourePortfolio. · ThatwillsendyoutoyouractualePortfolio.Youmightwanttomemorize thisURLforfuturereference. · Navigatetothepagethatyouwouldliketosharewithyourinstructor,family member,orfriend.

· ·

CopytheURLforthatpageandemailit. Nowtherecipientofyouremailcanclickonthatlinkandgostraighttothe pageyouwantthemtolookat.

Information

Weebly Tutorials

7 pages

Report File (DMCA)

Our content is added by our users. We aim to remove reported files within 1 working day. Please use this link to notify us:

Report this file as copyright or inappropriate

449141