Web Site Administrator`s User Manual
Contents
1. c 0 lisi ide Liz Tis pjm mm Tara g i Maia 1 1 Tat pr as E m ER z psg o laii a is 2 x L GC ie d um dam i 2 LS situ Tap 5 Popular Articles e zi a ci Artes Posh amp st idu nas am DEDERIT x EE ee 81 osi ome 9 eam almas SEKE aE ee age a an fat 3 Select Jobs tab top left Administration ls Vaga a lb Sem Uerum SE C mam 23 EY Em Dim i E LES iih ouem o rmm 1 2 8 DU PD mes _5 um node E 4 Select New from the top right corner 5 Enter the code for the job listing in the Code section ex GED Instructor Pool GEDINSTR Administration ELE Job Cob Tila Cog Tagg trat Jab Tew Pas Fira iP iy Puta Trae Bis crepiisri necu GET ges Pept We ee Enin sm Puttin tana a teme s Samar join Teen 5 1 ke no Tr i sige S s h EEA Bel Eze pn lee d tv As 6 Enter2. Pe k y B A H E X 9 Sb Eie G o td ke OE M 4 3 5 5 Styles Format gt d Left Column div style position relative width 400px gt 1 lt strong gt ENMU Events strong module 96 br gt Y lt strong gt ENMU News strong module 91 div div style position relative width 400px L E P i r LA m FE 30 Using Categories Using categories can be very helpful especially when you have several groups of pages that go together and are meant to be published temporarily For instance if you are making several article pages with unique names that cover a similar subject you may want to place those pages inside of a new category Regardless of whether you decide to place your new article pages inside of a category or not it is a good idea to name each article page in a way that is related to the subject that way articles will be easy to find when making links and makes for better organization Another good thing about having article pages inside of a specific category is that once you are finished with the pages you can delete the category and the articles in one or two clicks of the mouse All of the permanent pages are inside the category Sample Data Articles In order to keep everything organized you will want to place any new category inside the Sample Data Arti
3. areas mad Twy 6 Select what calendar the event will show on from Select Ical drop box eR nem m Cer ee Fer arde D r Gg im Se F ala ROI CS Lag EL lar Lei ac Lei ee ga ki tees oa m rau p 1 Phe Tram crm E bly diorma a rg s 5 5 8 B 5 hmp m 7 Crew mea Kat ada 11 Lu ih C 3 As d 7 Bu 9 1 2 17 E 3 m Tm LS 1 Cera Eat ed T NQusa CIL 7 Select the type of event from the Categories drop box wl Sar d mi ee m eps Eom dan miego he ee ac lem what limen Mom E reef use Duet ce TFS fim EUR CIBO Lie p banii AIT beep E me d g E in d a 1 wu 5 37 a a Pak 8 Tumpas Close 8 Select the Calendar tab enter the start end dates as well as times and or repetition Administration 1 Ls zr ESO BN see bm DIR T 9 9 7 JEvents Edit Event F opus eh sunm bur mcm
4. 28 Figure 28 5 rpoay lt table gt lt table align center border 0 style width 650px gt lt tbody gt lt tr gt 1 cellspacing 1 BEN _ ciframe allowfullscreen frameborder 0 height 315 src http www youtube com embed upz3is N4 widthz 420 iframe lt td gt cm lt tr gt lt body gt lt table gt Is lt p gt nbsp lt p gt L3 Steps for Embedding Video in the Home Page Left Column 1 Embedding video into the Home Page Left Column is very similar to embedding video into a regular article page However you need to pay close attention to the pixel dimensions The pixel dimensions for the video on the home page are 340px x 267px So you will need to use these custom pixel sizes option in the YouTube account before you copy the iframe code Note you should see these dimensions inside the iframe code See Figures 24 26 2 Log into the ENMU Ruidoso Site Administration Console then find and open the HomeLeftCol article page See Figure 30 3 Click on the Source button in the Content Editor See Figure 31 Note that the iframe code for the video lives in between the div tags Do not change or alter the lt div gt tags Simply replace the iframe code 4 Click on save and open the Home page in a new window of your browser to make sure the video works 29 Figure 30 Figure 31
5. lan Location i Lest Actevity n lat 0 AED ier Artur arc Varnaper Ung Lames Tura mIRC frets kd Py key ka Fretted lee Eros 8 Tiara EE i4 2012 1127 54 0 5 Thee 27111 Be Eom 572 2012 11 24 22 c8 atra ICE Edie 1 eni Heya 05 54 2512 33 27 ion Foren hepe E E Sm atrae i 2012 110 1 7 Super h i ah is T p i Ani Ios i ey Weegee heer banagm pn JebGrot Lam L op 5 Popular Artic e 7 Mass aqu LI P Lice aa ee EE Casual E hit p Egg ae amp F Badrect Search am SO 076 b Sari Seach Mamm 7 egies ala b lm iara ug 6 D 258 Emir free eee rele ener Be OU Serer Piir 4 You will see the JEvents control panel Administration Aire Menus Content Components Eater kiona Heri veto aac vet Quos 07 JEve NTS 5 M 4 JEvents Project Hews 2 AAO Usern Avnslabie for Testing 0 vents 210 for Joornla 30 an32 518 now available for Teshng 8 does NOT Manage anas Manage Cabegores r lis hased Gn Severs 22 and Sy remeang 5accward cempiasbabilm witty Joris 1 5 will provide trie lungan lor Ie ned g reramon JEvenie wigii wa can
6. 11 l Styles Format Normal WK Font Arial Size Ay S 2 BOD 9 P a 0 pve Sing the Content BOX sos Te arce p323es me EX II wed RE SOTE O 3 ero R QESES ei viewers Qu me menm ou D The iwing Mag tios om how make pour pages adhene e ETDE aintacy get place adding content and will enenge use me Contact Box Eee figure weich commoni mows a6 3 WY SING ector eat You Ses Wear This egor capai to pace Goes ea oe Figure 16 File Browser Resource Type Files Hew Examplet pd BSKB Bn A Hew Exampie2 pdt BSKB Sample Audit Plan pdt SIKB Upload a new fie in this folder T Send it ta the Server Y Create Folder Cancel 21 Figure 17 Link Link Info Target Advanced T Nm Link Type i URL m Protocol URL other vw fies A New Example2 pdf Browse Server Figure 18 Link Link Info Target Advanced Target New Window blank not set frames popup window New Window blank Topmost Window top Same Window self Parent Window parent OK 22 Cancel Linking to Internal and External Pages When creating links you have a variety of ways you can go You can link to pages within the site internal linking link to other web site pages external pages and link to documents
7. E x CE 5 n p e Styles Format Normal iv 5 eis 1 i al Ws i pt ront Anal gt LE 5 59 O u y 7 Text Color gp se Using the Content BOX se ui T2 ager of TE ciu Wed EBE COMET 3 REE Tit 15 One 55 hE Viewers ge Te 8 Qik 352 Boy The llow uh fips on 5 15 lout pages adhere to the kampis already eet place When adding contest and editing pages pou will he Conte Bar eee Doure 1 which t common a WY ecto hat You See What You Get This fully capable T place tuples inpert pictures and edi tent Siow are Pe yo will need tak order to mate y STOTT 15 fae bot oF Te Omer Dager Inserting Pictures Okay the text you have inserted and styled looks great Now let s take it a step further and add some pictures to your text It is recommend that the computer you are using for updating the ENMU Ruidoso web site has a folder that is set aside for images to go on the site Again this will help you maintain good organization and will make it easier when it comes time to put images on the site Before inserting a picture you will need to note how much pixel space you have to work with Once you have the dimensions of the space you will put the image in you are now ready to upload the images to the web site All the images on the web site live in the folder named
8. afl etre ose ne Contient Boc pee GATE weet pages set rin DOR aT content and rpages acere io Tw Epi own 36 edo What You See i What Yoo Gef This ecitor Is Ul capable Io piace abes Insert pictures anc eat tet Below ace EDS will Need ID CIR coder jour page conten Pe oc o ne 2 oa gamer aie Figure 22 Link Link Info Target Advanced Link Type Target URL Len Protocol URL http ww w enmu edu Browse Server 25 Figure 23 Link Link info Target Advanced Target not set not set frame popup window Hew Window _ blank Topmost Window _top Same Window _self Parent Window parent Inserting Video Inserting video is relatively simple to do If you are familiar with pasting a YouTube video in an email then it should be easy The only tricky part is that it must be embedded in the code When you embed a video you will want to make sure of your useable space And especially when you embed a new video on the home page you will want to make sure that your video does not exceed 340 pixels wide Steps for Embedding Video in a Regular Article Page 1 Log into the ENMU Ruidoso YouTube account Find and click on My Channel oee Figure 24 2 Click on the video and then find and click on share See Figure 25 3 Figure 26 shows that
9. iplum JE DEERE s EEE NM za rier 6s M enm mi Fi LET T T F a iz Ba amp T a x T 8 x ta par F My F 4 Always make sure to enter the contact information for the job in the Job Description section ENMU Ruidoso Attn Amber Rost Human Resources 709 Mechem Drive Ruidoso NM 88345 For more information call 575 257 2120 10 8 Ensure all information is entered correctly then select Save amp Close from top right corner 9 Once back to Jobs screen refresh the site page and make sure the job posting shows eB Administration hiya ipa mr pasa m pim Empa ri 77 ik 0 T Pu E dem wl Spree T 1 1 a Wh ra Farm MEAL m O Freer laa Sud Limma LE ID Pn T me ree Ald ems ppc Tac Tar ope Tong Tik 1 dmm Paging E In 1 a dmt BON Creating a New Article Page 1 Starting on the home page of the site administration console Figure 2 click on Article Manager or just click Add New Article Figure 5 shows the article page dialog console Similar to setting up a category you will need to give the article a title an alias select a category where the pag
10. 615 3 arg IK RBG event You can specify the Event Creator and use the drop down menu to specify the creator if different from the logged in user The two types of events that can show up are either Campus Events or Emergency Notification For the Select Ical from raw icals select one of the 2 event types for the Calendar The category you select should be the same as the calendar you selected 9 Under Activity you can describe your event It has the same text editor so you have 2 JEvents Edit Event 1 Y w Sube 1 Teal rr LE rg ES Event Creator Tears Sect ical Iren 6 Publ E margy iobhcaton ACCESS Actyity This is a best emergency 277 many options on how you want your audience to see the information Under Location specify where the event emergency is taking place The Contact field will contain any individual or organization to contact concerning the event 10 Once complete Save and Close Save amp Close ENMU Administration Adding Events to Calendar End Result Events Calendar sme November 26 2012 Wednesday P 1 2 3 saturday 14 14 16 17 eo n 22 23 24 201 2 Thanksgiving no Thanksgiving ito 5 Copyright 2012 ENMU SITEMAP 1 From Admin Home screen scroll over Components tab 2 From the drop down box select JEvents
11. a higher altibude Wah small classes community kal online courses sd the best value you for your money you can gan 1181851 57 Etondinezs Cortificato alu 7 27 Figure 26 X http youtu be uupz3iS Embed Email Options gt More gt iframe widrth 42 src ht cp WWW youtube frameborder 0 t Afier making your selection copy and paste the embed code above The code changes based on your S lection 4 Show suggested videos when the video finishes E Use HTTPS 7 Enable privacy enhanced mode 7 Use old embed code 7 420 315 480x360 640x480 950x720 Custom Width Px Height DX Figure 27 Somes id 4 E IR Yv 0027Hm amp x x O OM oh S amp S SB Styles Format wy Ch Font Arial Sge 16 Hy F g o xuo Ip sex Using the Content BOX sue Tre arucie pages of ne ENMU Rucoto weo fe conform IO empate Tat 1D viewers get me DITION quio and eae The DIWIM nat ToS 0n now 10 your pages smere to tre template already tet nip plane When adding content and eating pages jou will nekey use Content Bor eee figure weich commonly gnoun as a editor nat You See te What You Get Tris ector fully capable place taples Insert pictures anc edt tet inland A SON Video Will Go Here
12. lure 8 7 fants 277 Amalia How Configurabor ayaut Dalai 0 185 EE ia now mlale for to al users This region fes a PIE Bna i rta Sd 5 BEE vens 8 m PIE he 0115922515 sme per tery LA niw prodem introduced Dy Jamba 2 5 67 alao incduds suppi 1 SOSTART and ISOEND used in Foch VUersson Statws Report update avatable b Version information Tor Support Form Jommm 2156 Jura s tree zw are relegxe weer the LAN eser Subic 9 Select Manage Events o 6 Select the New Event Button New 7 The Edit Events screen will be in your window under the first tab named Calendar opecify the Day and Date on the Events Keep in mind that the system will only show events on the front page that are within 15 days Specify the Start End and Duration You can also specify if you want your event to repeat under Repeat type 8 Select the Common tab Here you will enter the Subject which is the name of your Administration 3 i SAE DETTA E rega aam Bert mir w r k 00 TI di 3 Adern za NR ew Riesa JEvents E S tart E mud Curation BOE 5 Ee eri P ities 8 12 dte j Ed Ela Dec fm arbo enn End cate LJ 201 Eng Time USC Em amp grr kp cee and 8 Haga aly Cow Mery 7 aa z35 7 Moi Li CL eel 1 8
13. Administration VT rll dom oe 1 E ea aW 1 Yaar lees ED Dm D Lag a AMI pedum ph bamet Lat 51 m o 1 7 qr irra Lm E Laid Lagani H Tarik Ss AERE map B vigore Big caca Adm Tua mL F z 5 Tea CE Dsum 1 c3 5 n ar amp Dig b L Added Liides B wp L py E 0 E Puer e di i E E a TED bom a Pec mw bea paag pus Few acea Pers i Kj ii 3 Select Manage Events 4 Select New from top right corner 5 On the Common tab enter Name of event in the Subject box F iagh Tom Dac ga Dd RU mie Pet T om d oae i D DACHUR RO FIST ary hoe ag zung Foe Trial ise Roque md from rp 8 waa 5 TM Arno a my a X 3 LO B I d tS NE E E x 1 i in d Ar Fami Wurm F if LU S mE m Tas m m KS 4 3 Fas og
14. Web Site Administrator s User Manual Prepared by Out of the Box LLC Copyright 2012 Table of Contents Title Getting to Know the Site Administration Console Add Events to the Home Page ENMU Administration Adding Events to Calendar ENMU Administration Adding Jobs to Job Listing Creating a New Article Page Using the Content Box Inserting a New Table otyling Text Inserting Pictures oteps to Inserting a Picture Gallery oteps to Uploading and Linking a PDF Linking to Internal and External Pages Inserting Video Using Categories An Example of Using a Category and a Bit about Pre Planning Contents About the Manual The process of adding pages and editing pages to the new ENMU Ruidoso web site is quite simple This manual is designed to give you a complete set of instructions on how to update events calendars and job listings create new article pages having new article pages inside specific categories edit current pages insert pictures and picture galleries embed video and create external and internal links Please note there will be some HTML experience required however there will also be graphics and code snippets to help you along Alright let s get started Getting to Know the Site Administration Console The site administration console has everything needed to edit the site and site settings When you first see the console it can be a bit overwhelming However for this manual we only need to focus on add
15. Click on button and a dialog box will appear 2 Set the table width it is recommended that your table is between 500 700 pixels wide 3 Set the cell padding cell spacing and border size 4 Set the alignment to center 5 In this way all the content will be spaced in the center of the page making large portions of text easier to read 3 It is recommended that all text be placed in to a note pad document before placing it into your web page The reason is that word processing programs like Microsoft Word can have styling in the text that may look ok but when copied and pasted into the actual page the result may not be what you are looking for Thus it will save you time and effort to copy all your text from your word processor and paste it into a note pad document and then copy the text in the note pad document and paste into the web page editor 4 Once you have the text inserted you can begin styling the text All the pages use the Arial font family There two different sub heads below your main headline It is up to you which one works best Styling Text The Green Sub Head uses the JB Type Joomla typography plugin This is the head inside of a blue teal green box Below Figure 6 and 7 shows an example of how the JB Type is set into place You ll want to note that the text in this sub head is set to 14pt Arial and uses the HTML color code 006D55 The Brown Sub Head is set to 14pt Arial Bold and uses a HTML
16. images In some cases especially if you have a grouping of images to be in a gallery you might want to place the images inside of a sub folder inside the images folder Steps to Uploading Pictures 1 From the Control Panel page of the Administration Console click on Media Manager 2 f you are uploading multiple pictures for a gallery then you will want to create a new folder See Figure 9 Type in your new folder name and click Create Folder Once you create the new folder then you will want to make sure the folder is selected when you upload your images See Figure 10 3 Click on Browse and select your images to be uploaded Note that you can select multiple images at once 16 Figure 9 Figure 10 Steps to Inserting a Picture 1 In your Content Editor click on the picture icon find the name of the picture you are going to insert and select it See Figure 11 2 Choose the alignment Note choosing a left alignment will cause the text wrap around the image See Figure 12 3 Click Insert and you picture should appear in your content box See Figure 13 Figure 11 2 5 gt v d W 8 BJU Ss x x OF CLM off We 3 3 5 styles Format Normal Ima mage Font Arial Size i 5 my 03 a 6 E 2 I i if m 0 1 a UO ly p e Using the Content Boxep sues cine amcie pages
17. ere Pw dom jeucamwew m unm wd Chee mcm Rec Se Pi m a hiec F AA oet pad bm Vir daban Dos lr rte Bes Fema gm lk dad omo 61 1 8 Dag Za pied tre Weer Ane Rag Cal Oypari Wordly vuam mur ITE a a eb eee R ae 9 Select Save from the top right corner 10 Once saved will automatically return to JEvents page Refresh and ensure the event appears on the list and is showing a Green check under Published column E da BL Tw m do pees ces Dade p Had Fad kuran 5 wl F ray li Firma Tang P BT Am E dnt aun Cann aen ITI a P 6 1 1 a eo a nm T e E e Tem 8 e 1 110 811 i a L i 2 7 1 t M E E i d 3 i e i ENMU Administration Adding Jobs to Job Listing 1 From Admin Home Page scroll over Components tab 2 From drop box select JobGrok Listing Administration ix i j Last E Logged an Deere amo beeps 0 imi E amp o ou ig
18. the job title in the Title section 7 Enter remaining information in their designated sections Company T1 Department Pps anus rt abd iab Tepi isss EAHA fem Pa Rue HDS FT Ase f Tei Cuir ia Term Dei jipa j amp H EE 8 a eee M a m A E 3 zi um n 1 3 domam Lie Cz ut ug Du acum uu 8 P LY uhr 0 Wt E TT 1 pur t T m prar gm Aims E Fimis r wT F aii T 3 Fam op E Sami 7 rape 7 Taza Fere Dag apa aims c M co a s 7 cid potest phot A Geb C Mas Wek DHL anim DE aP OE Lud To HERE c i ep hp arp 8 85 8 313 s bh 1 Foe ij 3 i d 1 f nmm 7 Fa E 2 Te LJ fi ii 11 dn E E F T a wy TY TE iD ye ch am E girit at CT Ti FPE wr La m Fa og dam E F mas
19. to the look of the other pages 1 All pages have a pre styled headline Whenever you title your new article page the headline is already styled for you 2 Each current page has a table that is set up in the center of the page and is set to a dimension of between 500 and 700 pixels In some cases you may see tables that are 800 pixels wide In this way the content will flow down the center of the page and will make it easier for viewers to read the information Figures 4 and 5 are a set of pictorial examples on how to set up a table in a page Depending on the content and your creative preference you may choose to use more than one column in a table to place pictures next to text In the back of this manual you will find code notes to help you write out HTML code for tables Also in the electronic files of this manual you can find a txt document that you can copy and paste code into your content editor Figure 4 ow ll EF Xx BY 9 B U X Xx X Op EEE o Ed CE zm a 96 Styles Format Normal Bi Font Size Aly E Q ix Figure 5 Table Properties Table Properties Advanced Rows 1 Columns Width 1 600 pixels Height Headers pixels Hone A Border size Cel spacing 0 Abgnment Cell padding Center Caption Summary Inserting a New Table 1 Inside the content editor find the create table button
20. you start to draw out your page map you may also want to consider 1 How long will the pages be up on the site and will you have an easy way to take the down when necessary 2 What is the outcome that you will expect from these pages 3 What graphics maybe needed 4 Who will see these pages Are the pages more important to teachers or students or perhaps the general public Having a solid plan and knowing the answers to questions like these will help you create a set of pages quickly 32 F Figure 34 Tu Du aS OST IN NN 9 pas Ki A us ww bou ESSET y Ya Important Naming Conventions As you will see in the sections to come it is important to be accustomed to a naming convention when making new categories and articles Having a solid naming convention that is unique to your subject will make it easier to link pages and will help maintain organization Below is an example of how article pages could be named inside of a category Category Name Science Fair Alias science fair Title Welcome to the Science Fair Alias science fair home Title Contact Information for the Science Fair Alias science fair contact Title Enter Your Project in the Science Fair Alias science fair entry 33
21. cles Figure 32 shows an example of the page to set up a new category As you can see the parent category is Sample Data Articles Figure 32 Setting Up a New Category 1 Starting on the Control Panel click on the Category Manager Icon 2 Click on New 3 Go through the dialog boxes entering the Title Alias Parent as Sample Data Articles and in the Created by box you will click the Select User and select your user name 4 The other dialog boxes can be left alone to be set by default 5 Click Save amp Close In the Category Manager find your new category 31 An Example of Using a Category and a Bit about Pre Planning Let s say that ENMU Ruidoso wants you to create several pages for an upcoming science fair And let s say that you ll need a science fair home page a contact page and form page for viewers to enter their project Since you are planning to build several article pages about a particular subject it is a good idea to scratch out a map on paper beforehand Figure 33 and 34show how a map on paper might look Figure 33 Qe tm E E L 4 d 4 uA AGE 5 e ud Ex 2 res j f iE E 1 E m 4 A viicle amp 5 e pole of Esa The j N 5 Ku PT C SC thes 9 2 r y UES 1 EAUX a 91 ff Pv 5 j sA re 7 if 4 fre 2 p m 5 A L y e Ie j A FH E L d 7 As
22. color code of 775418 The Body Copy Text normal paragraph text is set to Arial regular with a HTML color code 006D55 Note the size of this text is set by default to a 12pt medium size Because there is a button every page that allows the viewer to change the font size you will want to leave it set to default Figure 8 showes body text being styled 14 Figure 6 t Source lg 4 TA ce OE O B U X X OO E oe 58 8 5 7 m Hs Styles Format Norma Q Font Size 4 B 9 O 3 O 2 mm e 5 O co The towing mae tee on Ow we comment Content Box see figure 1 which pages achere to e lenie already set Into piace When adding content and eGEng pages you will edens hel use eect pictures anc ect tet What You Get This ctor uly capai m oce Jes 38 a entr eat You See Figure 7 1 E i zx w a u c n 5 B FT X XK I x mm EI j care ER SS E 1 7 d Styles Format METEO M 1 Font Size Hv ua E m d we d lt p gt nbsp lt p gt lt table border 1 height 88 width 600 gt lt tr gt 15 Figure 8
23. e will reside and select a user name Figure 2 Publishing Options Created Sy Creahd 5r aian Created Cate 27612 17 117723 Sat Pushing 1222088 Finish Puskshing OOO 00 26 00 862 5 01 1 1 2 Give the Article a title and an alias then select the category of which the new article would go under Note most all the pages are set up in the Sample Data Articles category 3 Select a user name 4 Set the publishing dates Note that you will want to leave the Finish Publishing Date blank The Finish Publishing Date sets the date that the page will be automatically set to a deactivated state 5 Insert content into the Content Box Using the Content Box The article pages of the ENMU Ruidoso web site conform to a template that is designed to help viewers get the information quick and easy The following has tips on how to make your pages adhere to the template already set into place When adding content and editing pages you will extensively use the Content Box see figure 3 which is commonly known as a WYSIWYG editor What You See Is What You Get This editor is fully capable to place tables insert pictures and edit text Figure 3 if 5 1 uL 1 ray 0 1 q 5 3 5 2 B d X X IM o Ed zs oW IJ 0 0 1 1 T gi 3 1 rJ i 12 Below are the steps you will need to take in order to make your new web page conform
24. el pater Saree taner oM sahen 23 Figure 20 Link Info Target Advanced SA Links Content 3 A Sample Data Articies 3 Mj J Park Site d Frut Shop Site O Science Fair News amp Events History Site Map Mission Governance Student amp Faculty Stats Campus Tour Text News amp Events Tie News amp Events URL andexphp opbonscom conteni amp vies Steps to Create External Links 1 Select the text or image you want to link to another web site 2 Click the Link button See Figure 21 3 Select the link type 4 Select the Target tab You will want to note that when you link to other web sites you want to use New Window blank This will create a new web page window when the viewer clicks the link See Figure 22 5 Click the Link Info tab then enter the URL address Note you can click the Browse Server to link to PDFs and other documents that can be displayed on the internet 6 Click OK See Figure 23 24 Figure 21 t gt Source i Ge c fm B 4 E Go 5 go x xo 3 J ja am ai so LER mmi Styles Format Normal Link P in Font Arial Size 4 amp BOO exu Using the Content BOX sux iade era The now as fc on Ou Im t edt cud teen coa ta e command
25. ing and updating the article pages updating events as well as the media that goes with it Figure 1 shows the Administration Console Home Page i e Control Panel Most of what you as the user will be working with is the Content and Components sections which is found in the menu bar and in the top row of icons Figure 1 Administration TT Joomla Sain Livers Campanha 1 ga He A 2 Veter i D BN Yer 868 zx ig v Last 5 Logged in Users o arn Location Lond Agtt L si Ste cae Mangas NF Ear ggg aas id 558453 7T 5 5404 Super agr pq John Reeve i John egi om Warnes k Top 5 Popular Anche Last 5 Added Articles 1 Add Events to the Home Page End Result ENMU Events Fri Dec 14 8 00AM 05 00PM Test Event Sat Dec 15 8 00AM 05 00PM Test Event 1 Log into the ENMU back office a Permanent http www ruidoso enmu edu administrator b Temporary http 50 22 135 143 enmu administrator i Must have Super User or Administrator Access 2 Enter your user name and password 3 Once you see your control panel select Components and then JEvent Administration Site Users Menus Content Composants Extensions Help River him 0 Eve Queso ab ARTES 5 iI rh Hihira i Lew 5 ad in Users EM 5 ou LI imt a eo
26. ng elt Picture Maecenas feugiat Goes consequat diam Hore Maecenas metus i Vivamus diam purus HSpace Cursus a commodo non facilisis viae Space nuts Aenean dictum Abgn Left Parias Minne ahh ncm sg ilm Pridih Border When the picture is inserted it should look like this styles Format Normal WS L Font Arial Size Hr Bee ao 8 al Li sos USING the Content BOX s The article gages of me ENIM U Rulaoso veg site conor to template 3 designed nei viewers get e MANTEN Quick anc eas The iofiowing as tips Mow 10 Take our pages acere to Te template alread set place When adding content anc eging pages y WE 2 21271 opa me Content Box Eee yore 1 227770 dwn a6 3 SS edzor Cina moo Ses rar 82 Set The 5 gaio Sully Cap Dice tablet Incert pictures 3 0 eam text CONDE TO UNE DOI I win Picture Poker We Goes Here 19 Steps to Inserting a Picture Gallery You will definitely want to watch the how to video before inserting a gallery 1 From the Control Panel page of the Administration Console click on Media Manager 2 Create a new folder by typing a name for your new folder then click on Create Folder 3 Click on Browse and select your images to be uploaded Note that you can select multi
27. of me 5 2 wed Ee conform 15 3 empate mar D nexa viewers ger me Quint 210 axe The eowing nas moe on 10 Our pages acere Pe emote 316337 eet pace ac2ing content anc EEN pages you will ne use e Content Bor see gure 1 which ip commont bagan 2 SSS edio Abat You See You Get Tris editor iiy cananie fn piace tables Meen Dictures anc edt eet Below are e 906 pou wil Seed 10 take Order rae pour wed page conform ihe look Of e omer pages Image Properties Figure 12 Image Info Link Advanced URL Browse Server Alternative Text Browse Server Preview Wadth Lorem ipsum dolor 22 amet consectetuer adipiscing eR Maecenas feugia consequat Height diam Maecenas metus Vivamus diam purus cursus a commodo non facilisis vtae nulla Aenean dictum lacinia tortor Nunc iacuks nibh Border non iaculis aliquam orci felis euismod neque sed ornare massa maurs sed velt Nulla HSpace pretium mi et risus Fusce mi pede tempor id cursus ac ullamcorper nec enim Sed tortor Curabitur molestie Duis velt augue not Set m pines o bumbham ar ruri VSpace Abgn 18 Figure 13 Image Properties Image Info Link Advanced URL images TemporaryPortraitPicture jpg Browse Server Akamatwe Text 100 Lorem ipsum dolor s amet consectetuer Height 12 adipisci
28. ple images at once See Figures 9 and 10 4 To insert your gallery first click on the code view button Source in your content box and paste the following code inside between an open and closed table data tag See Figure 14 Figure 14 ra gt 7 lt tr gt lt body gt table cable align center border 0 cellpadding 1 cellspacing 1 E ooo Style Widcdth 650px gt lt tbody gt yFolder gallery 1 H lt td gt gallery ExampleGa S E s 5 d wd a 111 Steps to Uploading and Linking to a PDF 1 Uploading PDFs to the Media Manager is done differently than the way image are uploaded You won t need to upload the PDF in the media manager beforehand Instead you will upload the PDF as you make a link to it 2 Select the text or image that you want to link the PDF to then click the Link button See Figure 15 3 Click on Browse Server 4 Click Browse to find the PDF to be uploaded then click Send to Server to complete the upload See Figure 16 20 5 Select the PDF that you just uploaded in the window See Figure 16 6 Click on the Target tab and select New Window Blank See Figure 17 7 Click OK then click Save Test your page the PDF should open in a new browser window See Figure 18 Figure 15 Source imi a 4 c hb os B JUS X O 3 d Cobh E568
29. such as Word documents and PDFs It is recommended that when you link to an external page that you target the page to open in a new window As an administrator of the web site you would want the viewer to stay on your page as long as possible Steps to Create Internal Links 1 Select the text or image you want to link to another page See Figure 19 2 Click the J Tree Link button in the Content Editor and then find the page you want to link to under the Sample Data Articles folder and click on it Note the dialog boxes should then show the page you selected and the respective URL 3 Click OK See Figure 20 Figure 19 Source gj 0 E d amp d 1 UW 5 Bf US X x Lil ofe amp e M rm 4 26 Styles Format Normal JTree Link Font Arial Size od OQ 9 pey Using the Content BOX The article pages of ne Auigoso web conor TOE Prat designet viewers get te anc eas The 9 nas Tos on ow ip mur acento TON iac M ITO Dor FN 006g cont anC BOE Dae wi eel ope Die Contr Boo bet gunt 1 anion comment cou a arbroenm varo Sas es Ot Trag EIB CICUOM p3or DOE HH IPC CE Below ane will co ake cicer 10 TUE new wen page conten te me ba cr e
30. the embed button has been clicked and by now you should know the exact dimensions of your space to embed the video You can select a pre determined size or choose put in a custom size Once you have chosen the size of the video then copy the iframe code in the box above 26 4 Log into the ENMU Ruidoso Site Administration Console then find your page to put the video in 5 Make sure that you have a table to place the video in and type some place holder text See Figure 27 6 Click on the Source button then find in the code where you place holder text is should be in between the td amp lt td gt tags Remove the place holder text and paste the iframe code that you copied in the YouTube account See Figure 8 Figure 24 ue 2 Browse 572 Upload ENMU Rudess a YouTube now has live video REM 1 Td on Air Live stream to your channel now Chanel tings j ENMU Ruidoso Browse videns ne Edil jw i ENMU Ruidoso 1 z 77 3126 1 Late Joined Country ENMU Ruldoso WelcomeVideo B Weis Figure 25 Ep TheCorsryintargly AT pe A3 YouTube Challenge Told My Kid 1 Ate AH Teacher Tips How to Start A Class This vides i public How t Make Award Caort ificntes ln dive 8 Addis 5 Ra B ews T big li 2 Chats of embed His ton Welcome to ENIM RURESEU AT Clerics Tou can get an education thal raises your laarning
Download Pdf Manuals
Related Search