Sukurti svetainę be HTML žinių? Internetiniai redaktoriai, kuriantys svetaines, populiarėja, dažnai dėl gražių šablonų. Jei nenorite pradėti nuo tokio paruošto dizaino, kuris dažnai baigiasi mokama galimybe, tada „RocketCake“ yra darbalaukio programa, kuria naudodamiesi galite sukurti gražią svetainę nuo nulio.
Anglų programoje yra tik penkiolika įkvėpimo šablonų. Siekiama, kad sukurtumėte savo svetainę naudodami „RocketCake“, kurią vėliau galėtumėte lengvai atnaujinti. „RocketCake“ yra vadinamasis WYSIWYG redaktorius. Jums nereikia įvesti HTML kodų. Jūs sudarote savo svetainę, įdėdami elementus į darbo sritį ir įkeldami dėklą. Elementai apima teksto laukelius, mygtukus, vaizdus, meniu, skaidrių demonstracijas, filmus, garso įrašus ir dar daugiau. „RocketCake“ ypatingas tuo, kad jis yra vadinamųjų reaguojančių svetainių kūrimo redaktorius. Tokia interaktyvi svetainė yra pritaikyta mobiliesiems, nes maketas pritaikomas prie įrenginio, su kuriuo kažkas lankosi svetainėje, ekrano.
Jautrus tinklalapis išlieka tvarkingas, nesvarbu, ar jį žiūrite dideliame monitoriuje, ar mažame išmaniojo telefono ekrane. Šiuo tikslu svetainė koreguos daugybę komponentų, pvz., Šrifto dydį, tam tikrų elementų išdėstymą ir tai, kaip meniu rodomas ekrane.
Atsisiųskite „RocketCake“ čia. Yra viena „Windows“ ir „MacOS“ versija. Šiame seminare mes naudojame nemokamą leidimą. Tai leidžia lengvai sukurti sklandžiai veikiančią reaguojančią svetainę. Taip pat yra profesionalus „RocketCake“ leidimas, kainuojantis 39 eurus. Su profesionalia versija galite sukurti neribotą skaičių svetainių. Taip pat yra CSS palaikymas, kuriuo galite greitai koreguoti visos svetainės išdėstymo stilius. „RocketCake“ versija 3.1 buvo patobulinta, kad jūsų svetainė gautų geresnius rezultatus naudodama „Google“ ir kitas paieškos sistemas. Be to, nemokamoje versijoje yra keletas funkcijų, kurios anksčiau buvo tik mokamame leidime.
Darbo aplinka ir ekranas
Darbo srities viršuje yra juosta su mygtukais, kad būtų galima pridėti naują puslapį, peržiūrėti naudojant „Internet Explorer“ ir paskelbti svetainę internete. Dešinėje pusėje rasite Įrankių rinkinys su visais elementais, kuriuos galite įdėti į tinklalapį. Viršuje kairėje galite pamatyti visų savo svetainės puslapių struktūrą.
Žemiau yra Savybės. Čia pakeisite kiekvieno pasirinkto elemento savybes. Tarkime, kad norite pridėti paveikslėlį prie puslapio, tada ypatybėse pasirinkite vaizdo failą ir nurodykite, ar paveikslėlyje turi būti suapvalinti, ar aštrūs kampai ir pan.
Pačioje apačioje galite nustatyti ekrano plotį. Pagal numatytuosius nustatymus tai yra Darbalaukis-parodyti. Per mažą išskleidžiamąjį meniu apačioje kairėje taip pat galite rodyti daugelio populiarių mobiliųjų įrenginių, tokių kaip „iPhone“, „iPad“, „Samsung Galaxy“, LG, ekranus ... Jei nerandate norimo pločio meniu taip pat galite pasirinkti Pasirinktinis ir naudodami slankiklį nurodykite ekrane rodomą plotį. Tas pločio nustatymas yra svarbus nustatant lūžio taškus, kuriuos aptarsime vėliau.
Spalvos ir pagrindinis puslapis
Pradėkime nuo pagrindinio puslapio. Šiame pavyzdyje mes kuriame ambicingos roko grupės svetainę. Užuot pradėję nuo šablono, jūs pasirenkate Puslapis tuščias. Skyriuje „Ypatybės“ bus pritaikyta kiekvienam pasirinktam elementui. Pavyzdžiui, spustelėkite pirmojo puslapio foną, tada galėsite pasiekti Fono spalva pasirinkite fono spalvą. Numatytasis yra 000000, baltos spalvos HTML kodas. Spustelėjus langelį su trimis taškais, atsiras spalvų rinkiklis. „Ypatybėse“ šiam tinklalapiui suteikiate pavadinimą. Tai netrukus pasirodys naršyklės lango viršuje. Pagrindinio puslapio pavadinimą paliekate index.html. Naršyklė visada ieško indekso puslapio, kuris būtų rodomas kaip pagrindinis puslapis.
Po juo nustatote keturių tipų hipersaitų spalvas. „LinkColor“ nustato dar neaplankytų nuorodų spalvą, „LinkColorActive“ nurodo nuorodas, kurias kažkas šiuo metu lanko, „LinkColorHover“ yra nuorodos, į kurią pelės žymeklis nukreipia, spalva „LinkColorVisited“ nurodo nuorodas, kurias kažkas jau aplankė.
Naršymo juosta ir įvadinis vaizdas
Norėdami įdėti naršymo juostą, pasirinkite elementą įrankių rinkinyje Naršymo meniu tada spustelėkite darbo sritį. Šioje naršymo juostoje įvedate meniu elementus, kuriems norite sukurti tinklalapius. Tų daiktų pavadinimai turi būti trumpi. Mūsų pavyzdyje tai yra grupė, kas, kur, kada, kodėl ir žiniasklaida. Viršuje yra mygtukai, skirti formatuoti tų naršymo elementų tekstą. Jei spustelėsite pačią naršymo juostą, juostos spalvą ir formą galite koreguoti ypatybėse. Taigi galite „BackGroundMode“ pasirinkti Spalva, vaizdas, gradientas ir Styled mygtukas. Gradiente nustatote perėjimo spalvų tonus, o mygtuke „Styled Button“ meniu juosta tampa išgaubta.
Taip pat norime pridėti reklamjuostę arba įvadinį vaizdą. Norėdami tai padaryti, pirmiausia įdėkite daiktą Konteineris. Nuosavybėse adresu „ImageName“Spustelėkite tris taškus, kad pasirinktumėte paveikslėlį, kurį paruošėte iš anksto. Jei jis per didelis, „RocketCake“ paklaus, ar jis gali pakoreguoti vaizdo dydį. Tai leidžiama. Pavadinimą „Pašėlęs šuo“, kurį matote reklamjuostėje šio straipsnio viršuje, mes patys pridėjome paveikslėlį su kita programa. Iš esmės taip pat galite rašyti tekstą su elementu Plaukiojantis tekstas virš atvaizdo. Deja, tai suteikia nenuspėjamą rezultatą mobiliuosiuose įrenginiuose.
Kai būsite patenkinti, išsaugokite veikiantį failą kietajame diske kaip .rcd failą.
Stulpeliai
Žemiau reklamjuostės norite pateikti pagrindinio puslapio turinį viename, dviejuose ar trijuose stulpeliuose. Norėdami tai padaryti, pasirinkite elementą įrankių rinkinyje Konteineris su stulpeliais. „RocketCake“ klausia, kiek stulpelių norite. Programa taip pat nori sužinoti, koks yra minimalus stulpelio plotis. Mes pasirinkome du stulpelius ir numatytąjį nustatymą 150. Tai reiškia, kad plačiame ekrane stulpeliai gali būti tvarkingai matomi vienas šalia kito. Jei mažo ekrano stulpelis tampa mažesnis nei 150 taškų, jis nebebus rodomas šalia ankstesnio stulpelio, bet žemiau jo.
Šiame pavyzdyje kairįjį stulpelį nustatėme į Min. Plotis 500. 500 yra kairiojo stulpelio lūžio taškas. Jei ekrano plotis tampa per mažas, lankytojas perskaitys dešiniojo stulpelio turinį po kairiuoju stulpeliu. Be to, mes nustatėme reklamjuostę „MaxWidth 1000“.
Norėdami, kad dešinysis stulpelis būtų siauresnis nei kairysis, pirmiausia spustelėkite kairįjį stulpelį. The Dydis ar yra pagal nutylėjimą 50%, automatinis. Pavyzdžiui, pakeiskite tai į 70%, automatinis. Dėl to antrasis stulpelis laikinai plaukia žemiau pirmojo. Tai galite išspręsti spustelėję antrą stulpelį ir skiltyje „Dydis“ 30%, automatinis užpildyti. Tai suteikia jums santykį 70/30. Tada užpildysite stulpelius tekstu, kurį taip pat suprojektuosite kaip teksto redaktorių. Taip pat galite pasiekti tokį stulpelį iš Įrankių rinkinio Antraštės (puodeliai). 1, 2, 3 antraštėse puodeliai atrodo gerai.
Norėdami pridėti paveikslėlį, įdėkite žymeklį į tekstą ir spustelėkite įrankių rinkinyje Vaizdas. Tada eikite į vietą, kurioje laukia vaizdas. Kiekvieną kartą spustelėkite mygtuką Peržiūra norėdami peržiūrėti savo darbą naršyklėje.
Jei spustelėsite tokį teksto stulpelį, ypatybėse pamatysite, kad Paminkštinimas numatytasis nustatymas yra 10, 10, 10, 10. Užpildymas yra atstumas nuo teksto iki stulpelio krašto. Pirmasis skaičius nurodo viršuje, antrasis - apačioje, trečiasis dešinėje ir ketvirtas kairėje. Jei norite šiek tiek daugiau užpildyti dešinėje teksto laukelio pusėje, turite nustatyti trečią vertę, pavyzdžiui, 20.
Todėl paminkštinimas yra atstumas dėžutės viduje, Marža yra atstumas išorėje. Jei norite šiek tiek daugiau vietos tarp nuotraukos apačios ir po ja esančio teksto viršaus, pakeiskite paraštę iš 0, 0, 0, 0, kad sakytumėte 0, 10, 0, 0.
Papildomi puslapiai
Dabar, kai pagrindinis puslapis yra paruoštas, natūraliai norite sukurti daugiau puslapių savo projektui. Tai daroma mygtuku Pridėti puslapį. Programa klausia, ar norite sukurti visiškai naują puslapį, ar jau esančio tinklalapio kopiją. Šiame pavyzdyje mes naudosime savo pagrindinio puslapio stilių: juodą foną, šriftą, šrifto dydį, konteinerio plotį ... Taigi mes einame į antrąjį variantą. Tada pašaliname reklamjuostę ir pakeičiame teksto konteinerio turinį.
Jei norite poraštę kiekvieno puslapio apačioje, pridėkite ją ir ten Konteineris arba Konteineris su stulpeliais ir įveskite, pavyzdžiui, kontaktinę informaciją arba informaciją apie autorių teises. Specialių simbolių, tokių kaip autorių teisių simbolis, negalima įvesti tiesiogiai klaviatūra. „RocketCake“ meniu pasirenkate tokius specialiuosius simbolius Įterpti, įterpti teksto simbolį.
Nuorodos
Žinoma, norite, kad naršymo meniu mygtukai nukreiptų į teisingus puslapius. Norėdami tai padaryti, pirmiausia pasirinkite mygtuką naršymo meniu, tada spustelėkite mygtuką su grandine. Arba paspaudžiate dešinį pelės mygtuką ir pasirenkate Įterpti hipersaitą. Tai atvers pasirinkimo langą, kuriame turėsite pasirinkti susiejimą su išoriniu tinklalapiu, el. Pašto adresą, šio projekto puslapį ar konkretų failą. Pasirinkite parinktį Puslapis projekte. Tada pamatysite sukurtų tinklalapių sąrašą, kuriame pasirinksite teisingą.
Bitė Taikinys pasirinkite atidaryti tinklalapį naujame naršyklės lange arba atidarytame naršyklės lange. Pastarasis variantas yra įprastas. Jei laikysite nuspaudę kairįjį pelės mygtuką, užveskite pelės žymeklį virš naršymo meniu mygtuko, pridėsite submeniu, kuris tuo pačiu būdu susies jus su esamais tinklalapiais.
Pagrindiniai puslapiai
„RocketCake“ taip pat veikia su vadinamaisiais pagrindiniais puslapiais. Jei kuriate svetainę su daugybe puslapių, ši technika žymiai pagreitins maketą. Pagrindinis puslapis yra suformatuotas modelis, kuris veikia kaip kitų puslapių šablonas. Todėl toks pagrindinis puslapis nėra įprastas tinklalapis. Štai kaip jį sukurti: sukurkite naują tinklalapį, įdėkite išskleidžiamąjį meniu, nustatykite, kad meniu veiktų taip, kaip turėtų, ir suformatuokite šį puslapį be faktinio teksto turinio. Tada pridėsite vieną iš įrankių rinkinio Turinio rezervavimo vieta į. Be šio elemento pagrindinis puslapis neveiks. Suteikite šiam ypatingam puslapiui prasmingą pavadinimą, pavyzdžiui, masterpage.html. Tada sukuriate vieną ar daugiau tinklalapių, kurių nepateikiate su maketu.
Įvedate tekstą, pasirinktinai pridedate vaizdą ir išsaugote šį puslapį. Šių puslapių su turiniu srityje žiūrite į Ypatybių apačią Pagrindinis puslapis. Ten suaktyvinsite parinktį UseMasterPage. Jei įjungėte žymėjimą, pasirodys naujas langelis, kuriame pasirinksite numatomo pagrindinio puslapio pavadinimą. Galite naudoti kelis pagrindinius puslapius. Šiuo metu nieko nematysite, tik paspaudę mygtuką Peržiūra pastebėsite, kad šio puslapio turinys yra tvarkingai paskelbtas pasirinkto pagrindinio puslapio turinio rezervavimo vietoje.
Įdėkite laikmeną
Naudodami „RocketCake“ galite pridėti „YouTube“ vaizdo įrašų spustelėdami elementą įrankių rinkinyje „YouTube“ vaizdo įrašas pasirinkti. Tada savybėse įveskite vaizdo įrašo žiniatinklio adresą. Lygiai taip pat lengva pridėti nuotraukų galeriją. Po jūsų Vaizdų galerija pasirinkite iš įrankių rinkinio, langeliuose pažymėkite skirtingas nuotraukas „ImageFile1“, „ImageFile2“ ir taip toliau. Galima keliais būdais padidinti nuotraukas galerijoje. Pavyzdžiui, galite juos atidaryti naujame lange, iššokančiajame lange, bet mums labiausiai patinka kaip didelis vaizdas atskirame sluoksnyje.
Publikuoti
Su tavimi baigta? Tada galite paskelbti svetainę internete arba vietiniame diske. „RocketCake“ yra aprūpinta ftp funkcija, leidžiančia tvarkingai patalpinti viską serveryje į aplanką, kurį tam suteikia jūsų paslaugų teikėjas. Įveskite ftp adresą, vartotojo vardą ir slaptažodį. Jei reikia, naudokite parinktį Išsaugoti slaptažodį išsaugoti slaptažodį. Skelbdami svetainę standžiajame diske, galite apsilankyti pagrindiniame puslapyje, atidarę failą index.html su savo interneto programa.
