Za posljednji dio ove serije provest ćemo vas kroz završne faze izrade web stranice s fotografijama od nule pomoću Drupal sustava za upravljanje sadržajem (CMS).
Web stranice izrađene pomoću CMS-a sofisticiranije su od web stranica koje se sastoje od fiksnih ili "statičnih" stranica teksta i ključne su za prikaz slika.
Kao CMS otvorene kode za opću namjenu, Drupal se može pohvaliti velikom zajednicom programera i popularan je među vladama, neprofitnim tvrtkama i obrazovnim institucijama.
Izgradnja web stranice u Drupalu više je uključena nego u drugim CMS-ovima poput WordPressa, pa će se svidjeti računalno pismenim ljudima koji vole ideju da idu "iza zavjese" web stranice.
Nagrada će biti izrađena po mjeri i sigurna web stranica izgrađena na visoko prilagodljivoj platformi gdje se dodana funkcionalnost daje instaliranjem modula (dodatne značajke) i tema (koje određuju izgled i dojam).
Da bismo došli do ove točke, započeli smo izgradnju web stranica u lokalnom okruženju, koristeći lokalni domaćin Acquia Dev Desktop.
Započnite s preuzimanjem programa Acquia Dev Desktop i pokretanjem instalacijskog programa, zatim pokrenite softver i odaberite Start From Scratch.
Upotrijebite predloženi zadani podatak za pronalaženje datoteka baze podataka na vašem sustavu, unesite naziv web mjesta i prihvatite zadane upite za verziju PHP-a i naziv baze podataka. Odaberite v8.9.1 pod Instalacija distribucije Drupala, unesite sve potrebne podatke i Drupal će biti instaliran.
Zatim instalirajte modul Media Gallery i temu Showcase Lite. Zatim počnite stvarati svoje galerije …
Što će vam trebati za izgradnju web stranice s fotografijama u Drupalu
- Računalo
- pristup internetu
- Slike spremne za prijenos
- Razvojna aplikacija (koristimo Acquia Dev Desktop)
- Vrijeme: 1 tjedan (izrada)
Tri faze razvoja Drupal stranice
1. Započnite s postavljanjem imena domene
Za razliku od wordpress.com, Drupal ne nudi mogućnost hostinga, pa ćete te aranžmane trebati napraviti sami.
Prije nego što započnete, trebat ćete nabaviti i ime domene za svoje web mjesto - posjetite Domain.com, Bluehost ili www.123-reg.co.uk ili potražite dobavljača na mreži.
Unesite željeno ime web mjesta i dobit ćete popis dostupnih proširenja (.com, .co.uk itd.) I naknada za registraciju.
2. Razvijte svoju Drupal stranicu na vlastitom računalu
Drupal možete instalirati na web mjesto za hosting i tamo ga izgraditi, ali razvoj web mjesta na lokalnom hostu (vlastitom računalu) olakšava stvari. Web stranicu možete izraditi vlastitim tempom, popravljajući eventualne poteškoće i poboljšati izgled i osjećaj tijekom kretanja.
3. Postavite gotovu web lokaciju svom davatelju usluge hostinga
Kada je vaša web lokacija spremna, možete je rasporediti kod davatelja usluge hostinga. Prijenos datoteka na web lokaciju domaćina i konfiguriranje svih postavki mogao bi potrajati jedan dan, ali tada je web lokacija s fotografijama spremna za veliko otkrivanje.
Izradite web stranicu za fotografije Drupal u 10 koraka
Koristeći lokalno okruženje Acquia Dev Desktop, nastavljamo razvijati svoje
web mjesto prije testiranja i kasnijeg postavljanja na platformu za hosting web stranica …
01 Stvorite poveznice izbornika za galerije
Nakon stvaranja nekih galerija, povezali smo ih s glavnom navigacijom kako bi ih posjetitelji web stranice mogli lako pregledavati. U području Administrator kliknuli smo na Struktura, a zatim na Glavni izbornik za navigaciju i uređivanje.
Upisali smo naslov za vezu izbornika, a zatim smo u polje "Link" upisali "/ media_gallery / 1", ponavljajući ovaj korak za ostale galerije, zamjenjujući "/ 1" s "/ 2", "/ 3" itd.
02 Poboljšanje prikaza slike
Naše bi galerije koristile 'lightbox' za prikaz fotografija. Odabirom slike otvorit će se skočni sloj preko kojeg možemo kliknuti da bismo pregledali sve slike prikazane u galeriji.
Colorbox je popularni lightbox dodatak koji je radio s nekoliko verzija Drupala, tako da je dobro uspostavljen i aktivno se održava.
Njegovu stranicu možete pronaći ovdje - zavirite u opis dodatka da biste vidjeli što on može učiniti.
03 Preuzmite modul Colorbox
Iz opisa ćete primijetiti da u Colorboxu postoje dva diskretna elementa - modul i dodatak - a dodatak je zasebno preuzimanje.
Počnimo s modulom. Pomaknite se do dna stranice i pronađite verziju Drupal 8 (to je gornji od dva zelena okvira), mišem prijeđite na vezu tar.gz, kliknite desnom tipkom miša i odaberite Copy Link Address.
Natrag u administratorsko područje web stranice, kliknite karticu Proširi, kliknite Instaliraj novi modul, zalijepite URL i kliknite Instaliraj.
04 Preuzmite dodatak Colorbox
Vratite se na stranicu za preuzimanje Colorboxa; odmah pod Ovisnosti kliknite vezu Colorbox Plugin 1.x. Ovo će spremiti komprimiranu arhivsku datoteku na nominirano mjesto vašeg računala za preuzimanje.
Sada morate stvoriti direktorij na vašem sustavu za datoteke dodataka Colorbox. Prema uputama na stranici za preuzimanje Colorboxa, stvorite direktorij tako da put do datoteka postane (naziv web mjesta) / libraries / colorbox /, a zatim raspakirajte arhivu na tom mjestu.
05 Postavite nekomprimirane datoteke dodataka
S nekomprimiranom arhivom, u direktoriju biste mogli vidjeti 14 datoteka, uključujući i najvažniju JavaScript datoteku jquery.colorbox-min.js.
Ako vaša mapa prikazuje nešto drugačije, provjerite tražite li na pravom mjestu - mapa (sitename) / modules / colorbox sadrži sintaksu koja je vrlo slična. (Ova mapa trebala bi sadržavati 22 datoteke, uključujući osam podmapa - pogledajte uložak, gore.)
06 Omogućite modul Colorbox
Nakon što smo već instalirali modul Colorbox, sada ga moramo omogućiti. (Ovaj postupak nije automatski.) Vratite se na administratorsko područje svoje web lokacije i kliknite karticu Proširi.
Pomaknite se prema dolje dvije trećine stranice; ispod odjeljka Mediji stavite kvačicu lijevo od Colorboxa. Odmah na dnu stranice kliknite Instaliraj.
Idite na Izvješća i pokrenite izvješće o statusu: ako Colorbox nije naveden u Pronađene pogreške, onda je sve u redu.
07 Pogledajte efekt našeg novog lightboxa
Sada da vidimo kakve su razlike stvorile slike s lightboxom. Kliknite Natrag na web mjesto u gornjem lijevom kutu zaslona i pozovite jednu od galerija koje ste dodali u glavnu navigaciju.
Kliknite sliku i ona će se otvoriti u skočnom sloju. Par gumba u donjem lijevom kutu omogućuju vam kretanje kroz slike u galeriji, dok X u donjem desnom kutu zatvara skočni prozor - sve radi u redu.
08 Pregledajte informacije o naslovima slike
Još jedna značajka Colorboxa je sposobnost prikazivanja opisa za slike, koji iskače s dna slike koja se pregledava kad mišem pređete preko nje.
Trenutno se koristi alternativni tekst (kratki opis koji koriste čitači zaslona ili kada se slika ne učita) koji unosimo za svaku fotografiju prilikom prijenosa slikovnih datoteka. Da biste promijenili titlove, otvorite datoteku slike u izborniku Sadržaj / Datoteke.
09 Dodajte neke druge ključne stranice na stranicu
Kako prikaz slika sada izgleda bolje, možemo početi graditi web mjesto i dodavati neke druge ključne elemente. Prvo, izradimo stranicu O nama kako bismo istakli fotografske usluge koje nudimo.
Kliknite karticu Sadržaj, kliknite Dodaj sadržaj i odaberite Osnovna stranica. Unesite željeni tekst i umetnutu sliku izrezanu na odgovarajuću veličinu. (Koristili smo 200 x 200 piksela.) Ostale stranice za izradu uključuju stranicu dobrodošlice.
10 Procijenite napredak i dodajte ostale elemente
Tako sada imamo potpuno funkcionirajuće web mjesto za fotografije, organizirano u niz galerija koje prikazuju slike u skočnom preklapanju s informacijama o naslovima.
Dobar je početak, ali ovo je samo početak. Ostali elementi web stranice koje biste mogli razmisliti o dodavanju uključuju redovite postove na blogu, kako bi se otvorio razgovor s posjetiteljima vaše web stranice - a ovo je još jedna funkcija koju Drupal odmah podržava.
Posljednji koraci: postavite lokalno web mjesto na mrežu
Dakle, dovršili ste izradu i izgladili neke grube rubove potpuno testiranjem - sada je vrijeme da svoju web lokaciju postavite na internet i otkrijete je globalnoj publici. Evo kako se to radi …
1. Pronađite davatelja usluga hostinga
Nakon što se vaša web stranica u potpunosti izgradi i testira, a sve pogreške ili greške budu izravnane, spremno je za objavljivanje globalnoj publici.
Prvi je korak pronaći pružatelja usluga hostinga. Provjerite može li vaš pružatelj usluga hostinga podržavati PHP i MySQL, što Drupal zahtjeva.
2. Preuzmite FTP klijent na svoje računalo
Protokol za prijenos datoteka (FTP) način je na koji prenosite datoteke svoje lokalne web lokacije svom davatelju usluga web hostinga. Jedan od najpopularnijih FTP klijenata je FileZilla, koji radi i na Windowsima i na MacOS-ima. FileZilla možete pronaći ovdje.
3. Prenesite datoteke pomoću upravljačke ploče
Vaš će vam pružatelj usluga omogućiti pristup upravljačkoj ploči za upravljanje web mjestima sve na jednom mjestu - cPanel je popularna opcija. Slijedite upute davatelja usluge za postavljanje, ali imajte na umu da prijenos datoteka i konfiguracija postavki može potrajati cijeli dan.
je omiljeni svjetski fotografski časopis. Svako je izdanje prepuno najnovijih vijesti, recenzija, vodiča, stručnih savjeta za kupnju, savjeta i nadahnjujućih slika. Uz to, svako izdanje dolazi s izborom bonus poklona od interesa za fotografe svih sposobnosti.Pogledajte ponudu
Najbolje web lokacije za hosting za fotografe: naručite svoj portfelj na mreži
Najbolje besplatne mogućnosti pohrane u oblaku za fotografe: platforme i aplikacije
Najbolji internetski tečajevi fotografije - od vodiča za početnike do majstorskih tečajeva
Najbolji graditelji web stranica za fotografe
Najbolji menadžeri lozinki
Najbolji studentski laptop
Najbolji softver za uređivanje fotografija
