Uudised

Looge RocketCake'i abil sait ilma HTML-teadmisteta

Kas soovite luua saidi ilma HTML-teadmisteta? Veebisaitide loomiseks mõeldud veebitoimetajad on üha enam kasutusel, sageli just kaunite mallide tõttu. Kui eelistate mitte alustada sellisest valmis kujundusest, mis sageli lõpeb tasulise võimalusega, siis on RocketCake töölauaprogramm, mille abil saate ehitada kauni saidi nullist.

Ingliskeelne programm sisaldab inspiratsiooniks ainult viisteist malli. Eesmärk on luua RocketCake'iga oma sait, mida saate hiljem hõlpsasti värskendada. RocketCake on nn WYSIWYG-i toimetaja. Te ei pea sisestama HTML-koode. Koostate oma saidi, asetades elemendid tööruumi ja laadides seejärel üles juhtumi. Elementide hulka kuuluvad tekstikastid, nupud, pildid, menüüd, slaidiseansid, filmid, heliklipid ja palju muud. RocketCake teeb eriliseks see, et see on redaktor, kes ehitab nn tundlikke veebisaite. Selline tundlik veebisait on mobiilisõbralik, sest paigutus kohandub selle seadme ekraaniga, millega keegi saiti külastab.

Automaatselt reageeriv veebileht jääb puhtaks, vaatamata sellele suurel kuvaril või väikesel nutitelefoni ekraanil. Selleks kohandab veebisait mitmeid komponente, nagu fondi suurus, teatud elementide paigutus ja menüü ekraanile ilmumise viis.

Laadige RocketCake alla siit. Windowsi jaoks on üks versioon ja macOS-i jaoks üks versioon. Selles töötoas kasutame tasuta väljaannet. See muudab sujuvalt töötava tundliku veebisaidi loomise lihtsaks. Samuti on olemas RocketCake'i professionaalne väljaanne, mis maksab 39 eurot. Professionaalse versiooni abil saate luua piiramatu arvu veebisaite. Samuti on olemas CSS-tugi, mille abil saate kogu saidi paigutusstiile kiiresti kohandada. RocketCake'i versiooni 3.1 on täiustatud, et teie veebisait saaks Google'i ja teiste otsingumootoritega paremaid tulemusi. Lisaks sisaldab tasuta versioon mõnda funktsiooni, mis varem olid ainult tasulises väljaandes.

Töökeskkond ja väljapanek

Tööruumi ülaosas on nuppudega riba uue lehe lisamiseks, Internet Exploreris eelvaate kuvamiseks ja veebisaidi avaldamiseks Internetis. Paremal leiate Tööriistakomplekt kõigi elementidega, mida saate veebilehele paigutada. Vasakus ülaosas näete oma veebisaidi kõigi lehtede struktuuri.

Selle all on Atribuudid. Siin saate muuta iga valitud elemendi omadusi. Oletame, et soovite lehele pildi lisada, seejärel valite atribuutides pildifaili ja märkite, kas pildil peaksid olema ümarad või teravad nurgad jne.

Kõige alumises osas määrate kuva laiuse. Vaikimisi on see Töölaud-kuva. Vasakus alanurgas asuva väikese rippmenüü kaudu saate töötada ka paljude populaarsete mobiilseadmete, nagu iPhone, iPad, Samsung Galaxy, LG, ekraanil ... Kui te ei leia sellest soovitud laiust menüüs saate valida ka Kohandatud ja määratleda liuguriga ekraanil kuvatava laiuse. See laiuse säte on oluline murdepunktide määramiseks, mida arutame hiljem.

Värvid ja koduleht

Alustame kodulehest. Selles näites teeme ühe ambitsioonika rokkbändi kodulehe. Malliga alustamise asemel valite Tühi leht. Jaotis Atribuudid kohandub iga valitud elemendiga. Näiteks klõpsake esimese lehe taustal, seejärel pääsete juurde Taustavärv valige taustavärv. Vaikimisi on 000000, valge HTML-kood. Kolme punktiga kastil klõpsates kuvatakse värvivalija. Atribuutides annate sellele veebilehele pealkirja. See ilmub peagi brauseriakna ülaossa. Jätate kodulehe nime aadressile index.html. Brauser otsib alati avalehena kuvatavat indekslehte.

Selle all saate määrata nelja tüüpi hüperlingi värvid. LinkColor määrab veel külastamata linkide värvi, LinkColorActive viitab linkidele, mida keegi parasjagu külastab, LinkColorHover on lingi värv, millele hiirekursor osutab ja LinkColorVisited viitab linkidele, mida keegi on juba külastanud.

Navigeerimisriba ja sissejuhatav pilt

Navigeerimisriba paigutamiseks valige üksus tööriistakomplektist Navigeerimismenüü ja seejärel klõpsake tööruumi. Sellele navigeerimisribale sisestate menüüelemendid, mille jaoks soovite veebilehti luua. Hoidke nende üksuste nimed lühikesed. Meie näites on need ansambel, kes, kus, millal, miks ja meedia. Ülaosas on nupud nende navigeerimisüksuste teksti vormindamiseks. Kui klõpsate navigeerimisribal endal, saate atribuutides riba värvi ja kuju reguleerida. Nii et saate BackGroundMode valida Värv, pilt, gradient ja Stiiliga nupp. Gradientis saate määrata ülemineku värvitoonid ja nupus Styled Button saab menüüriba kumera välimuse.

Samuti soovime lisada bänneri või sissejuhatava pildi. Selleks asetage ese kõigepealt Konteiner. Atribuutides aadressil ImageNameeelnevalt koostatud pildi valimiseks klõpsake kolme punkti peal. Kui see on liiga suur, küsib RocketCake, kas see suudab pildi suurust reguleerida. See on lubatud. Pealkirja "Hull koer", mida näete selle artikli ülaosas oleval bänneril, lisasime ise teise programmiga pildile. Põhimõtteliselt saate ka üksusega teksti kirjutada Ujuv tekst pildi kohal. Kahjuks annab see mobiilseadmetes ettearvamatu tulemuse.

Kui olete rahul, salvestage töötav fail kuhugi kõvakettale .rcd-failina.

Veerud

Ribariba all soovite avalehele anda sisu ühes, kahes või kolmes veerus. Selleks valige tööriistakomplektist üksus Veergudega konteiner. RocketCake küsib, mitu veergu soovite. Samuti soovib rakendus teada, milline on veeru minimaalne laius. Oleme valinud kaks veergu ja vaikeseade 150. See tähendab, et laiel ekraanil on veerge kenasti üksteise kõrval näha. Kui väikesel ekraanil asuv veerg muutub väiksemaks kui 150 pikslit, ei kuvata seda enam eelmise veeru kõrval, vaid allpool.

Selles näites seadsime vasaku veeru väärtuseks MinWidth 500. 500 on vasaku veeru murdepunkt. Kui ekraani laius muutub liiga väikeseks, loeb külastaja vasaku veeru all oleva parema veeru sisu. Lisaks oleme seadnud bänneriks MaxWidth 1000.

Parema veeru vasakust kitsamaks muutmiseks klõpsake kõigepealt vasakul veerul. The Suurus kas see on vaikimisi olemas 50%, automaatne. Näiteks muutke see väärtuseks 70%, automaatne. See põhjustab teise veeru ajutise hõljumise esimese all. Selle saate lahendada, kui klõpsate teisel veerul ja nupul Suurus 30%, automaatne täitma. See annab teile suhte 70/30. Seejärel täidate veerud tekstiga, mille kujundate ka nagu tekstitöötlusega. Sellisele veerule pääseb juurde ka tööriistakomplektist Pealkirjad (tassid). Pealkirjad 1, 2, 3 hoiavad tassid head.

Pildi lisamiseks asetage kursor teksti ja klõpsake tööriistakomplektis nuppu Pilt. Seejärel navigeerige kohta, kus pilti ootab. Klõpsake iga natukese aja järel nuppu Eelvaade töö vaatamiseks brauseris.

Kui klõpsate sellisel tekstiveerul, näete Atribuutides, et Polsterdus vaikeväärtus on 10, 10, 10, 10. Täide on kaugus tekstist veeru servani. Esimene number viitab ülaosale, teine ​​alt, kolmas paremale ja neljas vasakule. Kui soovite tekstivälja paremale küljele natuke rohkem polstrit, peate kolmanda väärtuse määrama näiteks 20.

Polsterdus on seega kasti sisekülje kaugus, Marginaal on kaugus väljastpoolt. Kui soovite foto alaosa ja selle all oleva teksti ülaosa vahel veidi rohkem ruumi, muutke veerist väärtuseks 0, 0, 0, 0, öeldes 0, 10, 0, 0.

Lisalehed

Nüüd, kui koduleht on valmis, soovite loomulikult oma projekti jaoks rohkem lehti luua. Seda tehakse nupuga Lisa leht. Programm küsib, kas soovite luua täiesti uue lehe või olemasoleva veebilehe koopia. Selles näites kasutame oma kodulehe stiili: must taust, font, fondi suurus, konteineri laius ... Seega läheme teise valiku juurde. Seejärel eemaldame ribariba ja muudame tekstikonteineri sisu.

Kui soovite jala iga lehe lõppu, lisage see ka sinna Konteiner või Veergudega konteiner ja sisestage näiteks kontaktandmed või autoriõiguste teave. Erimärke, nagu autoriõiguse sümbol, ei saa otse klaviatuuriga sisestada. Raketis Cake valite menüüst sellised erimärgid Sisesta, sisesta teksti sümbol.

Lingid

Muidugi soovite, et navigeerimismenüü nupud osutaksid õigetele lehtedele. Selleks valige kõigepealt navigeerimismenüü nupp ja seejärel klõpsake ketiga nuppu. Või vajutate hiire paremat nuppu ja valite Sisestage hüperlink. See avab valikuakna, kus peate valima lingi linkimise välise veebilehe, e-posti aadressi, selle projekti lehe või konkreetse faili vahel. Valige suvand Leht projektis. Seejärel näete loodud veebilehtede loendit, kus valite õige.

Mesilane Siht valige veebilehe avamine uues brauseriaknas või avatud brauseriaknas. Viimane võimalus on tavaline. Kui hoiate hiire vasakut nuppu all, kui hõljutate navigeerimismenüü nuppu, lisate alammenüüd, mis seovad teid samal viisil olemasolevate veebilehtedega.

Põhilehed

RocketCake töötab ka nn master-lehtedega. Kui loote paljude lehtedega veebisaiti, kiirendab see tehnika paigutust märkimisväärselt. Põhileht on vormindatud mudel, mis toimib mallina teistele lehtedele. Selline põhileht pole seega tavaline veebileht. Selle loomiseks tehke järgmist: looge uus veebileht, asetage rippmenüü, tehke menüü nii, nagu peaks, ja vormindage see leht ilma tegeliku tekstisisuta. Seejärel lisate ühe tööriistakomplektist Sisu kohahoidja kuni. Ilma selle elemendita ei tööta pealeht. Pange sellele erilehele tähendusrikas nimi, näiteks masterpage.html. Seejärel loote ühe või mitu veebilehte, mida te küljendusega ei paku.

Sisestate teksti, lisate soovi korral pildi ja salvestate selle lehe. Nende sisuliste lehtede jaoks vaadake välja atribuutide alaosa Pealeht. Seal aktiveerite valiku UseMasterPage. Kui olete linnukese lubanud, kuvatakse uus ruut, kus valite kavandatud pealehe nime. Võite kasutada mitut põhilehte. Sel hetkel ei näe te midagi muud, kui vajutate nuppu Eelvaade märkate, et selle lehe sisu on kenasti avaldatud valitud põhilehe sisulises kohahoidjas.

Sisestage kandja

Raketikoogiga saate YouTube'i videoid lisada, klõpsates tööriistakomplektis oleval üksusel YouTube'i video valima. Seejärel sisestage atribuutidesse video veebiaadress. Fotogalerii lisamine on sama lihtne. Pärast sind Pildigalerii tööriistakomplektist valitud, valige kastidest erinevad fotod ImageFile1, ImageFile2 ja nii edasi. Galeriis olevate fotode suurendamiseks on mitu võimalust. Näiteks saate neid avada uues aknas, hüpikaknas, kuid meile meeldib kõige paremini suure pildina eraldi kihil.

Avaldama

Sa oled valmis? Seejärel saate veebisaidi avaldada Internetis või kohalikul kettal. RocketCake on varustatud ftp-funktsiooniga, et paigutada kõik serveris olevad kausta kenasti kausta, mille teie teenusepakkuja selleks võimaldab. Sisestage ftp-aadress, kasutajanimi ja parool. Vajadusel kasutage valikut Salvesta parool parooli salvestamiseks. Kui avaldate veebisaidi kõvakettal, võite külastada avalehte, avades Interneti-programmiga faili index.html.