Napravite sajt bez znanja o HTML-u? Online urednici za pravljenje veb-sajtova dobijaju na udaru, često zbog prelepih šablona. Ako više volite da ne polazite od tako gotovog dizajna, koji često završi u plaćenoj opciji, onda je RocketCake desktop program pomoću kojeg možete napraviti prelepu stranicu ni iz čega.
Program na engleskom jeziku sadrži samo petnaest šablona (šablona) za inspiraciju. Ideja je da sa RocketCake-om kreirate sopstvenu veb lokaciju koju kasnije možete lako ažurirati. RocketCake je takozvani WYSIWYG editor. Dakle, ne morate da kucate nikakve HTML kodove. Sastavljate sopstvenu veb lokaciju tako što postavljate elemente na radnu površinu, a zatim otpremate kućište. Elementi uključuju okvire za tekst, dugmad, slike, menije, projekcije slajdova, filmove, audio snimke i još mnogo toga. Ono što RocketCake čini posebnim je to što je uređivač za pravljenje takozvanih responzivnih veb lokacija. Ovako responzivna veb lokacija je prilagođena mobilnim uređajima, jer se izgled prilagođava ekranu uređaja sa kojim neko posećuje sajt.
Reaktivna veb stranica će i dalje izgledati uredno, bilo da je gledate na velikom monitoru ili malom ekranu pametnog telefona. Za ovo će veb lokacija prilagoditi niz delova, kao što su veličina fonta, raspored određenih elemenata i način na koji se meni prikazuje na ekranu.
Preuzmite RocketCake ovde. Postoji verzija za Windows i jedna za macOS. U ovoj radionici koristimo besplatno izdanje. Ovo olakšava kreiranje veb sajta koji reaguje glatko. Tu je i profesionalno izdanje RocketCake-a, koje košta 39 evra. Profesionalna verzija vam omogućava da kreirate neograničen broj veb lokacija. Postoji i CSS podrška, pomoću koje možete brzo da prilagodite stilove izgleda na celoj veb lokaciji. Verzija 3.1 RocketCake-a je poboljšana tako da se vaša veb lokacija bolje rangira na Google-u i drugim pretraživačima. Štaviše, besplatna verzija uključuje nekoliko funkcija koje su ranije bile samo u plaćenom izdanju.
Radno okruženje i prikaz
Na vrhu radnog prostora nalazi se traka sa dugmadima za dodavanje nove stranice, pregled sa Internet Explorer-om i objavljivanje veb lokacije na Internetu. Na desnoj strani ćete naći set alata sa svim elementima koje možete postaviti na veb stranicu. U gornjem levom uglu vidite strukturu svih stranica vaše veb stranice.
Ispod su Svojstva. Ovde menjate svojstva svakog elementa koji izaberete. Pretpostavimo da želite da dodate sliku na stranicu, zatim izaberete datoteku slike u svojstvima i naznačite da li slika treba da ima zaobljene ili oštre uglove i tako dalje...
Na samom dnu određujete širinu ekrana. Podrazumevano, to je desktop-приказ. Preko malog padajućeg menija u donjem levom uglu možete raditi i na displeju brojnih popularnih mobilnih uređaja, kao što su iPhone, iPad, Samsung Galaxy, LG... Ako ne pronađete željenu širinu u ovom u meniju, takođe možete izabrati Custom i pomoću klizača odrediti širinu koja će se pojaviti na ekranu. To podešavanje širine je važno za određivanje tačaka prekida, o čemu ćemo kasnije raspravljati.
Boje i početna stranica
Počnimo sa početnom stranicom. U ovom primeru pravimo veb stranicu ambicioznog rok benda. Umesto da počnete sa šablonom, izaberite Prazna stranica. Odeljak Svojstva će se prilagoditi svakom elementu koji izaberete. Na primer, kliknite na pozadinu prve stranice, tada možete pristupiti Боја позадине izaberite boju pozadine. Podrazumevano postoji 000000, html kod za belo. Klikom na okvir sa tri tačke otvarate birač boja. U svojstvima ovoj veb stranici dajete naslov. Uskoro će se pojaviti na vrhu prozora pretraživača. Ostavite naziv početne stranice na index.html. Pregledač uvek traži stranicu indeksa da bi se prikazala kao početna stranica.
Ispod njega određujete boje četiri tipa hiperveza. LinkColor određuje boju linkova koji još nisu posećeni, LinkColorActive odnosi se na veze koje neko trenutno posećuje, LinkColorHover je boja veze na koju pokazuje pokazivač miša i LinkColorVisited odnosi se na veze koje je neko već posetio.
Traka za navigaciju i uvodna slika
Da biste postavili traku za navigaciju, izaberite stavku u skupu alata Meni za navigaciju a zatim kliknite na radni prostor. U ovu traku za navigaciju kucate stavke menija za koje želite da kreirate veb stranice. Neka nazivi tih stavki budu kratki. U našem primeru to su bend, ko, gde, kada, zašto i mediji. Na vrhu su dugmad za formatiranje teksta tih stavki za navigaciju. Ako kliknete na samu traku za navigaciju, prilagođavate boju i oblik trake u svojstvima. Tako možete BackGroundFashion izabrati za Boja, slika, gradijent и Stilizovano dugme. U Gradijentu određujete tonove boja prelaza, a u Stilizovanom dugmetu traka menija dobija sferni izgled.
Takođe želimo da dodamo baner ili uvodnu sliku. Za to prvo postavite predmet Контејнер. U svojstvima na ImageNamekliknite na tri tačke da izaberete sliku koju ste prethodno pripremili. Ako je prevelika, RocketCake pita da li može da promeni veličinu slike. У реду је. Naslov 'Mad Dog' koji vidite na baneru na vrhu ovog članka, sami smo dodali na sliku pomoću drugog programa. U suštini, možete i da pošaljete tekst sa stavkom Plutajući tekst postavite preko slike. Nažalost, ovo daje nepredvidiv rezultat na mobilnim uređajima.
Kada budete zadovoljni, sačuvajte radnu datoteku negde na čvrstom disku kao .rcd datoteku.
Kolumne
Ispod banera želite da početnoj stranici obezbedite sadržaj u jednoj, dve ili tri kolone. Da biste to uradili, izaberite stavku u skupu alata Kontejner sa kolonama. RocketCake pita koliko kolona želite. Aplikacija takođe želi da zna minimalnu širinu kolone. Ovde se odlučujemo za dve kolone i podrazumevana postavka je 150. To znači da se kolone mogu videti uredno jedna pored druge na širokom ekranu. Ako kolona na malom ekranu postane manja od 150 piksela, više se neće pojavljivati pored, već ispod prethodne kolone.
U ovom primeru postavili smo levu kolonu na Min. širina 500. 500 je tačka prekida za levu kolonu. Ako širina ekrana postane premala, posetilac će pročitati sadržaj desne kolone ispod leve kolone. Pored toga, postavili smo baner na MaxWidth 1000.
Da bi desna kolona bila uža od leve, prvo kliknite na levu kolonu. The veličina je tamo podrazumevano 50%, auto. Na primer, promenite to u 70%, auto. Ovo uzrokuje da druga kolona privremeno lebdi ispod prve. Ovo možete da rešite kada kliknete na drugu kolonu i na Veličina 30%, auto popunjava. Ovo će vam dati odnos 70/30. Zatim kolone popunjavate tekstom, koji takođe dizajnirate kao u procesoru teksta. U takvoj koloni možete i Naslovi (čaše). Naslovi 1, 2, 3 održavaju čaše dobrog izgleda.
Da biste dodali sliku, postavite kursor u tekst i kliknite na Toolset on Слика. Zatim idite do lokacije na kojoj slika čeka. Kliknite na dugme s vremena na vreme preview da vidite svoj rad u pregledaču.
Ako kliknete na takvu tekstualnu kolonu, videćete u svojstvima da je padding podrazumevano je postavljeno na 10, 10, 10, 10. Padding je rastojanje od teksta do granice kolone. Prvi broj se čuva na vrhu, drugi na dnu, treći na desnoj strani, a četvrti na levoj strani. Ako želite još malo dopuna na desnoj strani u polju za tekst, trebalo bi da podesite treću vrednost na 20, na primer.
Padding je stoga rastojanje sa unutrašnje strane kutije, margina je rastojanje spolja. Ako želite više prostora između dna fotografije i vrha teksta ispod nje, promenite marginu sa 0, 0, 0, 0 na, na primer, 0,10, 0, 0.
Dodatne stranice
Sada kada je početna stranica spremna, naravno da ćete želeti da kreirate više stranica za svoj projekat. To ide sa dugmetom Dodaj stranicu. Program vas pita da li želite da napravite potpuno novu stranicu ili kopiju već postojeće veb stranice. U ovom primeru koristićemo stil naše početne stranice: crnu pozadinu, font, veličinu fonta, širinu kontejnera... Dakle, idemo na drugu opciju. Zatim uklanjamo baner i menjamo sadržaj tekstualnog kontejnera.
Ako želite podnožje na dnu svake stranice, dodajte podnožje i tamo Контејнер ili Kontejner sa kolonama i otkucajte, na primer, kontakt informacije ili informacije o autorskim pravima. Posebni znakovi kao što je simbol autorskih prava ne mogu se uneti direktno sa tastature. U RocketCake-u birate takve posebne znakove preko menija Umetnite, umetnite simbol teksta.
Linkovi
Naravno, želite da dugmad u navigacionom meniju upućuju na ispravne stranice. Da biste to uradili, prvo izaberite dugme u meniju za navigaciju, a zatim kliknite na dugme sa lancem. Ili kliknite desnim tasterom miša i izaberite Umetnite hipervezu. Ovo otvara okvir za izbor u kome morate da izaberete između povezivanja na spoljnu veb stranicu, e-mail adresu, stranicu ovog projekta ili određenu datoteku. Izaberite opciju Stranica u projektu. Tada ćete videti listu kreiranih veb stranica na kojoj izaberete ispravnu.
Bee Target izaberite da otvorite veb stranicu u novom prozoru pregledača ili u otvorenom prozoru pregledača. Ova poslednja opcija je uobičajena. Ako držite levi taster miša dok pokazujete na dugme iz menija za navigaciju, dodajete podmenije koji se zatim odnose na postojeće veb stranice na isti način.
master stranice
RocketCake takođe radi sa takozvanim master stranicama. Ako pravite veb lokaciju sa mnogo stranica, ova tehnika će značajno ubrzati formatiranje. Glavna stranica je formatirani model koji služi kao šablon za druge stranice. Takva glavna stranica stoga nije obična veb stranica. Evo kako da je napravite: napravite novu veb stranicu, postavite padajući meni, uverite se da meni radi kako treba i formatirajte ovu stranicu bez pravog tekstualnog sadržaja. Zatim dodajete . iz skupa alata Content Placeholder gore. Bez ovog elementa, glavna stranica neće raditi. Dajte ovoj posebnoj stranici smisleno ime, na primer masterpage.html. Zatim kreirate jednu ili više veb stranica za koje nemate izgled.
Ukucate tekst, dodate sliku ako je potrebno i sačuvate ovu stranicu. Na ovim stranicama sa sadržajem pogledajte Svojstva u polju na dnu Glavna stranica. Tamo aktivirate opciju UseMasterPage. Ako ste označili polje, pojaviće se novo polje u kojem birate naziv željene glavne stranice. Možete koristiti više master stranica. Trenutno još ništa ne vidite, ali ako kliknete na dugme preview kliknite, primetićete da je sadržaj ove stranice uredno objavljen u čuvaru mesta za sadržaj izabrane glavne stranice.
Umetnite medij
Uz RocketCake dodajete YouTube video zapise tako što ćete izabrati stavku u skupu alata YouTube video да бисте изабрали. Zatim unesite veb adresu video snimka u Svojstva. Jednako je lako dodati galeriju fotografija. после тебе Галерија слика izabrali iz skupa alata, izaberite različite fotografije u poljima ImageFile1, ImageFile2 и тако даље. Postoji nekoliko načina da uvećate fotografije u galeriji. Na primer, možete ih otvoriti u novom prozoru, u iskačućem prozoru, ali mi najviše volimo kao veliku sliku na posebnom sloju.
Објави
Ти си готов? Zatim možete objaviti veb lokaciju na internetu ili na lokalnom disku. RocketCake je opremljen ftp funkcijom da sve uredno postavi na server u fasciklu koju vaš provajder stavlja na raspolaganje. Unesite ftp adresu, korisničko ime i lozinku. Koristite opciju Sačuvaj lozinku da sačuvate lozinku. Kada objavite veb lokaciju na svom čvrstom disku, možete da posetite početnu stranicu tako što ćete otvoriti datoteku index.html sa svojim internet programom.
