Web gune baten sorkuntza joomlarekin - dok

2014
Mikel Olano
Informatika-Proiektua

Informatika-Proiektua 2014/05/02
1
Aurkibidea
0-Taldekatzea..................................................................................................................................... 2
1-Planifikazioa .................................................................................................................................... 2
2-Xampp Instalazioa........................................................................................................................... 3
3-Joomla instalazioa........................................................................................................................... 9
4- Web orria sortzen. ....................................................................................................................... 17
4.1- Plantilla-ren instalazioa......................................................................................................... 17
4.2.- Plantilla martxan jarri............................................................................................................... 19
4.3-Web orriko menuak sortu...................................................................................................... 20
4.4-Home atala............................................................................................................................. 23
4.5- Nor gara atala........................................................................................................................ 31
4.6-Produktuak atala.................................................................................................................... 33
4.7-Moduluak sortzen.................................................................................................................. 35
4.8-Non gaude atala..................................................................................................................... 37
4.9-Kontaktuak atala.................................................................................................................... 43
4.10-Web orria bukaturik............................................................................................................. 48
5.Web orria sarean jarri ................................................................................................................... 51
5.1.Subdominioa sortu................................................................................................................. 52
5.3.Artxiboak igo .......................................................................................................................... 53
5.3.Datu basea sortu.................................................................................................................... 55
5.4.Ezarpenak egin....................................................................................................................... 57
6. Ondorioak..................................................................................................................................... 58

2
0-Taldekatzea
Nik proiektu hau bakarrik egiteko asmoa daukat. Beraz lan
guztiak nik egin beharko ditut. Nire ustez, bakarrik eginez, nahiz eta
proiektu ikaragarri bat ez egin, gehiago ikasten dela esango nuke.
1-Planifikazioa
Modulua bukatzeko proiektu bat egin behar denez, nik web orri
bat egitea pentsatu dut. Web orri hori negozio berri bat ireki behar
duten familiar batzuentzako izango da. Negozio orretan okindegi
bat eta prestaturiko janariak salduko dira.
Web orria egiteko, joomla erabiliko dut. Joomla instalatzeko
aurretik xampp instalatu behar da eta ondoren joomla. Behin
Joomla instalatu ondoren web orria egingo dut eta web orrian egin
ondoren, sarean zintzilikatzeko pausoak aztertuko ditut.
Horixe izango da egin behar dudan proiektua.

3
2-Xampp Instalazioa.
Lehenik eta behin, xampp deskargatuko dugu eta link honen
bidez deskargatuko dugu.
http://cdn.mirror.garr.it/sf/project/xampp/XAMPP%20Windows/1.
8.3/xampp-win32-1.8.3-3-VC11-installer.exe
Behin deskargatu dugularik, .exe bat denez exekutatu egingo
dugu eta instalazioko asistentea irekiko zaigu, ondoren, “next”
klikatuko dugu.

4
Xampp-ek instalatzen dituen osagai minimoak “Apache” eta PHP
lenguaia dira baina elementu gehiago instalatu daitezke.
Ondorengo pantaila onetan instalatu nahi ditugun osagaiak aukera
daitezke, gure kasuan MySQL eta phpMyAdmin izango dira baina
nik denak instalatu ditut.
Hurrengo pantailan Xampp instalatu nahi dugun karpeta
aukeratu behar dugu. Guk “C:xampp” karpetan instalatuko dugu.
Lekuz aldatu nahi badugu, ondoko karpetatxoan klikatuko dugu eta
ondoren zein karpetatan instalatu nahi dugun aukeratuko dugu.

5
Non instalatu nahi den aukeratu ondoren, “next” botoian
klikatuko
dugu.
Ondorengo pantaila honetan, “BitNami”-ren promozioa
izango da eta honen informazioa ez bazaigu interesatzen ‘Learn
more about BitNami for XAMPP’-en ondorengo kasila
desmarkatuko egingo dugu eta interesatzen bazaigu horrelaxe utzi.

6
Xampp-en instalazioa hasteko, “next” botoian klikatuko dugu.

7
Ondoren instalazioa hasiko da eta onek minutu batzuk iraungo
ditu.
Behin instalazioa bukatu duelarik, ondorengo pantaila azalduko
zaigu, onek, Xampp instalatu dela ziurtatzen digu. Ondoren “Finish”
sakatuko dugu eta Xampp-en “panel de control”-a irekiko zaigu.

8
Bertan ondo instalatuta eta martxan dagoela jakiteko frogak
egingo ditugu eta horretarako apache zerbitzaria martxan jarriko
dugu.
Behin apache martxan dugularik, nabigatzailean “localhost”
jarriko dugu eta martxan baldin badago Xampp-en orrialdea irekiko
zaigu.

9
3-Joomla instalazioa
Lehenik eta behin joomla deskargatuko dugu eta link honen
bidez deskargatuko dugu.
http://joomlacode.org/gf/download/frsrelease/19239/158104/Joo
mla_3.2.3-Stable-Full_Package.zip eta karpeta batean erauzia
utziko dugu.
Ondoren, joomla nola instalatzen den ikusiko dugu. Horretarako
“C:xampphtdocs”-era joango gara eta web orriak izango duen
izenarekin karpeta bat sortuko dugu.

10
Behin joomla deskargaturik daukagula eta karpeta sortuta
dugularik, deskargatutako joomlaren barruan dagoen eduki guzia
gure web orriko karpeta horretan sartuko dugu.

11
Hurrengo pausoa datu-base bat sortzea izango da.
Horretarako nabigatzailean “localhost/phpmyadmin” jarriko dugu
eta bertan sartuko gara.

12
“Crear base de datos” jartzen duen tokian datu baseari izena
emango diogu, web orriak izango duen izena eta “crear” emango
diogu. Jada prest egongo da joomlaren instalazioa hasteko.
Hortaz instalazioarekin hasiko gara eta nabigatzailean
“localhost/mendiko kapritxoa” ezarriko dugu eta ondorengo
orrialdea irekiko zaigu.

13
Atal honetan web orriaren izena email-a eta joomla-n
sartzeko erabiltzailea eta pasahitza jarriko dugu. Gainontzekoa
dagoen bezala utziz eta “siguiente” sakatuko dugu.
Hurrengo pantailan, datu basearekin enlazatzeko prozesua
egingo dugu web orriak funziona dezan.

14
Erabiltzailea “root” izango da, pasahitza utsik utziko dugu eta
datu basearen izena lehen sortu dugunarena izango da, mendiko
kapritxoak eta “siguiente” sakatuko dugu.

15
Pantaila honetan ere dena dagoen bezala utzita “siguiente”
sakatuko dugu eta instalazioa burutuko da.

16
Ondoren “eliminar carpeta de instalacion” egitea
gomendatuko digu eta karpeta hori borratuko dugu. Behin hori
eginda joomla instalaturik geratuko da eta web orria egiten
hasteko prest egongoda.
Ala eta guztiz ere froga egiteko nabigatzailean
“localhost/mendiko kapritxoa/administrador” jarriko dugu eta web
orria sortzeko kontrol panelera sartuko gara.
Web orrian sartzeko berriz, “localhost/mendiko kapritxoa”
jarriko dugu eta zuzenean sartuko da.

17
4- Web orria sortzen.
4.1- Plantilla-ren instalazioa
Joomla-k defektuz hainbat plantilla ekartzen ditu baina guk
internetetik bat deskargatu eta berarekin sortuko dugu web orria.
Horretarako link honetan sartuko gara
http://www.icetheme.com/downloads/184-all-in-one-package-
v3.0.0/download eta plantilla deskargatuko dugu ondoren izen
berarekin karpeta batean erauziko dugu.
Behin plantilla deskargaturik daukagula, joomla-n sartuko
gara (http://localhost/mendiko kapritxoak/administrator)
Irudi honetan ikusten den bezala, bertatik instalatuko dugu
plantilla. Horretarako “extensiones  Gestor de extensiones”
atalean sartuko gara eta bertatik igoko ditugu.

18
Gure web orria plantilla baten gainean egina egongo da.
Baina plantilla orri hainbat modulu jartzea egongo da beraz erabili
aurretik oriek denak igota egon behar dute.
Plantilla eta moduluak igotzeko, “seleccionar archivo”
klikatuko dugu eta ondoren plantilla erauzita daukagun karpetara
joango gara bertan igo nahi duguna aukeratuz eta azkenik “subir e
instalar” sakatuko dugu. Guk ez ditugu denak igoko batzuk baizik:
 plg_iceshortcodes_v3.0.1.zip
Ondoren plantilla dagoen karpetaren barruan
“icemegamenu” artxiboa egongo da, hori erauzi eta barruan
daudenak igoko ditugu:
mod_icemegamenu_v.3.0.2.zip
plg_icemegamenu.zip
Azkenik irudien deslizante bat jarriko dugu, hori “icecrausel”
artxiboaren barruan egongo da, beraz, artxibo hori erauzi eta
barrukoa igoko dugu:
mod_ice_carousel_v3.0.1.zip
Horiexek izango dira erabili behar ditugun moduluak eta
plantilla.
Behin dena prest daukagula, web orria sortzen hasiko gara.
Horretarako orain igo dugun plantilla martxan jarri behar dugu:
ExtensionesGestor de Plantillas atalean sartuko gara eta
bertan “ice_future” “predeterminado” bezala jarriko dugu
izartxoan sakatuz.

19
4.2.- Plantilla martxan jarri.
Behin hori egin
dugularik gure orrialdera
joango gara
(localhost/meniko
kapritxoak) eta honela
azalduko.
Ondoren instalatutako
moduluak eta martxan
jarriko dugutu. Hortaz,
“extensiones””Gestor
de modulos” eta bertan
“icecarosuel module” eta
“icemegamenu module”
gaituta jarriko ditugu x-ean
sakatuz.

20
Azkenik
plugiñarekin ere gauza
bera egingo dugu.
“Extensiones””Gestor
de plugins” eta bertan
asko daudenez,
billatzailearen bidez “ice” jarriko dugu eta “buscar” emango diogu.
Ondoren “icemegamenu plugin” martxan jarriko dugu, moduluekin
bezala.
Hau dena egin dugularik, itxura ematen hasiko gara. Kanpotik
deskargatzen ditugun plantillek, moduluen mapa izango dute beren
orrialdeetan, hau eskura izan behar dugu, jarri nahi ditugun gauzak
non jarri nahi ditugun jakiteko. Hemen link-a
http://goo.gl/wEZQoA.
4.3-Web orriko menuak sortu
Orain menua sortzen asteko, “extensiones””Gestor de
modulos”-era joango gara eta bertan “mod_icemegamenu”-n
klikatuko dugu. Barruan
gaudelarik “posicion” jartzen
duen tokian “ice_future”-ren
barruan “main menu”
aukeratuko dugu, ondoren
“seleccionar menu” jartzen
duenean “default”
aukeratuko dugu. Azkenik
“asignamiento menu”

21
pestañara joango gara eta bertan “en todasl las paginas aukeratuko
dugu”, ondoren guardar emango diogu.
Orrialdea errefreskatzen badugu onako hau azalduko zaigu.
Home menu bakarra.
Web orriak izango dituen menu ezberdinak, joomlan,
artikuluak esaten zaie adibidez Home, nor gara, non gaude
produktuak… Horiek sortzeko, orrialdeak ere sortu behar dira eta
orrialde oiei artikulu batzuk erantsiz.
Hortaz artikuluak sortuko ditugu, horretarako,
“contenido””Gestor de articulos””añadir articulo”.
Orain nahi ditugun menuak sortuko ditugu. Nik adibidez 5
sortuko ditu: Home, Nor gara, Produktuak, Non gaude eta
kontaktua. Menu guzti oiek sortuko ditugu.

22
Baina, orrialdean menu oiek ikusteko, artikuluak sortu behar
ditugu. Horretarako, “menu””main menu” atalean sartuko gara
eta bertan sortuko ditugu artikuluak.
Goian, web orrian azaldu behar duen izena jarriko dugu,
ondoren “menu item type” single article motakoa izango da eta
ondoren artikulua aukeratuko dugu, aurretik sortu duguna,
produktuak.
Orrialdea berriro kargatzen badugu hau ikusiko da.

23
4.4-Home atala
Jarraian, imaginen deslizantea jarriko dugu martxan.
Horretarako, “extensiones””Gestor de modulos””icecarousel
module”. Behin bertan gaudelarik posizioa asignatuko diogu.
“Position” jartzen duen tokian “icecarusel” aukeratuko dugu.
Ondore “opciones” atalera joango gara eta berta tema aukeratuko
dugu eta “dark” izango da. Altura ta zabalera berriz, 1175x475
izango da eta azkenik “asignamiento menu” atalean soilik “home”
aukeratuko dugu.

24
Oraindik irudiak gehitzea geratzen da, hortaz,
“contenido””gestor de multimedia” atalean sartuko gara eta
bertara irudiak igoko ditugu. Horretarako lehendabizi karpeta bat
sortuko dugu eta bertan sartuko ditugu. Behin karpeta sortutakoak,
“subir” emango diogu eta irudiak bertan kargatuko ditugu
Ondoren kategoria bat sortuko dugu. Horretarako, “contenido”
“Gestor de categorias””añadir kategoria” eta Imagen izeneko bat
sortuko dugu. Ondoren itxi eta “estensiones””Gestor de
articulos””Añadir articulo nuevo”-ra joango gara eta bertan igo
dugun irudi bakoitzerako bat sortuko dugu. Adibidez (Ogi integrala,
plater tradizionala…) eta artikulu orietako bakoitzean dagokion
irudia sortuko dugu.

25
Irudia, azpian, “imagenes” jartzen duen botoian sakatu eta
ondoren irudiak igo ditugun karpeta aukeratuko dugu, kategori
bezala imagenes jarriko dugu eta azkenik “insertar”.
Orain
“extensiones””Gestor
de modulos”
“icecarusel menu”-ra
joango gara eta “content
options” atalean,
“category” jartzen duen
tokian dagoena borratu eta “imagenes” jarriko dugu.
Azkenik orrialdea berriro kargatuko dugu eta honela ikusiko
dugu irudien deslizantea.

26
Hurrengo pausua, “home” orrialdean testu modulu batzuk
erantsiko dizikiogu. Bi modulu izango dira erditik banatuta eta
irudien azpian ipiniko dugu. Modulu horiek zein posizio izan behar
duten jakiteko, lehen esan dugun bezala, moduluen mapara joko
dugu eta bertan ikusiko dugu zein posizio izango dute
(http://goo.gl/wEZQoA).
Bertan gure negozioari edo dendari buruzko informazio pixka
bat eskainiko dugu
Mapan ikusten den bezala, promo1 eta promo2 izango dira.
Lehendabizi, “extensiones” “Gestor de modulos” atalean sartuko
gara. Bertan “nuevo” sakatuz, berri bat sortuko dugu, “custom
HTML” motakoa. Ondoren, nik adibidez, elikagaien ezaugarriak
eman diot izena. Jarraian posizioa esango diogu eta “promo1”
izango da eta idatzi nahi dugun textua idatziko dugu. Azkenik zein
orritan azaltzea nahi dugun esango diogu eta ori “asignacion de
menu” atalera joan eta “home” soilik aukeratuko dugu.
Bigarren moduluarekin ere gauza bera egingo dugu. Berria
sortu, izen bat eman, posizioa asignatu, testua idatzi eta zein
orrialdetan azaltzea nahi dugun esan.

27
Orain orrialdea berriro kargatzen badugu honela ikusiko dugu.
Jarraian, orriaren azpialdean begiratzen badugu, hainbat
gauza arraro ikusten direla ikusiko dugu. Hurrengo pausua horiek
kentzea izango da, orrialdea behar den bezala ikus dadin.
Horretarako, “menus””main menu””home” atalean
sartuko gara eta bertan gaudelarik “opciones” atalean. Bertan
“Mostrar titulo” jartzen duen tokian “ocultar” aukeratuko dugu.

28
Hori egindakoan, “home” tituluak alde egingo digu eta
ondoren, gainontzeko informazioa kentzeko hurrengoa egingo
dugu. Lehenik, “contenido””gestor de articulos” atalean sartuko
gara eta bertan “opciones botoia sakatuko dugu. Behin barruan
gaudelarik aukera guztietan “ocultar” edo “no” aukeratuko dugu.

29
Orrialdea berriro kargatzen badugu ikusiko dugu nola behar
ez genuen textu guztia falta dela.
Jarraian orrialdearen beheko puntan dauden ikonoak
kenduko ditugu, alperrik baitdadue. Horretarako,
“extensiones””gestor de plantillas””ice_future”. Bertan
gaudelarik “facebook”, “twitter” eta “iceTheme logo”-n “no”
aukera aukeratuko dudu.

30
Behar den bezala egin dugula konprobatzeko, orria berriro
kargatuko dugu eta ikonoak falta direla ohartuko gara.
Segidan logo bat jarriko diogu web orriari. Nire logoa irudi
sinple bat izango da, baina badaude zenbait herraminta, logo
dotoreak egiteko eta irudi formatuan jartzeko. Logoa jartzeko,
“extensiones””Gestor de plantillas” “ice_future”.
Bertan gaudelarik, “site logo” jartzen duen tokian, jarri nahi
dugun imagina aukeratuko dugu eta “guardar” emango diogu,
prozesu guztietan bezala dena gordeta gera dadin.

31
Aldaketak ikusteko, orain arte bezala, orrialdea berriro
kargatuko dugu eta nola logoa azaltzen den ikusiko dugu.
4.5- Nor gara atala
Orain berriz, “nor gara” atala beteko dugu. Bertan irudi bat
eta testu pixka bat jarriko dut. Hori egiteko lehenbizi irudia igoko
dut joomla-ra. Hortaz, “contenido”

32
”gestor de multimedia” eta “subir” botoia sakatuz irudia ipiniko dut
bertan. Ondoren, berriro, “contenido””gestor de
articulos””nor gara” atalean sartuko gara eta bertan irudia eta
textua idatziko dugu. Irudia txertatzeko, orrialdearen azpialdean
“imagen” jartzen du, bertan sakatu irudia eta irudia igo dugun
tokira eramango gaitu. Jarraian irudia aukeratu eta “subir” emago
diogu. Hori egindakoa, irudia jada azaldu eginen zaigu, ondoren,
textua idatziko dugu eta guardar emango diogu.

33
Ondoren aldaketak ikusteko “nor gara” orrialdea berriro
kargatuko dugu.
4.6-Produktuak atala
Hurrengo atala ere berdintsua izango da. “Produktuak”
atalak bi zati izango ditu. Batean ogi motak jarriko ditugu eta hori
irudien bidez egingo dugu. Bestean berriz eguneko menua jarriko
dugu eta hori berriz textua izango da. Baina honek aurrekoarekin
alderatuta, diferentzia bat izango du, artikuluekin sortu beharrean
moduluekin sortuko dugu.
Hortaz, “extensiones””gestor de modulos” eta
“nuevo” sakatuko dugu. Bertan sakatuko
dugu eta orrialde onetan ogi moten irudia igoko dugu aurrekoan
egin dugu bezala. Baina orri berean bi gauza egon behar dutenez,
onetan posizio bat emango diogu. Horretarako “posicion” jartzen
duen tokian “promo1” jarriko dugu. Jarraian, “asignacion de menu”

34
ataldean soilik “produktuak” orria aukeratuko dugu eta“guardar y
nuevo” emango diogu. Hemen ere gauza bera egingo dugu, jarri
behar dugun testua jarri eta ondoren “posicion” jartzen duen
tokian “promo2” jarriko dugu. “Asignacion de menu”-an berriz
“produktuak” soilik aukeratuko dugu.
Orain aldaketak egin ditugula ikusteko “produktuak orrialdera
joango gara eta bertan ikusiko ditugu.

35
4.7-Moduluak sortzen
Hurrengo pausua, orrialde batzueta, sare sozialetako
ikonoak jartzea izango da. Ikono horiek modulu batzuk izango dira.
Guk modulu hori ez daukagunez oraindik, internetetik
deskargatuko dugu eta behar den tokian ipiniko dugu (moduluaren
link-a http://goo.gl/qQxix).
Behin modulua deskargatuta daukagula, instalatu egin
behar dugu. Instalazioa plantillarekin egin dugu bezala da.
“extensiones””gestor de extensiones” eta bertatik “seleccionar
archivo” sakatuz artxiboa aukeratu eta “subir e instalar” sakatuz
instalatuko dugu.
Ondoren martxan jartzeko, “gestor de modulos” atalean,
“social” edo “JE social icons” bilatuko dugu eta “X” gorrian
sakatuko dugu martxan jarriz. Jarraian barruan sartuko gara eta
izenburu bat emango diogu. Ondoren berriz gure sare sozialen link-
ak jarriko ditugu behar den lekuetan eta bukatzeko posizio bat
asignatuko diogu, kasu onetan, “right” jarriko dugu . Baita ere zein
orrialdetan azaltzea nahi dugun esango diogu eta horretarako
“asignacion de menu” eta “nor gara” eta “kontaktuak” aukeratuko
ditugu bukatzeko “guardar y cerrar” emango diogu.

36
Ikono sozialen azpian, testimonio bat jarriko dugu.
Testimonio hori ere modulu bat izango denez
“extensiones””gestor de mosulos””nuevo” sakatuko dugu eta
“html personalizado” izango da. Behin barruan gaudela izenburu
bat emango diogu, edozein eman dakioke gero gorde eginen bait
dugu. Ondoren testu bat idatziko dugu, posizioa berriz aurrekoa
bezala “right” izango da eta “asignacion de menu” ere berdina,
“nor gara” eta “kontaktuak” eta “guardar y cerrar” emango diogu.
Konprobatzeko, “nor gara” eta
“kontaktuak” orrian sartzen bagara,
onako hau ikusiko dugu eskuineko
zutabean.

37
4.8-Non gaude atala
Orain “non gaude” atala sortuko dugu. Atal honetan hiru
modulu sortuko ditugu eta baita ere mapa bat.
Moduluak sortzen hasiko gara eta lehenengoa, dendaren
ordutegiarekin egingo dugu. Hortaz, “extensiones””gestor de
modulos””nuevo””html personalizado” sakatuko dugu. Bertan
izenburu gisa “ordutegia jarriko dugu eta nahi dugun testua
idatziko dugu ordutegiarekin. Jarraian berriz posizio bat emango
diogu eta kasu honetan “left” izango da titulua berriz agerian utziko
dugu. Bukatzeko “asignacion del menu” atalean, “kontaktua” eta
“non gaude” orrialdeak aukeratuko ditugu soilik eta gorde egingo
dugu.

38
Urrengoarekin gauza bera egingo dugu baina ordutegia jarri
ordez helbidea jarriko dugu. Textu bezela helbidea izango da,
posizioa “left” eta “kontaktua” eta “non gaude” orrialdeetan
azaltzea nahi dugula esango diogu. Eta azkenik nota bat jarriko
dugu. Bertan erreserbak egin daitezkela esango diogu. Orainarte
bezala izenburua eman, posizioa “left”, “kontaktuak” eta “non
gaude” orrialdeeak aukeratu eta textu bezela jarri nahi duguna
jarriko dugu. Azkenik guardar mengo diogu prozesu guztietan
bezala.

39
Orain orrialdea berriro kargatuko
dugu eta aldaketak ikusiko ditugu
“kontaktuak” eta “non gaude” orrietan.
“Non gaude” orrialdearekin bukatzeko mapa bat jarriko
dugu. Horretarako helbidea jarriko dugu google maps herramintan
eta gure denda dagoen tokia ubikatuko dugu. Ondoren beheko
irudian gorriz ageriden botoi horretan sakatuko dugu.
Hori sakatutakoan honako aukerak azalduko zaizkigu eta
“compartir einsertar mapa” aukeratuko dugu. Ondoren “insertar
mapa” ata tamaña ere aukeratuko dugu. Hori web orriaren arabera
izango da. Azkenik espezifikazioak jarri eta gero url hori kopiatuko
dugu.

40
Jarraian mapa insertatzeko,
“contenido””gestor de artikulos”
atalean sartuko gara eta bertan “non
gaude” –ren klikatuko dugu.
Bertan gaudelarik, azpialdeko
“cambiar editor” botoia sakatuko
dugu eta ondoren aurretik kopiatu dugun url-a itsatsiko dugu.
Baina honek funtziona dezan beste ezarpen bat aldatu
behar da. “Extensiones””Gestor de plugins” atalean sartuko gara
eta bertan bilatzailean “tiny” idatziko dugu eta bilatzeari emango
diogu.
Ondoren azalduko denean sartuko gara eta beheko partean
“prohibited elements” jartzen duen tokian “,iframe” borratu egingo
dugu. Ondoren berriz url-a itsastera joango gara lehen bezala ,
“contenido””gestor de artikulos”  “non gaude” sartuta.
Azkenik aldaketak gordeko ditugu.

41
Orain bukatzeko “non gaude” orrian sartuko gara berriro
eta nola aldatu den ikusiko dugu.

42
Bukatzeko, gure web orriko azkeneko atala bukatuko dugu.
Atal horrek “kontaktua” izena du. Aurretik lau modulu asignaturik
dauzkago. Ordutegia, dendaren kokalekua, sare sozialen ikonoak
eta testimonioa.
Baina orain, ezkerreko zutabean beste modulu bat erantsiko
diogu. Modulu horretan, telefonoa eta posta elektronikoa ipiniko
ditugu. Horretarako, orain arte bezala, “extensiones””gestor de
modulos””nuevo” ”html personalizado” sakatuko dugu. Behin
barruan gaudelarik izenburua emango diogu “kontaktua”. Ondoren
telefonoa eta postak idatziko ditugu eta posizio bat emango diogu,
kasu honetan “left” izango da. Bukatzeko zein orrialdetan azaltzea
nahi dugun ipiniko dugu eta “kontaktua” aukeratuko dugu. Bertan
soilik azaltzea nahi dugulako.

43
Jarraian, orrialdea berriro kargatuko dugu
zer aldatu den ikusiz.
4.9-Kontaktuak atala.
Web orri honekin bukatzeko, erdian formulario bat jarriko
dugu. Plantilla honetan formularioa jartzeko lehenik eta behin
deskargatu egin beharko dugu (hemen link-a http://goo.gl/ba60SW
).
Behin deskargaturik daukagula, orain arte bezala modulua
instalatuko dugu. “Extensiones””gestor de modulos”-ean sartu
eta bertan emango digu igotzeko aukera.
Instalaturik daukagunean, “extensiones””gestor de
modulos””nuevo” –n sartuko gara. Bertan, orain arte azaltzen ez
zen aukera bat azalduko zaigu, “fox contact” izango da eta hori
aukeratuko dugu.

44
Lehenik izen bat emango diogu baina izen burua estaliko
dugu. Ondoren zein posiziotan nahi dugun esango diogu eta posizio
hori, bi moduluen zutabeen artean izango da. Posizio horretan
jartzeko, izen bat asmatu behar dugu eta “posicion” jartzen duen
tokian jarri “formcontact” jarriko dugu adibidez.
Ondoren
ezarpenetara joango gara
“entrega del mensaje”
atalera. Bertan zein
korreora bidaltzea nahi
dugun esango diogu.
Zein orrialdeetan azaltzea nahi
dugun ere esango diogu. Hori berriz,
“kontaktua” orrialdea soilik azaltzeko
esango diogu.

45
Modulua azaltzeko prest daukagunean, jarri dugun posizio
hori artikulu batean inplementatu behar dugu. Hortaz,
“contenido””gestor de artikulos” “kontaktuak” partean
sartuko gara eta bertan “{loadposition: contactform}” idatziko
dugu eta aldaketak gordeko ditugu.

46
Modulu honi
aldaketak egin nahi
badizkiogu,
modulura sartu,
“extensiones””gestor de modulos””foxcontact”, eta behin
barruan gaudelarik, “campos de formulario” atala irekiko dugu eta
nahi ditugun eremuak jarri edo kendu ahal izango ditugu.
Bestalde bazterreko kolorea kendu nahi badiogu, ortxe bertan
gaudela, beheko partean “avanzado” atalean sartu eta “estilo de
modulo” jartzen duen tokian nahi duguna aukeratuko dugu, nik
adibidez “ice future” barruan “well” aukeratu dut.

47
Orrialdea berriro kargatzen badugu honela geratuko zaigu

48
4.10-Web orria bukaturik
1.Home
2.Nor gara

49
3.Produktuak
4.Non gaude

50
5. Kontaktuak

51
5.Web orria sarean jarri
Orain web orri hau dohainik zintzilikatuko dugu sarean.
Horretarako, “subdominio” batekin jarriko dugu. Bestalde
ordainduz, dominio bat erosi beharko genuke eta zuzenean ipini.
Hortaz, lehenbizi, “filezilla” programa jaitsi behar dugu
(http://goo.gl/Ab2ETU ). Artxiboa “.exe” bat denez erraz
instalatzeko modukoa da. Programa exekutatzean honako hau
ikusiko dugu.
Jarraian, gure web orria zintzilikatzeko zerbitzariaren web
orrira joango gara (http://www.hostinger.es/orden ). Gure posta
eta pasahitzak jarriko ditugu bertan erregistratu ahal izateko.

52
5.1.Subdominioa sortu
Behin barruan gaudelarik, “nuevo hosting” sakatuko dugu
eta ondoren dohaineko bertsioa nahi dugunez “gratis”.

53
Hurrengo
pantailan, gure
subdominioaren izena
ipiniko dugu
“mendikokapritxoak” eta
pasahitz bat emango
diogu. Hurrengo pausuak
jarraitu eta jada
subdominioa prestaturik
edukiko dugu.
5.3.Artxiboak igo
Hurrengo pausua, gure web orriko artxiboak igotzea izango
da. Pausu hau oso garrantzitsua da, hau ez badugu ongi egiten
arazoak izango ditugu.

54
Horretarako, aurretik aipatu dugun “filezilla” programa
erabili beharko dugu, ftp bezero bezela. Baina hori egin baino
lehen, hotinger-etik hain informazio atera behar ditugu, eta gure
dominioaren
detaileetan sartuko
gara. Bertan ikusten
dugunez,
zerbitzariaren izena
server56.hostinger.es
izango da eta orrialde
horretan bera jaisten
bagara, usuario ftp
bezela “u316082445”
izango dela esango
digu.
Behin hau egin ondoren filezilla programa irekiko dugu eta
goiko barran, aurretik esan dugun informazioa sartuko dugu behar
den tokian zerbitzariarekin konektatzeko.
Konektaturik gaudenean, eskuineko aldean, gure zerbitzarian
dauden gauzak azalduko zaizkigu eta “default.php” artxiboa
ezabatu beharko dugu.

55
Jarraian, ezkerreko laukian, gure web orriko artxibo guztiak
aukeratu eta zerbitzarira igoko ditugu, arrastatuz. Artxibo guztiak
igo beharko dira, zuzenean igotzen ez badira eskuz igo beharko
ditugu.
5.3.Datu basea sortu
Bestetik, datu base bat sortu beharko dugu. Horretarako,
beheko irudian ikusten den helbidera joan beharko dugu eta datu
baseari izena erabiltzailea eta pasahitz bat emango diogu.

56
Behin datu basea sorturik daukagula, gure
“localhost/phpmyadmin”-en sartuko gara eta bertar “exportar”
pestaña klikatuko dugu “.sql” artxibo bat sortuz ezarpen guztian
dauden bezala utziko ditugu.
Datu basea exportaturik daukagula, “hostinger”-en sortu
dugun datu basea sartuko gara eta “phpmyadmin”-ra joango gara.
Bertan gaudelarik, “importar”en gainean sakatuko dugu eta
lehen deskargatu dugun “.sql”-a aukeratu eta “continuar” emango
diogu. Onela datu basea prest edukiko dugu zerbitzarian.

57
5.4.Ezarpenak egin
Hurrengo pausua gure datu basea eta web orriko
konfigurazioak lotzea izango da. Horretarako hostinger-en
“administrador de archivos” –en sartuta “configuration.php”
artxiboa editatuko dugu, eskubiko botoia sakatuz.
Baina aldaketa horiek egiteko, gure datu baseko detailetan
sartuko gara. Bertan datu basearen izena erabiltzailea eta host-a
edukiko ditugu eta pasahitza ere beharko dugu, sortzeko erabili
duguna.

58
Hortaz, berriro dokumentua editatzeko leihora joanez
jarraituko dugu. Hauexek editatu beharko dira
 public $host = ‘mysql.hostinger.es’;
 public $user = 'u316082445_root';
 public $password = 'mendiko';
 public $db = 'u316082445_mendi';
 public $live_site = 'http://mendikokapritxoak.esy.es';
Behin aldaketa hauek buru ditugularik, web orria
mendikokapritxoak.esy.es helbidean ikusi bearko litzateke, jada
sarean egongo da.
6. Ondorioak.
Egin dudan proiektua interesgarria izandu dela iruditzen zait.
Alde batetik, joomla-ren funtzionamendua ikasi dut, herramienta
baliogarria izan daitekeela uste dut. Joomla-ren bidez mota
askotako web-orriak egin daitezke. Bestetik, eskolan ikasi duguna
praktikan jarri eta pixkabat sakondu dudalakoan nago, web orriak
migratzeko garaian zein faktore diren garrantzitsuak ikasi dut.

Web gune baten sorkuntza joomlarekin - dok

Recommended

Recommended

More Related Content

Similar to Web gune baten sorkuntza joomlarekin - dok

Similar to Web gune baten sorkuntza joomlarekin - dok (10)

More from Tolosaldea TLHI

More from Tolosaldea TLHI (12)

Web gune baten sorkuntza joomlarekin - dok