Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SharePoint Lesson #52: Add a WebPart Page and Content

599 views

Published on

Some basics for the starters with SharePoint 2013: Create a Page and add some content like text, tables, images, and videos.

Published in: Education
  • Be the first to comment

  • Be the first to like this

SharePoint Lesson #52: Add a WebPart Page and Content

  1. 1. Add a Page and Content Add a Page i"? Find a Page Add Text Select the [FORMAT TEXT] and format IIIE IEXI, Add a Video Adding videos [From Compuler], [From sriaiepoinq. or [From Address] is Similar In adding an image. In addllion to thal you can also [Embed] a video. sum Imitma Wm W V'! .V s~. ..i»m ‘I-Mlfill VIIVIWYI {N-rm ""ITll‘N‘I . I’F -In flu‘ inI. I.« II. mI ram u. that . n.I I». Llfllvlnl Please find here an overview ofall available Presentations: lmp. //sppeteihofinel CIOLICIEIDDSIJOII(lI. COlTTl Add a Table Add a Link Adding a Link [From SIIBVEPDIHI] O! [From Address] IS similar to adding an image
  2. 2. l , ij “**“"a8° Add Text Add a Table Place the cursor inside the rrame and start typing _ l Lit E 7‘ "" 1 FindaPage —— " ” "’ ''—-*/ ~ . _.. I.. _ 1' Select me [FORMAT I ' TEXT] and format the text Add a Picture Add a Video _ Adding videos [From Coirlputer]. [From SharePoint]. r ' 2 or [From Address] lS Similar to adding an image. in addltlon to that you can also [Embed] {I video Edi Adding a Link [From Sl'laIeF'OIrll] or [From Address] is similar to adding an image Please find here an overview of all available Presentations: Also available as a J1‘ Smaitphone-APP! .. ;.
  3. 3. Add Page l-ilodify Layout ° ' K ‘V / ,, Chose from various layouts. ‘Mr 1 9 —I. - ~ - - - , , / 4;) 0 I K on I forget ,0 Se . . I ‘/9 yaurp A new page is added with a age. standard layout (1 column) '”]’eti: r ‘I-lritzffner
  4. 4. Add a Page It I Office 355 settings | / and [III] Add a page " Websites settings | :: ::g: ameI ‘ Shared With. .. Findim iiitps/ /—— -— —— i- ’SIndbox_Petet/ SiI: el7agesIMyFirstPage. aspx Edit page 2 2 Add an app "‘°‘°“‘°"“ A new page is added with a C"a"9e"i°'°°k standard layout (1 column). Site settings Getting started
  5. 5. <3; SA ' - Se ect . Text Ec: V _ Layout. Source Q; c°r‘. e,. nc xm-ii_i_ One column One column with sidebar Two columns — — Two columns with header ‘ Two columns with header and footer Three tolumns Three columns with header '1 Three (olumns with header and footer Three columns with header and footer <i: e: to tiinnt. 1|‘ 3 : '.er that Sp. ll tl"ee Tl"e-2 e tea: -:—' .3r‘clf lVl 0 Ci I3— a H‘ La Sate CWK: O. ‘ IN uyl _C» yoLt ’ pi: Chose from various layouts. szs: ui vii AJ3bC(3:lE AGBI‘. mow. . = .xi 9<J'e: .»
  6. 6. 9 office 265 settings Shared witii Edit page Add a vase Add an app Site (ontenu Change the look site settings Getting started EH l I Open the "Site Pages" App Site ( t’9ntent. < Double click on the desired page [Site Pages @ I‘n| Z'‘I 1 bolt): .. Home fi Hater : .:: Id~. a tl-2"'e aeter AIJ: i_J‘. an a It r {R-: '-iiItit-i. II a
  7. 7. Add Text enonss M55 roai. ttr‘sx- znsair ()5-«ins {; rrot. ovi §r, 'sAE ID I l . 1"— -Li II E L7 ; , 8 E: </ > Tabs = :~. fetde<. x-d ti-i Uaoad ADD was en : v v A4c(- v Fe '51 391 C ‘z: e: Me: . me are arm -tame ‘Place the cursor inside the : l‘<Il. VYleFlS Oél‘rl€‘l I frame and start t ping : >o: tiInert< y ' : IE(EFII LI'll_45[N£<llTI’Eg9 ROOT‘: IIKIILNEIVIIS Zal(»rida' IFS‘ Llfl SHE COVTKEIHS aewtle Bil‘ .1 EDI‘ LIMKE mttt m-- I Select the [FORMAT TEXT] and format I V the text.
  8. 8. insert a Table Either select interactive lhe SIIE at the table 4 4444444444 . m cm on [Insert Table _ In Open ; . Ellalng box Table l a/ out Heve you can addldelele columns. set the slze ofthe (able and columns. Table Desigm Apply dnflelenl slyles; hldelshow gnu Illles
  9. 9. lIS€IL 3 l 3: ° Either select interactive or click on [Insert Table. ..] the size of the table to open a dialog box I: T . _ X Nllmtéf of (OlLIT'1I‘f- 5 | Number of rows
  10. 10. Table Layout Here you can add/ delete columns; set the size of the table and columns; ... mouse was romxnsxr msarr " E E E? E fimwm t §: EYIb| el-Ielght lnsevt Inset Delete Left Right . This is the Title of the P LinkList_MainPage Rooms Instruments calendar 1'est_List
  11. 11. Table Design Apply different styles; hide/ show grid lines HeaderRowUFooterRow E I nmcoiumnclustcoiumn g Styles snogua-so T oerauit Table Style - ugm Table Style 1 - Clear Table Style 2 - Light Banded B°°ki"9 °Ve'Vi9W Table Style 3 - Medium Two Tones Instruments Overview Table Style4 - Light Limes HOME Notebook Table Style 5 - Grid Tab| eStyle6-Accentl Tab| eStyle7-Accentz Tab| eStyle8-Accent} Tnbiestyse9.Accem4 Rooms Table Stylelo-Accent5 Instruments Table Style 11 - Accent 6 Documents Recent LinkList_MainPage Calendar Test_List
  12. 12. Add a Picture [lirw 5~‘l. ‘lF‘<§] 'rc'n Sh; IeI’oi1:] Na-«om: to me me nae. mm Winnie an on me desired mg. and sum the mucus; to we mu-am Sewer [wsmri [Frnm Amllusq SPIPL1 me image In upicau mw-my in [HE Iihwv um um mar sees: me oesmnl iuugu mu wvmm Fast: m mum. « the mar vu haw you mum uwua sue av-pinup-3 u a swan. mug may | ‘TTF. T_iF‘ Sett not in me mg. zluvvix m men n: mugs pm mu m . ... m bulluiv m. an m. m. lumen pm pm Wm my mm, ‘ . . . ..-u. .. . ._. m.4~. ;,a. ... .. . u-. n-nu. ..»-n. ... .. -—¢( . ... :.. ... ._. .—yI. .. ... .». ... r.. o.. ... .. ..» . .~~. ..». ... ... ... um.
  13. 13. [From Computer] E ' C1» El $ T“ < , C1 to . _El Tab e P cture V deo acd L "k Up oao App Web En . . Aacic . . F e Part Part C '3” '3"-" From Compute’ * H 5 :5”? E” W. Select the image to upload. Home From Insert Picture From Computer Booking Upload and insert a picture from your ‘r We imy: ’‘ com te O1tOtl‘e a e. " , [ng. trun*. entg PU r I p 9 ‘"°°"”"* é Daveiauswanien ; r~’. C“, ».‘*EI :2 lxoteljciok L E u To keep your content organised, store the images in a separate Image Library.
  14. 14. [From Address] Navigate to the web page. Right mouse click on the desired image and copy the address to the clipboard. ('| n—. y-ml"), -I. n+ Link in neuem Tab offnen Link in neuem Fenster offnen Link in lnkognito-Fenster offnen Link speichern unter. .. Adresse des Links kopieren Bild speichern unter. .. Bild-URL kopieren Bild kopieren Bild In neuern Tab oftnen Select Picture Address: http: //www. t Alternative text: Select [INSERT] - [From Address] BROLNSE PAGE INSERT D E E7» Q 8 E Table Picture Video B'ld Link Up‘oad App Web . . Aucio - - F: e Part Pan T55 55 From Compute’ ~ "*5 :5” From Address From ' Insert Picture From Web Address Link to and display a picture from a web site on the page. Paste the address of the image.
  15. 15. From SharePoint Navigate to the library with the image. Select the desired image and confirm. Coir-; -"t _: :3'. :i‘ Image: :~t “tip: tl‘-; —iv*i: i‘; l‘e' ; l‘3repoi"t : :rn ILE EJl‘CllJZ : _F‘-; -t~: —i Ziii: ~ge-:1 ' 4“ ti‘, : - C : ‘i: t: I-: J‘1E. '.ll, —:—m . . . .~i. .~i, V. IE! -iilfll olmm
  16. 16. Image Settings If the image doesn't fit, select the image with the left moue button, the click on the [IMAGE] tab and adjust the settings. Watch the image size! No need to upload images with 5000*3000px if only 600*400px (or less) is needed. Even if only a smaller image is displayed. the whole image is loaded which costs bandwidth and slows down the system. / ‘ iiii-, . ULS
  17. 17. + F _r F — I [I I‘ L [3 if‘ [: - Adding videos [From Computer], [From SharePoint], or [From Address] is similar to adding an image. In addition to that you can also [Embed] a video. nu ' iramriisrwipan gnlt ri f nu? # r1 - ' < Cd ' . ’: -.3 e 5 c ‘. tie: 5‘ E1. — C’ I V ac ~: iii , 5? rep: - ' 3‘ A es: I iorbi - A Mobile Lifestyle from Thermo Fisher Scientific B Nirvcnr~¢P21<L< + < > 9 [mp Select the [Embed] option on your SharePoint. Navigate to video (here on YouTube) Paste the code from the clipboard and find the [Embed] option. and confirm with [Insert]. Copy the code into the clipboard.
  18. 18. Add a Link Adding a Link [From SharePoint] or [From Address] is similar to adding an image.
  19. 19. nix, |_i_iiiux. -.4 up. -uuii. uiiu . eLlllIlIlll wiui lIII. J. lkJ. KAIILA . ... .. , Copy the code into the clipboard. Please find here an overview of all available Presentations: htt 1// s . eterheffner. clouda s ortal. com/ Also available as a ‘ Smartphone-APP! L
  20. 20. I ylj “**“"a8° Add Text Add a Table Place the cursor inside the name and siarr lyping _ I LIL 4 7‘ "" 1 FindaPage —— " ” "’ "—-i/ -4 . _.. ... _ 1' Select me [FORMAT I ' TEXT] and format the taxi Add a Picture Add a Video _ Adding videos [From Computer]. [From SharePoint]. r ' 2 oi [riom Address] IS Similar to adding an Image. in addition lo that you can also [Embed] {I Video Edit Aduiiig a Link [From Sl'lE1lBF'OIVll] or [From Address] IS similar to adding an image Please find here an overview of all available Presentations: Also available as a J1‘ Smanphone-APP! .. ;,

×