Ustvariti spletno mesto brez znanja HTML? Spletni uredniki za izdelavo spletnih strani se vse bolj uveljavljajo, pogosto zaradi čudovitih predlog. Če raje ne izhajate iz tako pripravljene zasnove, ki se pogosto konča s plačljivo možnostjo, potem je RocketCake namizni program, s katerim lahko čudovito spletno stran zgradite iz nič.
Angleški program vsebuje le petnajst predlog za navdih. Namen je, da ustvarite svoje spletno mesto z RocketCake, ki ga lahko kasneje enostavno posodobite. RocketCake je tako imenovani urejevalnik WYSIWYG. Kode HTML vam ni treba vnašati. Svoje spletno mesto sestavite tako, da v delovni prostor postavite elemente in nato naložite primer. Elementi vključujejo besedilna polja, gumbe, slike, menije, diaprojekcije, filme, zvočne posnetke in še več. Zaradi česar je RocketCake poseben, je urejevalnik za izdelavo tako imenovanih odzivnih spletnih mest. Tako odzivno spletno mesto je prijazno mobilnim napravam, saj se postavitev prilagodi zaslonu naprave, s katero nekdo obišče spletno mesto.
Odzivna spletna stran ostaja urejena, ne glede na to, ali si jo ogledate na velikem monitorju ali majhnem zaslonu pametnega telefona. V ta namen bo spletno mesto prilagodilo številne komponente, kot so velikost pisave, razporeditev nekaterih elementov in način prikaza menija na zaslonu.
Prenesite RocketCake tukaj. Obstaja ena različica za Windows in ena za macOS. V tej delavnici uporabljamo brezplačno izdajo. Tako je enostavno ustvariti gladko odzivno spletno mesto. Obstaja tudi profesionalna izdaja RocketCake, ki stane 39 evrov. S profesionalno različico lahko ustvarite neomejeno število spletnih mest. Na voljo je tudi podpora za CSS, s katero lahko hitro prilagodite sloge postavitve na celotnem spletnem mestu. Različica 3.1 RocketCake je bila izboljšana, tako da je vaše spletno mesto boljše pri Googlu in drugih iskalnikih. Poleg tega brezplačna različica vključuje nekaj funkcij, ki so bile prej samo v plačljivi izdaji.
Delovno okolje in zaslon
Na vrhu delovnega prostora je vrstica z gumbi za dodajanje nove strani, predogled z Internet Explorerjem in objavo spletnega mesta v internetu. Na desni boste našli Nabor orodij z vsemi elementi, ki jih lahko postavite na spletno stran. Zgoraj levo si lahko ogledate strukturo vseh strani vašega spletnega mesta.
Spodaj so Lastnosti. Tu spremenite lastnosti vsakega izbranega elementa. Recimo, da želite dodati sliko na stran, nato v lastnostih izberete slikovno datoteko in navedete, ali naj ima slika zaobljene ali ostre vogale itd.
Čisto na dnu določite širino zaslona. Privzeto je to Namizje-prikaz. Preko majhnega spustnega menija spodaj levo lahko delate tudi na zaslonu številnih priljubljenih mobilnih naprav, kot so iPhone, iPad, Samsung Galaxy, LG ... Če v tem ne najdete želene širine lahko izberete tudi po meri in z drsnikom določite širino, ki se prikaže na zaslonu. Ta nastavitev širine je pomembna za določanje mejnih vrednosti, o čemer bomo razpravljali kasneje.
Barve in domača stran
Začnimo z domačo stranjo. V tem primeru delamo spletno stran ambiciozne rock skupine. Namesto da bi začeli s predlogo, izberete Prazna stran. Oddelek Lastnosti se bo prilagodil vsakemu elementu, ki ga izberete. Na primer, kliknite ozadje prve strani in nato lahko dostopate Barva ozadja izberite barvo ozadja. Privzeta vrednost je 000000, html koda za belo. Če kliknete polje s tremi pikami, se prikaže izbirnik barv. V lastnostih tej spletni strani daste naslov. To se bo kmalu pojavilo na vrhu okna brskalnika. Ime domače strani pustite na index.html. Brskalnik vedno išče indeksno stran, ki bi bila prikazana kot domača.
Pod njim določite barve štirih vrst hiperpovezav. LinkColor določa barvo povezav, ki še niso bile obiskane, LinkColorActive se nanaša na povezave, ki jih nekdo trenutno obiskuje, LinkColorHover je barva povezave, na katero kaže kazalec miške in LinkColorVisited se nanaša na povezave, ki jih je nekdo že obiskal.
Navigacijska vrstica in uvodna slika
Če želite postaviti navigacijsko vrstico, izberite element v naboru orodij Navigacijski meni in nato kliknite na delovni prostor. V tej vrstici za krmarjenje vtipkate elemente menija, za katere želite ustvariti spletne strani. Imena teh predmetov naj bodo kratka. V našem primeru so to skupina, kdo, kje, kdaj, zakaj in mediji. Na vrhu so gumbi za oblikovanje besedila teh navigacijskih elementov. Če kliknete samo navigacijsko vrstico, lahko v lastnostih prilagodite barvo in obliko vrstice. Torej lahko BackGroundMode izberite za Barva, slika, preliv in Stiliziran gumb. V Gradientu določite barvne odtenke prehoda, v Styled Button pa menijska vrstica dobi konveksen videz.
Dodati želimo tudi pasico ali uvodno sliko. Če želite to narediti, najprej postavite element Zabojnik. V lastnostih na ImageNamekliknite tri pike, da izberete sliko, ki ste jo pripravili vnaprej. Če je prevelika, vas bo RocketCake vprašal, ali lahko prilagodi velikost slike. To je dovoljeno. Naslov "Mad Dog", ki ga vidite na pasici na vrhu tega članka, smo sliki dodali sami z drugim programom. Načeloma lahko z besedilom pošljete tudi besedilo Plavajoče besedilo nad sliko. Na žalost to daje nepredvidljiv rezultat na mobilnih napravah.
Ko ste zadovoljni, shranite delovno datoteko nekje na trdi disk kot datoteko .rcd.
Stolpci
Pod pasico želite domači strani zagotoviti vsebino v enem, dveh ali treh stolpcih. Če želite to narediti, izberite element v naboru orodij Posoda s stolpci. RocketCake vpraša, koliko stolpcev želite. Aplikacija želi vedeti tudi, kakšna je najmanjša širina stolpca. Odločili smo se za dva stolpca in privzeto nastavitev 150. To pomeni, da so na širokem zaslonu stolpci lepo vidni drug poleg drugega. Če stolpec na majhnem zaslonu postane manjši od 150 slikovnih pik, se ne bo več prikazal poleg, temveč pod prejšnjim stolpcem.
V tem primeru smo levi stolpec nastavili na Najmanjša širina 500. 500 je mejna vrednost za levi stolpec. Če širina zaslona postane premajhna, bo obiskovalec prebral vsebino desnega stolpca pod levim stolpcem. Poleg tega smo zastavico nastavili na Največja širina 1000.
Če želite desni stolpec ožji od levega, najprej kliknite levi stolpec. The Velikost je tam privzeto 50%, samodejno. To na primer spremenite v 70%, samodejno. To povzroči, da drugi stolpec začasno plava pod prvim. To lahko rešite, če kliknete na drugi stolpec in na Velikost 30%, samodejno izpolnite. Tako dobite razmerje 70/30. Nato stolpce napolnite z besedilom, ki ga tudi oblikujete kot z urejevalnikom besedil. Do takega stolpca lahko dostopate tudi iz nabora orodij Naslovi (skodelice). Naslovi 1, 2, 3 ohranjajo dobro skodelice.
Če želite dodati sliko, postavite kazalec v besedilo in kliknite v naboru orodij Slika. Nato se pomaknite do mesta, kjer slika čaka. Vsake toliko časa kliknite gumb Predogled , da si ogledate svoje delo v brskalniku.
Če kliknete tak stolpec z besedilom, boste v lastnostih videli, da je Oblazinjenje privzeto je nastavljeno na 10, 10, 10, 10. Oblazinjenje je razdalja od besedila do roba stolpca. Prva številka se nanaša na vrh, druga na dno, tretja na desno in četrta na levo. Če želite malo več oblazinjenja na desni strani polja z besedilom, morate tretjo vrednost nastaviti na primer 20.
Oblazinjenje je torej razdalja na notranji strani škatle, Marža je razdalja od zunaj. Če želite malo več prostora med dnom fotografije in vrhom besedila pod njo, spremenite Rob z 0, 0, 0, 0 na 0, 10, 0, 0.
Dodatne strani
Zdaj, ko je domača stran pripravljena, seveda želite ustvariti več strani za svoj projekt. To se naredi z gumbom Dodaj stran. Program vpraša, ali želite ustvariti popolnoma novo stran ali kopijo obstoječe spletne strani. V tem primeru bomo uporabili slog naše domače strani: črno ozadje, pisava, velikost pisave, širina vsebnika ... Torej gremo za drugo možnost. Nato odstranimo pasico in spremenimo vsebino besedilnega vsebnika.
Če želite nogo na dnu vsake strani, jo dodajte tudi tam Zabojnik ali Posoda s stolpci in vnesite na primer podatke o stiku ali podatke o avtorskih pravicah. Posebnih znakov, kot je simbol avtorskih pravic, ni mogoče vnašati neposredno s tipkovnico. V programu RocketCake v meniju izberete take posebne znake Vstavi, vstavi simbol besedila.
Povezave
Seveda želite, da gumbi v meniju za krmarjenje kažejo na pravilne strani. Če želite to narediti, najprej izberite gumb v meniju za krmarjenje in nato kliknite gumb z verigo. Ali pa pritisnete desni gumb miške in izberete Vstavi hiperpovezavo. Odprlo se bo izbirno okno, kjer boste morali izbirati med povezavo do zunanje spletne strani, e-poštnim naslovom, stranjo tega projekta ali določeno datoteko. Izberite možnost Stran v projektu. Nato boste videli seznam ustvarjenih spletnih strani, na katerih boste izbrali pravilno.
Čebela Cilj izberite, da odprete spletno stran v novem oknu brskalnika ali v odprtem oknu brskalnika. Slednja možnost je pogosta. Če med lebdenjem gumba v meniju za krmarjenje držite levi gumb miške, dodate podmenije, ki vas bodo na enak način povezali do obstoječih spletnih strani.
Glavne strani
RocketCake deluje tudi s tako imenovanimi glavnimi stranmi. Če ustvarjate spletno mesto z veliko stranmi, bo ta tehnika precej pospešila postavitev. Glavna stran je formatiran model, ki deluje kot predloga za druge strani. Takšna glavna stran torej ni običajna spletna stran. Evo, kako jo ustvarite: ustvarite novo spletno stran, postavite spustni meni, poskrbite, da bo meni deloval, kot bi moral, in formatirajte to stran brez dejanske besedilne vsebine. Nato dodate enega iz nabora orodij Omejitev vsebine do. Brez tega elementa glavna stran ne bo delovala. Dajte tej posebni strani smiselno ime, na primer masterpage.html. Nato ustvarite eno ali več spletnih strani, ki jim postavitve ne zagotovite.
Vtipkate besedilo, po želji dodate sliko in shranite to stran. Za te strani z vsebino si oglejte dno lastnosti v polju Glavna stran. Tam aktivirate možnost UseMasterPage. Če ste omogočili kljukico, se prikaže novo polje, v katerem izberete ime predvidene glavne strani. Uporabite lahko več glavnih strani. Na tej točki ne boste videli ničesar, razen če pritisnete gumb Predogled opazili boste, da je vsebina te strani lepo objavljena v ogradnici vsebine izbrane glavne strani.
Vstavite medij
Z RocketCake dodate videoposnetke v YouTubu tako, da kliknete element v naboru orodij YouTube video , da izberete. Nato v lastnosti vnesite spletni naslov videoposnetka. Prav tako enostavno je dodati galerijo fotografij. Za tabo Galerija slik izbrane iz nabora orodij, izberite različne fotografije v poljih ImageFile1, ImageFile2 in tako naprej. Fotografije lahko v galeriji povečate na več načinov. Lahko jih na primer odprete v novem oknu, v pojavnem oknu, vendar nam je najbolj všeč kot velika slika na ločeni plasti.
Objaviti
Končali ste? Nato lahko spletno mesto objavite na internetu ali na lokalnem disku. RocketCake je opremljen s funkcijo ftp, da lepo postavi vse na strežnik v mapo, ki jo za to da na voljo vaš ponudnik. Vnesite naslov ftp, uporabniško ime in geslo. Po potrebi uporabite možnost Shrani geslo , da shranite geslo. Ko spletno mesto objavite na trdem disku, lahko obiščete domačo stran tako, da s svojim internetnim programom odprete datoteko index.html.
