var urls = new Array(
"Joomla/A1 About Joomla/Books/A0 Before You Begin",
"Joomla/A1 About Joomla/Books/A1 Joomla - What and Why",
"Joomla/B1 Installation/Books/B1 Putting the Files on the Server",
"Joomla/B1 Installation/Books/B3 The Joomla Installer",
"Joomla/C1 Templates and Site Design/Books/B6 Installing a new Template",
"Joomla/C1 Templates and Site Design/Books/C2 Choosing Site Modules",
"Joomla/C1 Templates and Site Design/Books/C4 Changing the Site Footer",
"Joomla/C1 Templates and Site Design/Books/D4 Changing the header graphic",
"Joomla/C1 Templates and Site Design/Books/D5 Editing index.php",
"Joomla/C1 Templates and Site Design/Books/D6 Editing the css file",
"Joomla/C1 Templates and Site Design/Books/D9 Editing the Template - Review",
"Joomla/E1 Site Content/Books/E8 Adding Content - Planning",
"Joomla/E1 Site Content/Books/F2 Removing Menu Entries",
"Joomla/E1 Site Content/Books/F4 Adding Sections and Categories",
"Joomla/E1 Site Content/Books/F8 Adding Content Items",
"Joomla/E1 Site Content/Books/G2 Adding a Menu Entry for a Single Article",
"Joomla/E1 Site Content/Books/G4 Removing Content",
"Joomla/E1 Site Content/Books/G6 Putting Content on the Home page",
"Joomla/E1 Site Content/Books/G8 The News Component",
"Joomla/E1 Site Content/Books/H2 Adding a Menu Entry for a List",
"Joomla/E1 Site Content/Books/H4 Adding a Menu Entry for a Component",
"Joomla/E1 Site Content/Books/H6 Launching the site",
"Joomla/F1 Extensions/Books/A0 Introduction to Joomla Extensions",
"Joomla/F1 Extensions/Books/A1 The OpenSEF Component",
"Joomla/F1 Extensions/Books/A4 More on OpenSEF",
"Joomla/F1 Extensions/Books/A6 The JCE Editor Component",
"Joomla/F1 Extensions/Books/A8 More on the JCE",
"Joomla/F1 Extensions/Books/B2 The Joomap Component",
""
);
 
var sbookText = new Array(

" 0 joomla 0 8 tutorial bookshelf set tutorials shows how install complete joomla site screenshots provided for each step tutorials illustrate installation using windows xp desktop unix web server since desktop only used for transfering editing files most actual setup takes place browser tutorials should be useful for users other operating systems than windows since operations will be similar tutorials can be viewed any modern browser javascript required for functions such as search tutorials meant provide step by step instruction for beginners although there few basic prerequisites readers should understand basic computer functions including how download install software readers should understand what computer file how copy delete files readers should have at least very basic understanding what html number #2 seems be stumbling block for computer users who have picked up computer knowledge without any formal training if don t know exactly what computer file check out set computer beginner tutorials knowing basics files makes lot other computer knowledge much easier understand",
" 0 screenbook tm tutorials tutorials created program called screenbook maker tutorials all have common format called screenbook format computer tasks explained via short text descriptions graphic snapshots full computer screen - screenshots screenshots screens at different resolutions all displayed height 640 width 480 pixels if using internet explorer can click style menubar at top tutorial page change image size recommended make image as large as will fit monitor if using firefox or another browser images which were originally larger than 640 x 480 will appear somewhat unclear because resizing internet explorer contains component can resize screen images without causing lack clarity feature doesn t exist yet other browsers however browser other than internet explorer ll notice link under each image can click see image full sized other items tutorial menubar include buttons for moving next or previous page search quick full text search all tutorials bookshelf bookshelf set screenbooks square icon view page without frames bookshelf table contents for bookshelf frame titles menu page titles for screenbook all all pages current tutorial combined one page thumbnails thumbnail images page titles",
" 1 joomla web application makes easy for groups people build website fact joomla so easy use a good tool for even single individual use when building web site applications like joomla called content management systems cms can read more about cms at wikipedia two other more popular cms applications plone drupal joomla probably easiest use best supported more popular cms applications",
" 1 if have website want be able change content site easily / or frequently joomla could be good choice for joomla can log site edit site directly browser can add new pages pages will automatically be added all navigation if want more than one person be able edit site can give logins other people set permissions as whether can post new content or just submit for review by",
" 1 joomla very easy install must first install mysql database which easy do most hosting providers such as pair com or godaddy com then simply unpack upload joomla files server step through simple instruction screens",
" 1 one reasons for popularity joomla addition making easy edit site easy make site look nice appearance joomla pages set by means joomla templates there templates available easy install here few sites offer joomla templates can use site take minute browse through to see kinds designs available a few mouse clicks rocket themes joomla designs 4templates",
" 1 the other big advantage using joomla build website there lot open source components can plug site give just about any functionality want for example newsletter auto generated site map search engine friendly urls my-cool-page htm instead option/3/5/component embedded blog wordpress comments - allow readers add comments articles events calendar rss syndication - generate rss feed for site rss import - read rss feeds into site form builder create forms users fill out forms then get stored database hierarchical dhtml menus",
" 1 here example real site built joomla jsl - japanese websites for us companies terms visual design site fairly simple does use quite few components company las vegas company providing japanese translation website design for american companies looking sell japan over web jsl provides its site number resources including yen converter for converting yen amounts dollars vice versa tool for converting all yen values dollar values web page addition articles link directory bookstore calendar for japanese holidays more yen converter other resources were not built joomla joomla makes easy incorporate resources created by joomla modules site include links japan bookstore automatically creates proper link for amazon affiliate id japan calendar japanese translation request form hierarchical menu joomla component makes easy put lot resources into menu note the article pages have google adsense added side joomla makes easy add adsense or any other blocks content particular sets pages simply paste content appropriate block assign block category pages",
" 1 example site # consejos para todo very simple site offering number articles tips various topics spanish such as travel health tips however even for such simple site easy see benefits using joomla over creating as static html pages one feature site there menu articles middle main page left menu reads bajar de peso corazon dolor de cabeza resaca dejar de roncar dieta para adelgazar perfume de mujer cuidado de la piel escoger abogado vuelos charter impotencia casino en línea casino consejos viajar joomla automatically updates menu whenever new articles added can place menu wherever want put menu more than one place page site search provided by joomla component another component lists pages most popular viewers pages have been clicked most as jsl site can see adsense has been added pages simply by pasting adsense code into joomla template adsense program by google allows make money website",
" 1 example site # park wellness center site for integrative health center including acupuncture other holistic therapies joomla advantage for site because site has sections for different practioners each practioner can add own content site administrator has editorial control over content site also has blog article section both which updated frequently",
" 1 finally look at just how easy edit joomla site here going log jsl site note picture best viewed internet explorer which has special component for shrinking pictures like one screenshot 800 x 600 screen",
" 1 here s login screen ll login as admin",
" 1 we return home page big red arrow pointing edit icon if click ll be able directly edit text site",
" 1 here have clicked edit icon scrolled down bit can see there wysiwyg editor right page text can edit save icon can click save changes",
" 1 so installation easy editing content easy what about overall setup choosing menus components want arranging them then adding new content? can be bit more involved once understand principles joomla ll find both simple powerful read series as build new joomla site scratch",
" 2 installing joomla simple basically involves following steps get joomla package unzip transfer files site-or-transfer package site unzip untar run install program browser modify file permissions server copy config file server delete install directory tutorial will cover first two steps next tutorial series will cover rest steps joomla php program server needs have php installed installation tutorials will show how install joomla unix based machined php installed most hosting providers running unix have accounts available php installed",
" 2 this tutorial will show how install joomla version 0 8 step by step first open joomla project release page",
" 2 here s screenshot page taken may 2006 list files page changes constantly so ll probably see different list",
" 2 you ll want find file contains phrase stable-full package files name patch only partial joomla packages",
" 2 next re going download package local machine unzip package extract all files folders upload files server steps will be demonstrated windows xp if using another operating system steps will be similar if already know how download unzip file archive upload files server can skip ahead",
" 2 we re going download file ending zip click link get download dialog if know how unzip gz file server has shell access can save bit time by downloading gz file instead unzipping directly server if know how do can skip rest tutorial proceed next one",
" 2 here have save as dialog - ll save package windows desktop",
" 2 the browser starts downloading file",
" 2 the file has been downloaded click close",
" 2 here can see file has been downloaded desktop",
" 2 now need unzip files package if have winzip installed can simply double-click package if have windows xp can also unzip package by right-clicking package choosing open - compressed zipped folders will open screen like one shown sidebar menu 1 should be showing if not click folders icon 2",
" 2 click extract all files",
" 2 the zipped folders extraction wizard starts",
" 2 click next by default files folders will be extracted folder same name as package",
" 2 the folders files begin extracting",
" 2 the files have finished extracting",
" 2 click finish extracted files shown",
" 2 now just need transfer all extracted files web server hosting provider may have web interface for doing can also upload files using program like cuteftp or filezilla if already know how upload files server can skip rest tutorial go next tutorial series next few screens will demonstrate uploading files using filezilla filezilla open source program can be downloaded site install find file name filezilla**setup exe download file desktop run for example at time writing most current version filezilla contained file named filezilla_2_2_22_setup exe",
" 2 here have opened filezilla",
" 2 select file - site manager",
" 2 the new site dialog opens",
" 2 enter information for server can get hosting provider site name name choose host name server will usually be domain name servertype choose sftp if server allows otherwise choose ftp can try sftp if doesn t work switch ftp logon type normal enter username password get hosting provider",
" 2 click connect if get message asking about server key click ok filezilla connects server following window panes displayed ftp messages local machines files servers files file upload progress",
" 2 in window pane displaying local files navigate where put joomla files case since put files desktop were logged as user1 files located at c \\documents settings\\user1\\desktop\\joomla_1 0 8-stable-full_package\\ by double clicking appropriate folders ve navigated joomla package folder",
" 2 now just need transfer files local system server set tutorials re going be installing joomla at www nycircuits com which located servers hosted by www pair com need navigate folder server where www nycircuits com located will vary depending hosting provider if don t know where domain located check hosting provider screenshot ve navigated joomla files local machine 1 folder where www nycircuits com domain located 2 re ready transfer files",
" 2 to start file transfer simply select files joomla folder can select all by entering ctrl then dragging files over pane displaying server files pane shows ftp messages server pane shows progress file uploads",
" 2 there lot files upload so will take while finish when files have finished uploading close filezilla proceed next tutorial series",
" 3 in tutorial will finish setting up joomla ll first need get mysql login hosting provider mysql open source database most hosting providers provide simple means setting up mysql database server ll need set up database then save database name database username database password after completing installation very simple re going change file permissions enter database information copy configuration file server delete install directory then re done base installation",
" 3 open web browser navigate domain where uploaded joomla files tutorial installing joomla into domain where there already website when look at domain old pages still showing",
" 3 in case need enter full url joomla start page which for example www nycircuits com/index php automatically redirects us joomla installation page",
" 3 here have scrolled down bit ll notice following items red configuration php unwriteable don t worry about ll fix later couple settings here might be red depending upon how hosting set up most cases ll be able ignore",
" 3 scrolling down further see need set bunch file permissions",
" 3 go back site filezilla or open whatever tool have for configuring server",
" 3 we need change permissions make folders writeable first folder list administrator/backups navigate administrator folder server adminstrator folder one folders uploaded when uploaded joomla",
" 3 right click folder whose permissions want change",
" 3 choose file attributes file attributes dialog appears",
" 3 select checkboxes for write permissions",
" 3 after click ok file permissions set repeat process until have set all permissions installation screen write 777 then refresh install screen files now listed green",
" 3 you can now click next",
" 3 the gnu/gpl license appears after reading click next",
" 3 almost done - just need enter mysql db information enter following hostname usually localhost if server isn t shared mysql user name get hosting provider mysql password get hosting provider mysql database name get hosting provider",
" 3 click next joomla will ask if re sure settings correct",
" 3 if ve entered everything correctly next screen appears enter name for site",
" 3 step has few more things check enter domain name path domain server usually don t need change should be correct if ve gotten far email - email joomla software uses contact for example tell when someone has entered new article site won t be displayed site password - can change whatever want be sure remember",
" 3 joomla now installed however there two more things need do create configuration file delete installation folder",
" 3 scroll down page ll see following message configuration file or directory not writeable or there was problem creating configuration file ll have upload following code by hand click textarea highlight all code click highlight code as instructed then right-click choose copy",
" 3 return filezilla find file named configuration php-dist will be folder where uploaded joomla",
" 3 locate same file machine joomla folder originally downloaded",
" 3 you need open configuration php-dist file paste code into just copied clipboard last screen rename file configuration php upload configuration php change file permissions configuration php writeable 77 if already know how do above steps can go ahead skip next few pages for step by step walkthrough how do above filezilla please continue",
" 3 right click configuration php-dist choose view/edit",
" 3 you get error message because no editor program has been specified",
" 3 choose edit - settings",
" 3 the filezilla options dialog opens here ve choosen as editor c \\windows\\notepad exe file viewing / editing section",
" 3 now can choose view / edit configuration php-dist filezilla notepad opens don t worry if file contents appear scrambled re going overwrite them delete contents configuration php-dist paste code copied previously",
" 3 save file close notepad now right-click configuration php-dist choose rename",
" 3 rename configuration php",
" 3 upload configuration php by dragging left pane right",
" 3 change file attributes configuration php 66",
" 3 one more step delete installation directory right-click choose delete if don t delete directory joomla will not run",
" 3 now can view new joomla installation present example there preexisting index html page domain so order view joomla need type full url joomla start page case www nycircuits com/index php if installing joomla into empty domain can just type domain name will see new joomla site can see joomla has been installed sample conent next tutorial ll change template so site looks completely different then subsequent tutorials ll put all content build working site",
" 4 this set tutorials demonstrating installing joomla into actual site preexisting content site nycircuits inc new york city software consultancy comparatively simple corporate site so want change template something more streamlined than default template there number template libraries for joomla there free templates also templates for which fee charged for list template sites see first tutorial series or search for joomla templates google or another search engine",
" 4 here looking at gallery available templates site called www joomladesigns co uk",
" 4 scrolling through available templates decide use one called skyline",
" 4 the template have chosen at www joomladesigns co uk design requires us log paid membership here have logged site about download skyline template",
" 4 clicking file name brings us download page for template templates at www joomladesigns co uk actually bit less simple install than most other templates there special instructions here ll need return",
" 4 here have downloaded skyline template desktop",
" 4 now going install template do go administrator area website which can be found at address domain name administrator",
" 4 this main admin screen for joomla",
" 4 before install template there one important step need do joomla will be creating folder for template need tell joomla make folder files writeable or will only be writeable by joomla may want edit files directly ourselves later so let s make them writeable select site - global configuration",
" 4 select server tab ll see radio buttons for file folder permissions",
" 4 select chmod new files 66 chmod new folders 777",
" 4 now save changes",
" 4 now re ready upload template choose site - template manager - site templates",
" 4 this brings us template manager",
" 4 click new icon",
" 4 click browse",
" 4 the choose file dialog opens navigate desktop where skyline template was saved",
" 4 click open path template now appears input box",
" 4 click upload file install",
" 4 the template uploaded installed click continue",
" 4 we re now going make skyline template one used by site by selecting template clicking default",
" 4 we now can take look at site design has completely changed however styling doesn t look quite right for particular template need change few more things",
" 4 returning template site see there instructions for configuring template mainmenu using left module position module class suffix -left top menu uses top menu module position module class suffix plus menu class suffix set -top login using user1 module position module class suffix -left search using user5 module class suffix -search",
" 4 this brings us one basic concepts joomla joomla does not create web pages doesn t really have concept pages instead content consists modules placed positions ll explain later how joomla uses concept make site look like made up multiple pages for now let s just talk about positions modules for example one position left think position as box name left put somewhere page position could actually be anywhere depending upon how set up main template page hopefully will be somewhere left avoid confusion within position can place one or more modules module bit content for example menu first instruction previous screen saying mainmenu module should be left position mainmenu module should have css class suffix -left",
" 4 so need configure mainmenu module admin area choose modules - site modules",
" 4 the main menu module type mod_mainmenu what re looking for",
" 4 clicking link for module brings us page where can edit settings for module note position already left",
" 4 scrolling down see there entry for menu class suffix were instructed enter -left into box class named style used css cascading style sheet file ll learn more about later",
" 4 after clicking save return list modules next one need edit top menu",
" 4 here were instructed enter -top for menu class suffix module class suffix",
" 4 in same way can proceed fix rest modules returning site home page can see template now displays correctly",
" 4 here screenshot site at point at higher screen resolution internet explorer will display screenshot more detail than firefox or other browsers",
" 5 let s get site basically setup minimal content first step just unpublish modules don t want display simple matter looking at list modules clicking unpublish icon first for site want remove newsflash item top page",
" 5 btw note switching back forth site admin area by using tabs firefox tab feature very convenient when editing joomla site here back modules listing going unpublish newsflash module by clicking indicated icon",
" 5 returning home page can see newsflash has disappeared",
" 5 let s get rid other things don t need for now scrolling down see second menu left rss syndication link site not going have blog format front page so ll remove don t need second menu either",
" 5 which modules do need unpublish? user menu menu only appears when registered site user has logged not menu want remove other menu second menu ll unpublish syndicate module rss module want remove",
" 5 now site has only modules re going use first phase setup",
" 6 scrolling down bottom see there notice about joomla ll remove however notice not contained module a php file",
" 6 we need edit file server open filezilla navigate server folder where files course can use whatever other method normally use edit server files using filezilla was introduced previous tutorial find folder called includes",
" 6 find file named footer php includes folder",
" 6 we need edit file filezilla ll do by downloading file editing then uploading again here ve downloaded footer php file local machine",
" 6 as before can edit file by right-clicking choosing view / edit order remove joomla label bottom page need delete highlighted lines div align center ?php echo $_version- url ? /div",
" 6 after saving file uploading server can see footer has changed",
" 6 we now have basic pieces site set up for first phase",
" 7 for next step d like change design header area bit including changing graphic here s site as looks now",
" 7 we ll change template files using filezilla can use whatever method normally use change files server here site opened filezilla note there folder named templates uploaded as part joomla",
" 7 here ve opened templates folder can see there folder called skyline",
" 7 here have opened skyline folder there folder inside named images want change picture at top page so need upload new image folder",
" 7 now re viewing images folder left pane ve navigated folder holding new image want upload",
" 7 here ve uploaded new logo file by dragging left pane right if have problems uploading could have permissions problem see previous tutorial where added new template first had change settings joomla set file folder permissions",
" 7 now have uploaded new logo file need edit template point here back joomla admin page",
" 7 click site - template manager - site templates",
" 7 here template manager select skyline template click edit html",
" 7 the template html editor shows shows html templates index php file",
" 7 let s take another look at files filezilla here again folder containing skyline template can see there only few items here css folder - contains template css stylesheet images - contains template images index php - main template file template_thumbnail png - thumbnail view how template looks templatedetails xml - info about template such as author creation date",
" 7 the index php file template folder location file determines positioning modules content site let s take look at piece by piece index php file basically contains html page php instructions html determines how page will display basically has two parts html head element html body element",
" 7 the html file might look complicated actually pretty simple because large part file consists things don t need worry about fact right now only need look at body element scrolling down can see where body element starts",
" 7 let s take look at site again want change main image bridge",
" 7 in firefox can right click image choose properties",
" 7 this shows us file name logo image header jpg",
" 7 now return template html editor scrolling down locate where header jpg filename appears template",
" 7 we ve just changed file name new logo name plus changed height width",
" 7 click save",
" 7 here s site as looks now header graphic has been changed",
" 8 here s site as looks now need make few more changes index php logo image isn t centered there too much space wasted at top",
" 8 the index php file has containing table let s narrow bit make fit logo",
" 8 now after saving returning view home page logo centered",
" 8 next let s get rid items above logo rather than delete them file for now ll just hide them style display none attribute",
" 8 saving returning joomla home page now have removed top items there still unnecessary whitespace at top though",
" 8 right above logo picture can see there table row following html tr td height 19 background templates/skyline/images/topmenubg jpg ?php mosloadmodules top ? /td /tr what means row holds background image plus top position let s try hiding row style display none attribute",
" 8 returning site can see extra space now gone logo has been bit altered meantime as well however removing top content ve lost search input box for next edit let s try get back place over logo",
" 8 the search module loaded by joomla into position called user5 can check position any module by looking at site module list demonstrated previous tutorial here s where user5 used be still there hidden let s create new div element hold user5 position over logo ll use code div style position absolute top 20px margin-left 610px height 0px  ?php mosloadmodules user5 ? /div code will creates div element basically just empty rectangle positions then within div element tell joomla load modules the user5 position",
" 8 the search box now appears where wanted",
" 8 let s make couple more adjustments would be nice have bit more padding main content area looking at index php file can see main content being loaded code ?php mosmainbody ?",
" 8 let s change padding containing td element tostyle padding 10px means padding 10 pixels",
" 8 now have better padding main content area next tutorial ll adjust few more styles by editing template css file",
" 9 what s left design fix? menu items bit crowded let s space them out bit",
" 9 how should adjust styling menu items? let s have look at html code joomla generating for menu items ll take advantage nifty feature firefox lets us select area page then see code for page first select all menu items menu header",
" 9 now right-click then choose view selection source",
" 9 a window opens showing selection source can see each menu item has class assigned called mainlevel-left",
" 9 since menu items have associated style should be able adust way look by editing templates css file css cascading style sheet file text file  css extension containing css class names associated styling like font color size class named set styles if edit template css file change attributes mainlevel-left style menu should appear differently here s template folder filezilla can see there folder called css",
" 9 here have opened css folder can see there one css file called template_css css",
" 9 here have opened css file",
" 9 let s search for mainlevel-left class hmm strangely enough isn t there",
" 9 no problem ll add scroll end file add mainlevel-left {line-height 20px} means mainlevel-left named style will have line height 20 pixels period placed front name indicate a custom class name or someone made up not name standard html element like body",
" 9 next save changes css file upload server returning home page see menu items now spaced out bit more",
" 9 scrolling down see newsflash items still bunched up apparently mainlevel-left class didn t apply them",
" 9 when view source latest news menu see menu items have been assigned class called latestnews",
" 9 returning template stylesheet see there no class called latestnews there one called latestnews-latest hmm looks like when configured classes module manager tutorial for adding new template one was left out if add suffix -latest class for latest news module class will presumably then be called latestnew-latest",
" 9 here back module manager modules - site modules",
" 9 scrolling down see module name latest news",
" 9 here ve clicked latest news show configuration page for module ve scrolled down bit can see there entry box called module class suffix",
" 9 let s add suffix -latest will presumably cause joomla append -latest class for latest menu so class name will now be latestnews-latest there lastestnew-latest class css file so let s see how works out",
" 9 save changes",
" 9 now refresh home page looks better",
" 9 let s make couple more changes put little more space above login form space out latest news entries bit more",
" 9 by again examining source can figure out which classes edit login form consists html table class table moduletable-left ll add following list styles for class margin-top 8px",
" 9 the latest news html consists set li items contained element class latestnews-latest ll add following line-height 6px",
" 9 we save css file upload then return home page refresh can see styling changes have been applied",
" 9 we re finished basic styling home page let s check how other pages being displayed another problem - when click joomla! license page left menu gets squashed",
" 9 looking at source for left menu see has class moduletable",
" 9 looking at template css file see table moduletable style set have width 100% means 100% containing element need set definite value like 160 pixels order keep being squashed",
" 9 however scrolling down css file see there already style named table moduletable-left table moduletable-left means a class named moduletable-left inside table element",
" 9 it looks like another suffix was left out when configure stylesheet let s go back into module manager open configuration page for main menu add module suffix -left",
" 9 after saving changes returning home page left menu now correct width",
" 9 that should do it! for now anyway ran into number problems had fix depending upon what template install may have do bunch fixes or none at all get site look exactly way want however even if need make number fixes ll find basic procedures simple only need change either class or module suffixes module manager -or- index php file fairly simple html file positions various modules content -or- template css file list css class names attached modules by joomla or index php file next tutorial ll review what ve learned so far about templates",
"10 the previous tutorial had quite number steps often installing template considerably simpler previous tutorial demonstrated making number fixes template at point have all knowledge not only edit template create own let s review what was learned previous tutorial",
"10 essentially joomla templates consist index php file optional images folder css file there couple other files which only concern template creator xml file information about template if want make own can easily do so by copying existing file changing information inside screenshot thumbnail template",
"10 the index php file template can be thought as single web page has placeholders for main content page plus modules basic setup pages joomla site actually determined by one file body element index php file generally contains either table or div elements hold various positions into which joomla will load modules plus location where joomla will load main content page e g article or series articles",
"10 for example very simple index php file could look like body table tr td ?php mosloadmodules top ? /td /tr tr td ?php mosloadmodules left ? /td td ?php mosmainbody ? /td /td /table /body can see html just used hold mosloadmodules statements statement mosloadmodules top joomla will put all modules have been specified as having location top set module manager modules generally small squares content like menus or news items mosmainbody element where main content page will be placed",
"10 one way looking at joomla joomla site really only consists one page plus lot content stored database as click menu items joomla rebuilds content one page as if navigating another page when click menu item menu item going load single main piece content such as article or list articles or calendar or whatever else into wherever ve specified be main content area index php addition modules all smaller items such as menus going either display or not depending whether ve configured them show for menu item idea joomla build site not by creating pages by configuring menu items given menu item will load particular main content item plus whatever modules want modules always displayed location as set up by index php however can make appear as if modules move different places page however by cloning modules placing them more than one location then hiding or showing them depending menu item",
"10 let s take look at site ve built so far see concepts action here s home page site as appears at 025 x 768 resolution if view page using internet explorer will find image much more clear can be resized since ie has component for stretching shrinking image files no loss information click style menbar page change image size ie",
"10 we re going click joomla! license menu item",
"10 modules left only main menu remains main content has been replaced article",
"10 let s see how was set up admin area here the admin home page",
"10 we re going open menu manager",
"10 we ll select mainmenu module",
"10 next ll click menu items icon",
"10 the list all items mainmenu module appears let s see how joomla! license entry works",
"10 here detail page for joomla! license page can see content specified as static content joomla license guidelines ll learn more about content types how hook up menu item piece content following tutorials",
"10 what about modules? for example login module disappeared when clicked joomla! license way works like menu items point kind content modules specify which menu items linked let s have look at login module s settings see how works",
"10 here module manager",
"10 we ll click login form",
"10 here configuration page for login form can see menu item link s listing there only one menu item listed home means when click home module shows when click other menu entry does not show",
"10 and reason module shows up left side page when displayed because loaded into position user1 index php has user1 placed left column",
"10 so building joomla site basically consists putting content such as articles blog items even components like events calendars into joomla database creating configuring menus so users can navigate content as if consisted web pages next tutorials ll add content for site set up menus navigation so have completely functional site",
"11 we have finished basic design site now just need add content since joomla works by tying content menu items only need figure out what menu items want what want have displayed for each menu item only have one menu at moment main menu left so just need figure out what entries want there what should show when menu item clicked",
"11 here s minimum main menu entries need launch site home - short introduction page xml / xsl consulting - one page descriptioni website design - one page description software development - one page description news - list short articles contact us - either built contacts component or custom form",
"11 before launch site publick ll also need install one other component not content component opensef component component will make site page addresses urls search engine friendy for example url like http //www nycircuits com/index php?option com_content task view id 5 itemid 6 can instead be renamed http //www nycircuits com/guidelines opensef component will also be useful when finally launch site because can be used redirect all existing site urls new joomla urls next set tutorials ll add all content needed for launching first version site",
"12 here new site as looks at stage development ve choosen new template edited ve also removed modules don t need all site content at point just default filler content inserted by joomla installer",
"12 first let s remove menu items except for home then ll add back menu items want admin area ll choose menu - menu manager",
"12 select mainmenu then click menu items icon",
"12 here menu manager page for mainmenu",
"12 select all menu items except home click unpublish",
"12 looking at joomla site can see all menu items except home have disappeared",
"13 we re ready start adding own content site first ll add content then ll add menu items point need add content before can create menu items here back joomla administrator page",
"13 we want add content for three menu items xml / xsl consulting website design software development also want add content for home page as ll see content will be taken above items",
"13 looking at content pulldown see for content sections have news newsflashes faqs none sections which were added as examples by joomla installer seems fit content want add",
"13 so ll choose section manager add new section all joomla regular content placed sections sections then contain categories",
"13 here s section manager re going click new button create new section",
"13 to hold new content ll create section named services enter title be used menus name be used page headings click save",
"13 we now have section called services",
"13 every regular content item needs be placed category within section need create at least one category for new section select content - category manager",
"13 here s category manager",
"13 click new",
"13 enter title name for category ll call service click save",
"13 now have added new section category can begin adding content items next tutorial ll add first content item",
"14 we ve added new section category re now ready start creating content items choose content by section - services - services items",
"14 here content items manager click new",
"14 this brings us content item new page",
"14 enter title category intro text",
"14 now scroll down add main text",
"14 click save",
"14 the content items manager reappears new content listed next tutorial ll add menu item point new content",
"15 we ll now add menu item point article regular content item just created joomla administrator choose menu - menu manager",
"15 click mainmenu radio button then click menu items icon",
"15 here s menu manager for mainmenu click new button",
"15 here s new menu item page re going select link - content item then click next",
"15 enter menu item name select content link will be content just created click save",
"15 the menu manager for mainmenu reappears new menu item listed at bottom",
"15 returning site see new menu item displayed",
"15 clicking menu item causes article be displayed",
"15 let s configure few items new article page here back content items manager",
"15 we ve selected new article clicked parameters tab",
"15 scrolling down ll going change few settings show intro text hide author names created time modified time",
"15 after saving changes returning site can see intro text now shows author modified date hidden",
"15 in same way as demonstrated tutorial one prior can now add menu items content for next two menu items for site website design software here s site as looks after adding new menu items",
"15 we now have few items content added next tutorial ll remove all default content don t need for example joomla! license article",
"16 here s another look at site have so far there items home page added by installer let s remove",
"16 in control panel joomla administrator - home ll click content items manager",
"16 ll select items dont want then click trash",
"16 only items added previously remain",
"16 returning site see there no content displaying home page content area ll fix next tutorial",
"17 in last tutorial removed all content didn t want now home page empty",
"17 for first version home page re going add list items intro text later tutorials ll see how make more interesting home page will do for first version here s control panel ll click content items manager",
"17 click front page x icon for each article",
"17 the icons now changed green checkmarks",
"17 looking at home page see intro text for each content item now appears however text author modified date also appear let s remove",
"17 the way items displayed when click menu item dependent settings for menu item means need change settings for home item main menu ll click menu manager can also reach menu manager by using pulldown menu as shown previous tutorials",
"17 we need look at menu items for main menu mainmenu",
"17 here menu manager for mainmenu ll select home entry",
"17 the home menu item isn t pointing content item like other menu items made instead pointing something called frontpage component so configuration page titled edit menu item component frontpage right list parameters",
"17 scrolling down see by default number leading items 1 leading item comes first takes up entire width content area by default number intro items intro text be displayed 2 by default number columns 2 refers number columns page underneath leading items",
"17 we ve just changed number leading items intro number 2 number columns 1",
"17 scrolling down change parameters hide author name modified date use global means get parameter list parameters be used overall for site overall list called global settings ll look at later tutorial",
"17 click save",
"17 returning site see home page content area now has list titles intro text for each content items fairly simple home page design will do for now later tutorial ll spice up design bit",
"18 looking at home page see latest news component showing same list items as displayed home page",
"18 what d like do create new items content which ll call news have only most recent show up news component first let s remove items already displaying home page select modules - site modules administrator pulldown",
"18 here again module manager modules basically little squares content like menus or latest news list",
"18 scrolling down find latest news component",
"18 here s configuration page for latest news module",
"18 scrolling down find entry for frontpage items by default show",
"18 after saving settings look at home page again list now empty",
"18 our goal have menu item called news have latest news listed latest news module however there bit problem standard latest news module lists most recent items all sections not just section called news only recent items won t show ones already home page can solve problem joomla extension later tutorial ll do just for now ll just create news items since don t have any other published content isn t home page",
"18 there already section called news as can see pulldown",
"18 here s content items manager for news section ll click new",
"18 here s content item page ll add title select category add text click save",
"18 looking at site see new content item appears under latest news",
"18 our news item appearing under latest news entry would also like have menu entry points list all news items ll see how do next tutorial",
"19 in last tutorial added entry news section now want add menu entry main menu called news pointing list all news items first let s return content items manager add another news item so list won t just have one item here can see one more item has been added",
"19 now ll add menu item main menu will display list news items when clicked click menu manager control panel",
"19 click mainmenu radio button click menu items icon",
"19 that brings us menu manager for mainmenu ll click new",
"19 we ll click blog - content category means display list entry titles intro text for given category then click next",
"19 choose name for menu item choose category be displayed set parameters like #leading see tutorial configuring home page if aren t sure what do or experiment by setting parameters seeing results can always set them back click save",
"19 the news entry now appears left menu clicking news item shows page where news items listed items listed according parameters set no icons for adobe email no author show create date one column etc",
"19 one more thing do - review item if ve already read tutorial for editing template css file news header page isn t sufficiently distinct first item header let s change style for here ve selected news header viewed selection source using firefox as covered tutorials editing template css file can see style class componentheading",
"19 on other hand when highlight jsl japanese websites title can see class for contentheading let s see if can adjust css file make two styles distinct",
"19 here ve downloaded template_css css file using filezilla as covered previous tutorial can see highlighted section contentheading componentheading have same style",
"19 here ve split shared style class into two duplicating shared class then removing one name each ve changed color contentheading black added bottom margin",
"19 after uploading changed css file reloading news page page heading stands out more clearly",
"20 we only need add one more menu entry ll have minimum amount content launch site need add contact page ll use contact component for joomla component generally something gets displayed content area page more than just text pictures menu item going point component rather than pointing article or list articles",
"20 in components pulldown joomla administrator can see list installed components contact component already installed by default",
"20 in contact manager can see by default one entry name already listed",
"20 here configuration page for contact item re going change information as shown email address enter here will not be sent page instead form for submitting email email address will appear also set parameters right position e g manager hide email hide so spammers can t obtain image hide just stock photo - ll add more photos site later tutorial email form show email description contact us",
"20 after saving item now listed as main office since renamed item",
"20 now just need make menu item point component here the menu manager for main menu as shown previous tutorial reach screen via menu - menu manager - menu items click new",
"20 choose component since going point contacts component could also choose link - contact since only have one contact contacts component click next",
"20 we then reach add menu page where enter name for menu item choose component menu item will point click save",
"20 when click save return menu manager more complicated components will have additional parameters available once link them menu item case re done setting up component for display",
"20 returning site can see contact us menu entry has been added main menu clicking entry brings up page where company contact information listed along contact form",
"21 we now have minimum amount content design finished take site live public here s site currently at www nycircuits com address",
"21 the site server set up return page index html request for www nycircuits com however if there no index html file server will send index php file which starting page for joomla site just built all need do delete or rename index html file site will be live index php file talking about here not index php file template folder edited before index php file domain root folder let s take look",
"21 here s site root folder filezilla can see index html default page index php joomla start page - will become start page automatically if there no index html page",
"21 right-click index hml choose rename",
"21 we ve renamed index html index old html",
"21 returning site enter address www nycircuits com now joomla site displayed instead old site can still reach old site via www nycircuits com/index old html however",
"21 are done launch? not quite ve got minimum content up people who going www nycircuit com will instead go new site which what want however there pages old site being linked other sites people still going old pages without being aware there new site what need do for each old page have redirect traffic new page or new home page one way do unix/bsd/linux create file named htaccess domain root folder put lines like into file redirect 301 /mypath/page1 htm http //www nycircuits com/newpage1 php another way do a bit more flexible use joomla opensef extension component ll use latter technique since want use sef urls anyway read next tutorial series for explanation installing using opensef component",
"22 joomla! powerful platform default installation represents only fraction power joomla joomla! extensions exist thanks design makes easy create new joomla components then add them existing installation set tutorials will cover most useful joomla! extensions for categorized comprehensive directory extensions reviews ratings see http //extensions joomla org/",
"23 this tutorial will cover installation use opensef component sef search engine friendly opensef component creates easy-to-read urls url web page address url uniform resource locator right now new joomla site has urls look like http //www nycircuits com/index php?option com_content task view id 12 itemid 26 d like above url look more like http //www nycircuits com/about_xsl htm opensef allows us create search engine friendly urls opensef can be found at www open-sef org",
"23 here s opensef site as may 006 ll click downloads",
"23 we ll choose opensef component",
"23 as date tutorial may 006 most recent release opensef 2 0 0-rc5 rc release title means release candidate means software only candidate for release not final release may contain bugs not recommended for production sites however re going install anyway since sites using no problems there course no guarantees will work",
"23 now ve reached actual file download screen larger file one want other just patch partial release file list changes frequently so when view may be different just be sure choose latest full release",
"23 we ll save file windows desktop needless say if not using windows can save file somewhere else",
"23 let s log joomla administrator application select installers - components",
"23 browse wherever saved opensef package click upload install",
"23 installation succeeded opensef post-install screen displays screen has notice asking us proceed configuration however first need change joomla settings",
"23 joomla has seo feature built need turn first choose site - global configuration",
"23 in global settings click seo search engine optimization tab click yes for search engine friendly urls popup reminds us rename htaccess txt file ll do next step click ok click apply",
"23 now let s look at site filezilla viewing site filezilla was covered previous tutorial series can also use whatever tool hosting provider has set up for viewing files htaccess txt file indicated",
"23 here ve renamed note filename now starts period now file named htaccess txt web server will read process directives rename file using filezilla right-click then choose rename",
"23 url used be http //www nycircuits com/index php?option com_content task view id 12 itemid 26 now much shorter however url still does not have meaningful keywords what ll get opensef",
"23 returning joomla admin panel ll select pulldown components - opensef - configuration",
"23 we ll change enabled setting yes then save",
"23 returning site see after clicking same page as before url now made up set words including section name category name title main content item unfortunately url doesn t work url not being redirected right joomla page",
"23 the redirection occurs htaccess file saw earlier tutorial let s examine file here s file opened notepad after downloading filezilla can course use tool choice examine file if file doesn t appear formatting as shown be sure ve downloaded file using ascii transfer mode",
"23 scrolling down can see there two similar sections file standard sef section 3rd party or core sef section second section commented out has # front each line tells websever ignore line",
"23 we need comment out first section comment in second section here ve done",
"23 after saving changes htacess file uploading can return site see sef urls now work",
"23 one more note htaccess file indicated line options followsymlinks can cause problems servers if sef urls don t work pages just comment line out",
"23 the site now has search engine friendly readable web page addresses web page addresses urls automatically created content title other settings next tutorial will take look at options opensef configuration",
"24 here s opensef configuration screen again",
"24 looking at sample url can see consists section name - category name - title let s shorten bit click sef tab change content url structure /category/title click save",
"24 hmm nothing happened url same as before why that? problem opensef already mapped url already created readable url correspond not-so-readable joomla url did when clicked link first time new mapping scheme will only apply mappings created now site",
"24 let s see how mappings work click manage friendly urls",
"24 now click list friendly urls",
"24 the mappings listed indicated mapping showing url clicked before could delete which case opensef will make new mapping according new specifications let s try something else",
"24 if click mapping get edit friendly url screen can then change url whatever want click save",
"24 now when try refresh page previously mapped url no page found because opensef doesn t recognize url any more",
"24 but if return home page click link",
"24 we get correct page via newly mapped url",
"24 now ve seen how mappings work re ready use opensef take care mapping old non-joomla pages site new joomla pages here s page old site still accessible however don t want users view page want users get one new pages when enter old url into browser",
"24 back opensef administration ll select new friendly url",
"24 case friendly url old non-joomla url without domain name url users will be entering into browser relative url meaning just enter url without domain name /ref html internal url url joomla page want users go when enter friendly url browser case got url mapped url previously looked at internal url was listed list mappings saw before note url has no leading slash click save",
"24 when click save return friendly urls mappings list can see new mapping listed",
"24 returning site enter old url which just mapped see new mapping isn t working why that? reason old page still exists server when server receives request for page first looks for file matching page name if finds will send back file browser otherwise will try something else like looking rules htaccess file",
"24 here s ref htm file server viewed filezilla",
"24 we ve just renamed file ref old htm",
"24 now when refresh old url browser joomla page mapped url displayed",
"24 opensef has number other useful features here opensef page for setting up google sitemap google sitemap can be used make site more easily indexable by google",
"24 the seo assistant page has number useful seo search engine optimization features such as showing google page rank or search engine position",
"24 more features being adding opensef at rapid pace opensef even has tool allow check for upgrades install them automatically here ve selected upgrades addons tools utilities section re getting error message because server not set up allow php open remote urls will depend hosting provider for hosts adding line php_flag allow_url_fopen on htaccess file will fix problem",
"25 here site at current stage development looks bit bare d like add more graphics main page adding graphics site content much easier jce joomla content editor component replacement for default editor jce much more powerful easy use than built-in joomla editor",
"25 the jce can be downloaded joomla extensions library screen ve searched for jce listing shown ll click download button",
"25 here s download page for jce",
"25 first need install jce component click jce components",
"25 we ll download latest version jce admin component",
"25 we ll save package disk",
"25 here s joomla adminstrator ll pull down installers - components",
"25 browse file just downloaded then click upload file install",
"25 the upload component - success screen appears",
"25 we need install several more things before can use jce back jce downloads page re now going click jce core mambot mambot special type component doesn t have any direct user interface used by other components need download jce mambot so other jce components will work",
"25 we ll download most recent jce mambot at time writing version number 1 0 4",
"25 returning joomla administrator ll now choose installers - mambots",
"25 browse jce mambot package just downloaded click upload file install",
"25 the success screen appears ll click continue",
"25 the jce now installed next ll install jce plugins select components - jce admin - jce plugins",
"25 this brings us jce plugin manager ll click install",
"25 returning jce downloads page ll click jce plugins",
"25 the first plugin list templates plugin ll download package as before",
"25 here ve browsed file just downloaded will click upload file install",
"25 the plugin has been successfully installed",
"25 in same way re going go through list available plugins install one version each plugins have two or more versions listed which case ll install just latest version note jce media manager plugin listing has two versions ll install latest",
"25 after installing all plugins manner first list installed plugins now looks like",
"25 we re now ready switch over using jce editor select site - global configuration",
"25 select site tab change default wysiwyg editor jce editor mambot click save",
"25 if now look at content edit screen for example by selecting content - content by section - services - services items",
"25 and then clicking item content",
"25 we can see there more icons appearing editor than before jce editor gives us lot more options than default editor ll try out next tutorial",
"26 in tutorial ll get introduction jce action by showing how easy add graphics content jce here s another look at home page as now d like add graphics content items front page",
"26 here content item opened last tutorial ll click insert / edit image icon",
"26 some images already listed ll upload new one by clicking upload icon",
"26 ll browse image want upload then click upload",
"26 image appears images list note could have chosen put image subfolder which could be good idea if adding clicking listing causes image display note more options available appearance tab won t examine appearance tab yet will instead just accept defaults",
"26 click insert",
"26 image appears at point where had cursor content click save",
"26 we repeat process other content items front page home page now looks like",
"26 the margin new images was bit narrow let s fix back content items manager ll click first article shown home page",
"26 we ll select image then click image icon again",
"26 the image properties dialog appears ll click appearance",
"26 in indicated box put css styling margin-right 10px click update",
"26 there now bit more margin",
"26 after repeating process other two content items image margins have been adjusted",
"26 let s make one last adjustment using jce when user clicks image should go full content for item here looking at content item again click image click link icon",
"26 choose article for link go click insert now when user clicks image full article content will display",
"26 after saving returning home page when click image",
"26 the full content page for article appears",
"27 here at joomla extensions directory again searched for joomap found listing for joomap will download component component will automatically build sitemap for us don t have lot pages yet as add content sitemap nice feature have sitemap ensures users - search engines - can easily reach any page site",
"27 we ll download joomap package",
"27 the most recent release at time writing 05 should choose whatever release most recent",
"27 finally reach page component package",
"27 we re going save package computer download",
"27 in joomla! administrator ll choose installers - components",
"27 browse file just downloaded click upload file install",
"27 the upload component - success screen appears ll click continue",
"27 the joomap component now appears components pulldown",
"27 we don t need configure joomap order start using instead can go ahead make menu link joomap component here menu manager for main menu menu - main menu will click new",
"27 ll select component then next",
"27 enter name for menu item choose joomap component click save",
"27 the site map item appears list menu items",
"27 a menu item site map appears menu site",
"27 the site map appears when click site map uh-oh ve got content showing site map don t want for example joomla! home left over default install",
"27 why happening? because joomap works by traversing all menus site making links for published items mainmenu no problem however menu pulldown there another menu called other menu",
"27 the othermenu not displayed site joomap doesn t know all knows items othermenu points published ll unpublish them click publish icon",
"27 now returning site see unwanted items have disappeared",
"27 this component didn t pick up opensef url let s add one opensef new friendly url screen ll specify friendly url see previous opensef tutorial if don t understand paste url for joomap component save new mapping",
"27 now when click site map url http //www nycircuits com/sitemap htm"
);
 
var noiseWords = /\s(the|this|those)\s/;
 
var short_urls = urls;