, skabe en model med joomla: skridt for skridt,,,,, 16,,,,,,,,, 22,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, resten vil følge dig gennem de foranstaltninger, der er nødvendige for at skabe en joomla model fra bunden.vi dækker alle detaljer, så lad os komme i gang!,,,,, det er et uddrag fra ministeriet for nylig løsladt "joomla!1.6: en brugervejledning "høflighed pearson.,,,,,,,,,, hvad er planen, en joomla model?hvilke funktioner er en joomla skabelon udfører, og hvad er forskellen mellem en skabelon, som er uden indhold, og en skabelon, hvis indhold er føjet til cms.,, hvordan localhost design proces adskiller sig fra en statisk html web - design?,, hvad er konsekvenserne af tableless design i joomla, og hvad er forholdet mellem w3c standarder, anvendelighed og tilgængelighed.,, hvad fi les udgør en joomla model, og hvilke funktioner kan de udføre?,, hvordan skaber du en kilde har bestilt tre kolonne opstilling ved hjælp af css snarere end borde?,, hvad er de grundlæggende css stilarter, der bør anvendes med joomla, og hvad er den misligholdelse, styles, at joomla grundlæggende anvendelsesformål.,, hvordan har du plads og - moduler, og hvad er nogle nye teknikker til afrundede hjørner?,, hvad der ville være en enkel strategi for produktion af magert css menuer, der efterligner virkningen af menuer udviklet med javascript?,, hvordan kan du styre, hvornår kolonner vises og gemme dem, når ingen indhold er til stede?og, hvad er det rigtige skridt i oprettelsen af et joomla 1.6 model?,,,,, hvad der er en joomla!model?,,, en joomla model er en række fi les inden for joomla cms, der styrer præsentation af indhold,,, en joomla model er en række fi les inden for joomla cms, der styrer præsentation af indholdet.en joomla model er ikke et websted; det er heller ikke betragtes som en komplet websteds design.en model er den vigtigste grundlæggende design - for - - en joomla websted.for at fremkalde virkningen af et "komplet" websted, modellen arbejder hånd i hånd med indholdet opbevares i joomla databaser.,, modellen er såkaldt, således at når deres indhold er indsat, automatisk arver stilen fra stylesheets de fi ned i den model, som forbinder styles, menuer, navigation, tekst, størrelse og farve for at nævne et par stykker., ved hjælp af en skabelon til cms, som joomla gør, har en række fordele:,,, joomla gør alt arbejdet for, at indholdet i sider.kan du tilføje nye oplysninger til eksisterende blog sider ved blot at skrive en ny artikel.den model og dens css sørge for, at det ser ud stylistically i overensstemmelse med andre indhold på stedet, er der en fuldstændig adskillelse af indhold og præsentation, især når css anvendes til opstilling (i modsætning til under tabel i index.php fil).det er et af de vigtigste kriterier til bestemmelse af, om et område opfylder moderne net - standarder.i en - standarder, der sted, html mærkater for tabellerne er forbeholdt fremlægger i tabelform data og ikke om en side i kolonner.,, kan de ansøge om en ny model, og dermed en helt ny ser på et websted, øjeblikkeligt.dette kan omfatte forskellige steder for anbringelse af indhold og moduler samt farver og grafik.,,,,,,, localhost design, den hjemmeside, du ser på en joomla drevet websted er ikke statisk. det er genereret dynamisk fra indhold lagret i databasen.når indhold i databasen er ændret, at vise, at alle sider indhold er ændret øjeblikkeligt.siden du er skabt gennem forskellige php kommandoer i skabelon, som indeholder databasen.fordi modellen ligner linier i stedet for indhold, det er nogle af fi vanskeligheder i projekteringsfasen.,,, der er ingen "måde" at skabe en webside.,,, det er almindelig nu at anvende et "hvad du ser, er hvad du får" (wysiwyg) http: //redaktør. som dreamweaver, så du behøver ikke at - kode html.men ved hjælp af en redaktør ikke er muligt i joomla skabelon, design, fordi wysiwyg redaktører kan vise og redigere dynamiske sider.du skal derfor kode en model og dens css manuelt og betragtning produktionen side fra folkesundhedsprogrammet på tjent side, at du ofte her, som du gør ændringer.med en hurtig nok forbindelse, kunne det være en webserver, men de fleste konstruktører bruger en lokal server eller localhost, på deres eget computer-a software, der tjener websider på din computer, f.eks. localhost aftalt, der er beskrevet i kapitel 2, "downloade og installere joomla!", der er ingen "måde" at oprette en hjemmeside, hvor du gør det, afhænger af din baggrund.de, der er mere tilbøjelige til at lave en "grafisk snarere billede" af en side i en grafisk program såsom photoshop, og så bryder de billeder, således at de kan anvendes til nettet (kendt som at skære).mere teknologiorienterede designere ofte gå direkte til css og kodning skrifttyper, grænser og baggrunde.men som jeg nævnte, som joomla skabelon designer, du er begrænset af det faktum, at man ikke kan straks se virkningen af dine koder i samme redaktør.derfor kan de anvende følgende ændringer fi ed udformningen:,,, har en localhost server fyldt med indhold at løbe i baggrunden for "løb" joomla.,, så redigerer til html og css med redaktør og redde dine ændringer til serveren, mener sider påvirket af din udgiver i en webbrowser.,,, localhost server valg, til at gå videre ad denne forelæsning, du har brug for wampserver installeret.hvis du ikke har gjort det endnu, så lad os gøre det.jeg venter lige her, på en vært webserver, du kan redigere html skabelon og css fi les i backend under den frontend åbne i et andet tab af deres browser.som du gemmer dine ændringer, man blot kan opfriske den frontend syn at se virkningerne, med en localhost fælde, har du ekstra bekvemmelighed for direkte adgang til fi les til at klippe dem med redaktøren af dit valg.som du gemmer dine ændringer, uden at lukke den redaktør, kan du fylde den frontend lyset i din browser og se virkningerne, udformning og tableless design, anvendelighed, tilgængelighed og søgemaskine optimering (seo) er alle sætninger, der anvendes til at beskrive af hjemmesider på internettet i dag.i virkeligheden er der en betydelig fi overhøjde mængde overlapning mellem anvendelighed, tilgængelighed og seo, og en hjemmeside, der udviser de kendetegn, der er typiske for et typisk gør det for alle tre.den letteste måde at nå disse tre mål er at anvende den ramme, der er fastsat i w3c web - standarder, f.eks. en person, der er dårligt syn let kan læse et anlægsområde, der er struktureret semantisk med html gennem en skærm læser.det kan også være let at læse som en søgemaskine, spider.google er effektivt i blinde, hvordan det lyder et websted, er det som om, det er ved hjælp af en skærm læser.,,, web standarder indført et fælles sæt regler "" for alle webbrowsere at bruge til at vise en hjemmeside.den vigtigste organisation med disse standarder er w3c, hvis direktør, tim berners - lee, krediteres med på nettet i 1989.,,, til at forstå, hvor web - standarder, kom fra en historie er nyttig.mange hjemmesider er beregnet for ældre - browsere.hvorfor?- browsere har til stadighed udviklet sig siden world wide web blev født.hver generation har indført nye elementer, og producenterne kom op med forskellige, sommetider medicinske, mærker (navn) for disse elementer.hver browser har tendens til at have en anden syntaks eller "dialekt," og særheder til gennemførelse af de samme grundlæggende html sprog.nye browsere er dukket op, og nogle af de ældre er forsvundet (husk netscape?).,,, nuværende w3c standarder bruges til (forhåbentlig) presse producenterne til at frigive mere overensstemmende browsere at læse det samme sprog og vise sider mere konsekvent, således at designere kan udforme en fælles platform.,,, en komplicerende faktor er det historisk, forskellige browser beslutningstagere (såsom microsoft) er tilbøjelige til at have deres browsere fortolke http: //på en anden måde.derfor skal udforme deres webdesignere websteder for at støtte ældre browsere snarere end nye.designere og websted ejere ofte beslutter, at det er vigtigt, at en webside, der anføres ordentligt på disse "arv" browsere.w3c standarder, der er fastlagt for hjemmeside kode blev udviklet for at opnå konsistens.et område, som omfatter w3c er web - standarder er et godt grundlag for at gøre sig selv tilgængelighed, anvendelighed og optimeres for søgemaskiner.tror de at bygge koder for parlamentet: et websted bygget med dem er stærkere og sikrere og falder sammen med brugernes forventninger.kan du tjekke din sider med w3c 's http: //validering service (validatoren. w3. org).det er nemt og gratis (bare sørg for at bruge den rette doctype, når du prøver at validere deres kode.i sin enkleste, et område, der opfylder w3c validering kan også bruge semantiske html og separate indholdet fra præsentation ved hjælp af css.,,, spørg fi har designere, hvad web - standarder er, og du vil få fi fem forskellige svar.men de er enige om, at net - standarder er baseret på gyldige kode, om html (eller andre), på den måde, særlig fi ed i den seneste version af standarder.,,, semantisk korrekte kode, semantisk rigtigt betyder, at rfid - brikker i et websted http: //kun beskrive indholdet, præsentation,,, som tidligere nævnt er semantisk rigtigt betyder, at rfid - brikker i et websted http: //kun beskrive indholdet, ikke præsentation.og det betyder især strukturerede organisation af h1 h2 tags, mærker, og ved hjælp af tabeller i tabelform data, ikke for indretning.et område, hvor joomla skabelon designere kompromis svagt på rent semantisk rigtigt er konventet, at venstre og højre kolonne af et to - eller tre kolonne opstilling som, tja, venstre og højre i stedet for de mere semantisk korrekt gruppemøde eller side kolonne.hvis det er eneste holdning, navne, der anvendes i modellen er folkesundhedsprogrammet, er de teknisk set er korrekt.hvis de anvendes også til de fi ne matchende klasser i html og css, det er en tilgivende bekvemmelighedsflag, at alt, der har med at vise den side er venstre kolonne, der hedder eller klassificeret som tilbage.i de eksempler, der følger med, vil de se, at den holdning af venstre fremlægges med klasse aftale og ikke er sidebar-2, som er semantisk korrekte kode., kaskader stil ark (css) tæt tilknytning til at kode semantisk rigtigt, ved hjælp af css til kontrol - og indretning af en hjemmeside.forskning er en enkel mekanisme til at stil (f.eks. skrifttyper, farver, afstand) til web - dokumenter,.,,, css eksistere parallelt med http: //- kode og lade dig helt adskilte indhold (kode) forelæggelse (css).,,,,,,, at dette i praksis, tjek css zen - have en lokalitet hvis samme html indhold er opdelt i forskellige og unikke måder, bare ved at ændre css fi le.den deraf følgende sider er meget forskellige, men som har præcis samme centrale indhold.,,, at joomla drevet lokaliteter i øjeblikket udgør betydelige udfordringer med hensyn til møde valideringsstandarder.,,, at joomla drevet lokaliteter i øjeblikket udgør betydelige udfordringer med hensyn til møde validering standarder.i fi første række joomla udslip, 1, 0 x, den kode, der er anvendt en betydelig fi kan række tabeller til produktionen, dens sider.det er ikke ved hjælp af css for præsentation og heller ikke producere semantisk korrekte kode.dette problem forværres af det faktum, at mange tredjemands udviklere af komponenter og moduler er stadig ved hjælp af tabeller for at skabe deres layout. heldigvis, joomla centrale udvikling team anerkendt dette spørgsmål med joomla.i joomla 1.5, det er muligt helt at tilsidesætte den skabelon designere produktion af de centrale (også kaldet synspunkt) og bånd af tabeller eller vælge layout, hvor de vil.,, der kan træffes ved at skabe en model for at sikre, at det er tilgængelige (f.eks. skalerbare minimumsskriftstørrelse), anvendelige (klart navigation) og optimeres for søgemaskiner (kilde bestilte).,,, at skabe en enkelt model: 1. trin, for at forstå indholdet af en skabelon, lad os starte med at se på en tom joomla skabelon.,, model fil komponenter, dette afsnit gennemgår den manuelle processen med oprettelsen af den skabelon fi les.normalt ville du installere en model med joomla montør, som tager sig af alle disse skridt, ved beregningen af deres egne modeller, har du brug for at oprette flere fi les og foldere på en koordineret måde.en model skal indeholde forskellige fi les og foldere.disse fi les skal placeres i, /templates /, fortegnelse over en joomla installation, hver i en folder, der er udpeget til denne model.hvis du havde to modeller er installeret, kaldet element og voodoo, din vejviser ville se sådan her:,, /templates /element /templates /voodoo, bemærke, at registeret navn til en model, skal være den samme som navnet på den model, i dette tilfælde element og voodoo.disse navne er fortrolige og må ikke indeholde rum., som adresseregister for en model, der er to centrale fi les:,, /element /templatedetails.xml /element /index.php, disse fi lenames og steder skal opfylde præcis, for det er, hvad de kaldes af joomla centrale manuskript. den første af fi det er den model, xml - fi le.,, det er en xml - format, metadata fi le, der fortæller joomla, hvad andre fi les er nødvendige, når det belastninger, en hjemmeside, der anvender denne model.(se også det store d) den beskriver også spørgeren, ophavsret, og hvad fi les udgør den skabelon (herunder alle billeder, som anvendes). den sidste brug af denne fi le er pakket ud og installere en skabelon, når de bruger udvidelsen installatøren i den administrative backend.,, og den anden nøgle fi le er primære skabelon fi le, der genererer sider, index.php.,, det fi le er det vigtigste i en joomla skabelon.det fastlægger stedet og siger, joomla cms, hvor til at sætte de forskellige komponenter og moduler.det er en kombination af folkesundhedsprogrammet og html.,, næsten alle modeller anvendes yderligere fi les.det er konventionelle (selv om der ikke kræves af de joomla kerne) navn og lokalisere dem som vist her for en skabelon til element.,, /element /template_thumbnail.png /element /params.ini /element /css /template.css /element /images /logo.png, disse er blot eksempler.nogle af de hyppigst forekommende filer i et skema er angivet nedenfor, /element /template_thumbnail.png, - - en webbrowser skærmbillede af modellen (sædvanligvis reduceret til ca. 140 pixel - 90 pixels højt).efter den model, der er installeret, det fungerer som en forsmag image, der er synlig i joomla administration skabelon manager.,,, /element /params.ini, - - en tekstfil, der ville butikken værdierne af de parametre, den model,.,,, /element /css /template.css, - css i modellen.den mappe placering er frivillig, men du er nødt til at præcisere, hvor det er i index.php fil.du kan kalde det, hvad du vil have.normalt navn vist anvendes, men du kan se senere, at der er fordele ved at have andre css filer,.,,, /element /images /logo. men heller ikke dér er menneskene sikre, - - at tage billeder med formularen.igen af organisatoriske grunde, de fleste designere lægger dem i en billeder mappe.her har vi et billede filen logo.png f.eks.,, templatedetails.xml,,, templatedetails.xml, fi le fungerer som en åbenbar, eller følgeseddel, som omfatter en liste over alle de fi les eller mapper, som er en del af modellen.det indeholder også oplysninger, som forfatteren og ophavsret.nogle af disse oplysninger er angivet i den administrative backend i skabelonen manager.et eksempel på en xml - fi le er vist her:,, <?xml - version = "0" kodning = "utf - 8"?> <!doctype installere offentlige "- ////////joomla!1.6//DTD template 1.0//EN" \t"http://www.joomla.org/xml/dtd/1.6/template-install.dtd"> \t<install version="1.6" type="template"> <name>960TemplateTutorialStep1</name> <creationDate>1/10/10</creationDate> <author>Barrie North</author> <authorEmail>[email protected]</authorEmail> <authorUrl>http://www.compassdesigns.net</authorUrl> <copyright>Copyright (C) 2005 - 2010 Barrie North</copyright> <license>GPL</license> <version>1.6.0</version> <description>The first of 4 tutorial templates from Joomla 1.6 - A User's Guide</description> <files> <filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>params.ini</filename> <folder>images</folder> <folder>css</folder> </files> <positions> <position>breadcrumbs</position> <position>left</position> <position>right</position> <position>top</position> <position>footer</position> <position>debug</position> </positions></p> <p> <config> <fields name="params"> <fieldset name="basic"> <field name="colorVariation" type="list" default="white" label="Color Variation" description="Base Color of template"> <option value="blue">blue</option> <option value = "røde" > røde < /mulighed > < /område > < /fieldset > < /områder > < /ud > < /installere > < /p > og, lad os se på, hvad nogle af disse linjer:,,, < installere version = 1,6 "type =" model "> - indholdet af xml - dokument er instruktioner for backend installatøren.den mulighed, type = "model", siger at du er installatøren af en model, og at det er for joomla 1.6.,, < navn > 960templatetutorialstep1 < /navn >, - det definerer navnet på din model.det navn, du kommer ind her, også vil blive anvendt til at oprette registret inden for de modeller, fortegnelse.det bør derfor ikke indeholde nogen tegn, at sagen system ikke kan håndtere, f.eks. områder.hvis du installerer manuelt, du er nødt til at skabe et register, hvis betegnelse er identisk med den skabelon navn.,, < creationdate >, - - det er den dato, hvor den skabelon blev oprettet.det er en programmering område og kan være noget, som f.eks. maj 2005, 08-june-1978, 01 /01 /2004, og så videre.,, < forfatter >, - det er navnet på ophavsmanden til denne model sandsynligvis dit navn.,, < ophavsret >, - ophavsret oplysninger går på dette element.,, < authoremail >, - - dette er den e - mail - adresse, hvor forfatteren af denne model kan nås.,, < authorurl >, - dette er adressen af ophavsmandens websted.,, < version >, - det er den udgave af formularen.,, < filer > < /filer >, - det er en liste over de forskellige registre, der anvendes i modellen.de dokumenter, der anvendes i modellen er fastsat med < filnavn > og < mappe > plader, som denne:,,, < filer > < filnavn > index.php < /filnavn > < filnavn > templatedetails. xml < /filnavn > < filnavn > params. * < /filnavn > < mappe > billeder < /mappe > < mappe > css < /mappe > og lt; /filer >,, "dokumenter" afsnit indeholder alle generiske filer, f.eks. på den kilde til model eller den virksomhed beskrevet image for modellen forpremiere.alle dokumenter, der er anført i denne afdeling er lukket af < filnavn > < /filnavn > hundetegn.du kan også omfatte hele mapper, f.eks. et billede mappe, ved hjælp af < mappe > tag,.,, < holdninger >, - det viser modul stillinger i modellen.det er listen over side steder, såsom øverste, venstre og højre, som er defineret i den model, som moduler kan fastsættes skal anføres ved hjælp af holdning ud af modulet manager.den holdning navne i denne liste skal netop passer på den kode, der genererer indhold for hver angivet sted inde, index.php,.,, < ud >, - dette afsnit beskriver de parametre, der kan fastsættes i den backend og vedtaget som globale variabler give avanceret model funktioner som f.eks. at ændre farver i modellen.,,, index.php,,, hvad der faktisk er en, index.php, fi le?det er en kombination af html og folkesundhedsprogrammet, der afgør, alt om udformning og præsentation af de sider, lad os se på en kritisk del af at opnå gyldige modeller:, doctype på toppen af index.php fi le.det er den del af kode, der kommer øverst på hver side.øverst på vores side, sætte det i skemaet:,, <?php /* * * @ copyrightcopyright (c) 2005 - 2010 - nord.* @ licensegpl * /er defineret ('_jexec) eller dø.?> <!doctype html offentlige "- //w3c //dtd xhtml 1, 0 midlertidige //en" http: //www.w3.org /tr /xhtml1 /dtd /xhtml1 overgangsbestemmelser. dtd ">,, fi første php erklæring blot viser ophavsret /kørekort og sikrer sig, at den fi le er ikke tilgængelige direkte for sikkerhed, en hjemmeside doctype er et af de grundlæggende elementer i, hvordan en webside, der fremgår af en browser, hvordan forskellige html tags håndteres og, hvad vigtigere er, hvordan browser fortolker ccs.den følgende bemærkning fra en liste over bør afklare ting:,,, du kan bruge flere, doctype, s. de, doctype, fortæller browser - version af html blev anvendt til at udforme den side, hvad enten det er en arv - koden, eller også indeholder xml, og således at fortolke den side.,,, ordene strenge og midlertidige begynder at fl oated omkring (, flyde: venstre, og at svæve: ret, normalt) til at angive, om arv kode blev medtaget.i alt væsentligt, siden nettet begyndte, forskellige browsere har haft forskellige niveauer af støtte til forskellige html tags og versioner af ccs.for eksempel internet explorer 6 eller mindre vil ikke forstå min bredde kommando til at fastsætte en minimumstærskel side bredde.at kopiere en virkning, således at den udviser den samme i alle browsere, man er nødt til at bruge browser spec i fi c "mænd" i landestøttestrategien at rette op på manglerne i de enkelte browser har overholdt de offentliggjorte standarder.,, strenge: http: //vil blive fortolket som dikteret af standarder.i en overgangsperiode, doctype, betyder, at den side vil få nogle aftalte afvigelser fra de standarder (f.eks. fortsat anvendelse af afbrudt - tags), at komplicere tingene, er der noget, der hedder "særheder" tilstand.hvis de, doctype, er forkert og forældet, eller der ikke, browseren går til særheder tilstand.det er et forsøg på at være bagudkompatible, så internet explorer 6, for eksempel, vil gøre den side, som om den var internet explorer. 4, desværre, at man ender i særheder tilstand ved et uheld.det, der sker på to måder:,,, de bruger, doctype, erklæring direkte fra wc3 hjemmeside, og forbindelsen ender som dtd /xhtml1-strict.dtd, som er en relativ link på wc3 server.du har brug for hele den vej, som vist ovenfor, microsoft internet explorer 6 oprettet, så du kunne få gyldige sider, men i særheder tilstand.det sker, når man har en xml - erklæring, fremsat i stedet for efter, doctype,.,,, det næste er en xml - meddelelse (efter, doctype,):,, < http: //xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "<?php echo $- > sprog?> "lang =" <?php echo $- > sprog?> ">,, de oplysninger, jeg gav dig bare om internet explorer 6 særheder tilstand er vigtig.i denne forelæsning, du designer blot for internet explorer 6 og senere, og du er nødt til at sikre, at det kører i standarder tilstand for at minimere den hacker du har gjort senere. lad os se på strukturen i det, index.php, fi le header. de ønsker, at det skal være mindst muligt, men har stadig nok til et produktionsanlæg.overskriften oplysninger, du vil bruge, er som følger:,, <?php /* * * @ copyrightcopyright (c) 2005 - 2010 - nord.* @ licensegpl * /er defineret ('_jexec) eller dø. - $app = jfactory: getapplication();?> <!doctype html offentlige "- //w3c //dtd xhtml 1, 0 midlertidige //en" http: //www.w3.org /tr /xhtml1 /dtd /xhtml1 overgangsbestemmelser. dtd "> < http: //xmlns =" http://www.w3.org/1999/xhtml "xml: lang =" <?php echo $- > sprog?> "lang =" <?php echo $- > sprog?> "> < head > < jdoc: omfatte type =" hoved "/> < forbindelse rel =" stylesheet "href =" <?php echo $- > baseurl?> /templates /system /css /system. css "type =" tekst /css "/> < forbindelse rel =" stylesheet "href =" <?php echo $- > baseurl?> /templates /system /css /general. css "type =" tekst /css "/> < forbindelse rel =" stylesheet "href =" <?php echo $- > baseurl?> /templates /<?php echo $- > model?> /css /skabelon. css "type =" tekst /css "/> < /head >, hvad betyder alt det?vi har allerede drøftet, konsekvenserne af den, doctype, erklæring i, index.php, fi le.den <?php echo $- > sprog?< kode trækker sprog fra stedet sprog om globale kon fi guration.,,, $app = jfactory: getapplication(); er en variabel, der giver dem mulighed for at tage forskellige parametre, som navnet på stedet og bruge dem på den model. den næste linie for, herunder mere header oplysninger:, < jdoc: omfatte type = "hoved" />,,, denne kode snippet indstik i genereret side (dvs. din frontend) alle de oplysninger, der er fastsat i overskriften til den globale kon fi guration.i et default anlæg, der omfatter et vist her:,, < meta - http equiv = "content type =" indhold "tekst /html; charset = utf - 8" /> < meta - navn = "robotter" indhold = indeks, følg "/> < meta - navn =" hjælp "indhold =" joomla, joomla "/> < meta - navn =" rettigheder "indhold =" /> < meta - navn = "sprog" indhold = "en gb" /> < meta - navn = "beskrivelse" indhold = "joomla!- den dynamiske portal motor og content management system "/> < meta - navn =" producent "indhold =" joomla!1,6 - open source - content management "/> < afsnit > hjem < /afsnit > < forbindelse href =" /joomla_1.6/index.php?format = feed & amp; type = rss "rel =" alternativ "type =" anvendelse /rss + xml - "afsnit =" rss 2,0 "/> < forbindelse href =" /joomla_1.6/index.php?format = feed & amp; type = "atom" rel = "alternativ" type = "anvendelse /atom + xml -" afsnit = "atom 1.0" />,, en stor del af denne overskrift oplysninger er oprettet på –fl y, særlig fi c til side (artikel), at der er nogen, der ser.den omfatter en række metatags, og enhver rss foder internetadresser.,, den sidste linjer i dokumenthovedet indeholder link til css fi les for joomla genereret sider i almindelighed og i denne model:,, < forbindelse rel = "stylesheet" href = "<?php echo $- > baseurl?> /templates /system /css /system. css "type =" tekst /css "/> < forbindelse rel =" stylesheet "href =" <?php echo $- > baseurl?> /templates /system /css /general. css "type =" tekst /css "/> < forbindelse rel =" stylesheet "href =" <?php echo $- > baseurl?> /templates /<?php echo $- > model?> /css /skabelon. css "type =" tekst /css "/>,, fi to første fi les, system.css og general.css, indeholder nogle generelle joomla styles.den sidste er alle css for modellen, opfordrede template.css.folkesundhedsprogrammet kode <?php echo $- > model?> afkast, navnet på den nuværende model.at skrive det på denne måde, snarere end at skrive den faktiske vej gør kodeksen mere generiske.når man laver en ny model, kan du bare kopiere denne linje (sammen med hele header code) og ikke bekymre sig om redigering noget.,, model css kan omfatte en række fi les, f.eks. betingede forpligtelser for forskellige browsere og for de forskellige medier, f.eks. fingeraftryk.for eksempel følgende kode opdager og tilføjer en ekstra css fi le, at målene besynderlige internet explorer 6 (lader vi det ud af vores eksempel her):,, <!- hvis lte - dvs. 6] > < forbindelse href = "- modeller (<?php echo $- > model?> /css /ieonly. css "rel =" stylesheet "type =" tekst /css "/> <![endif] - >,, det næste eksempel er en del af en metode, ved hjælp af en skabelon parameter.i dette tilfælde er en farve, der er udvalgt som en parameter i den model, chefen er at fylde en css fi le, der har samme navn som den valgte farve:,, < forbindelse rel = "stylesheet" href = "<?php echo $- > baseurl?> /templates /<?php echo $- > model?> /css /<?php echo $- > params - > kom ('colorvariation)?>. css "type =" tekst /css "/>, kan det skabe:,, < forbindelse rel =" stylesheet "href =" /templates /960templatetutorialstep1 /css /røde. css "type =" tekst /css "/>,,, joomla!side, stadig i, index.php, fi le, nu hvor, < head > en del af den side er oprettet, kan vi gå videre til det organ, tag.at din fi første model vil være let.klar?,, at skabe den skabelon, alt du skal gøre, er at bruge joomla erklæringer om, at indsætte indholdet af de vigtigste organer, samt alle moduler, de ønsker:,, < krop > <?php echo $app - > getcfg ('sitename)?><br /> \t<jdoc:include type="modules" name="top" /> \t<jdoc:include type="modules" name="left" /> \t<jdoc:include type="modules" name="breadcrumbs" /> \t<jdoc:include type="component" /> \t<jdoc:include type="modules" name="right" /> \t<jdoc:include type="modules" name="footer" /> \t<jdoc:include type="modules" name="debug" /> </body>, ,The template contains the following, in reasonably logical viewer order:, , ,The name of the site, ,The top modules, ,The left modules, ,A breadcrumb bar, ,The main content, ,The right modules, ,The footer modules, ,A debug module, , ,At this point (if you preview it, make sure it's the default template), the site does not look ver- imponerende,.,,, du ønsker at komme så tæt på hinanden - som muligt.i et spind synspunkt betyder det en side kan læses af anyone-a browser, en edderkop, eller en skærm læser.semantiske layout er hjørnestenen i tilgængelighed.,, bemærker, at du bruger fi første af en række kommandoer spec i fi c til joomla for at skabe denne produktion:,, < krop > <?php echo $app - > getcfg ('sitename)?> < br /> < jdoc: omfatte type = "moduler" navn = "top" /> < jdoc: omfatte type = "moduler" navn = "venstre" /> < jdoc: omfatte type = "moduler" navn = "brødkrummer" /> < jdoc: omfatte type = "komponent" /> < jdoc: omfatte type = "moduler" navn = "ret" /> < jdoc: omfatte type = "moduler" navn = "lille" /> < jdoc: omfatte type = "moduler" navn = "ser" /> < /organ >,, folkesundhedsprogrammet echo simpel output, en kæde af, configuration.php, fi le.her, du bruger lokaliteten navn. du kunne nemt bruge følgende:,, navnet på denne lokalitet <?php echo $mainframe - > getcfg ('sitename)?> < br /> administrator e - mail er <?php echo $mainframe - > getcfg ('mailfrom)?> < br /> denne model er på <?php echo $- > model?> adresseregister < br /> adressen er <?php echo juri: base();?>,,, jdoc, erklæring tilføjer forskellige typer: produktion, enten fra moduler eller komponenter.,, denne linje indstik output fra en komponent.det er hvad komponent vil blive fastsat af de forbundne menupunkt:, < jdoc: omfatte type = "komponent" />,,, denne linje indstik produktionen for et modul placering:, < jdoc: omfatte type = "moduler" navn = "ret" />, denne linje, skaber indhold for alle moduler, der har deres holdning til højre.den brugergenereret indhold for disse moduler er placeret i den side i den rækkefølge, der er fastsat i den for kolonne i modul manager.det er den fulde syntaks:,, < jdoc: omfatte type = "moduler" navn = "sted" stil = "mulighed" />,,, ved hjælp af css for at skabe en tableless layout: css skabelon tutor - trin 2, i dette afsnit, skal du bruge ren css - at foretage en tredje kolonne opstilling af joomla skabelon.vil du også gøre det ", fi fast" layout.der er tre hovedtyper af hjemmeside, layout - fi fast, fl nævnte, og budding, og de refererer alle til bredden af den side er kontrolleret.,,,, fi fast, layout er den bredde, der er nogle, fi fast værdi.,,, fl nævnte, layout kan vokse og psykolog til browseren vindue.,, efter opstilling er fl nævnte, men mellem nogle mini -