Vai izveidot vietni bez HTML zināšanām? Tiešsaistes redaktori, lai izveidotu vietnes, kļūst arvien populārāki, bieži vien skaisto veidņu dēļ. Ja jūs nevēlaties sākt ar šādu gatavu dizainu, kas bieži beidzas ar apmaksātu iespēju, tad RocketCake ir darbvirsmas programma, ar kuru jūs varat izveidot skaistu vietni no nulles.
Angļu programma iedvesmai satur tikai piecpadsmit veidnes. Iecerēts, ka jūs izveidojat savu vietni ar RocketCake, kuru vēlāk varat viegli atjaunināt. RocketCake ir tā sauktais WYSIWYG redaktors. Jums nav jāievada HTML kodi. Jūs apkopojat savu vietni, ievietojot elementus darbvietā un pēc tam augšupielādējot lietu. Elementos ietilpst tekstlodziņi, pogas, attēli, izvēlnes, slaidrādes, filmas, audio klipi un daudz kas cits. RocketCake īpašu padara tas, ka tā ir redaktore, lai izveidotu tā sauktās atsaucīgās vietnes. Šāda atsaucīga vietne ir piemērota mobilajām ierīcēm, jo izkārtojums pielāgojas tās ierīces ekrānam, ar kuru kāds apmeklē vietni.
Atsaucīga tīmekļa lapa paliek glīta neatkarīgi no tā, vai to skatāt lielā monitorā vai mazā viedtālruņa ekrānā. Šajā nolūkā vietne pielāgos vairākus komponentus, piemēram, fonta lielumu, noteiktu elementu izkārtojumu un to, kā izvēlne parādās ekrānā.
Lejupielādējiet RocketCake šeit. Ir viena versija Windows un viena MacOS. Šajā darbnīcā mēs izmantojam bezmaksas izdevumu. Tas ļauj viegli izveidot vienmērīgi strādājošu atsaucīgu vietni. Ir arī profesionāls RocketCake izdevums, kura cena ir 39 eiro. Izmantojot profesionālo versiju, varat izveidot neierobežotu skaitu vietņu. Ir arī CSS atbalsts, ar kuru jūs varat ātri pielāgot izkārtojuma stilus visā vietnē. RocketCake versija 3.1 ir uzlabota, lai jūsu vietne iegūtu labākus rezultātus, izmantojot Google un citas meklētājprogrammas. Turklāt bezmaksas versija ietver dažas funkcijas, kas agrāk bija tikai apmaksātajā izdevumā.
Darba vide un displejs
Darbvietas augšpusē ir josla ar pogām, lai pievienotu jaunu lapu, priekšskatītu programmu Internet Explorer un publicētu vietni internetā. Labajā pusē jūs atradīsit Rīku kopa ar visiem elementiem, kurus varat ievietot tīmekļa lapā. Augšējā kreisajā stūrī jūs varat redzēt visu savas vietnes lapu struktūru.
Zem tā ir Rekvizīti. Šeit jūs maināt katra atlasītā elementa īpašības. Pieņemsim, ka vēlaties pievienot attēlu lapai, pēc tam rekvizītos atlasiet attēla failu un norādiet, vai attēlam jābūt noapaļotiem vai asiem stūriem utt.
Pašā apakšā jūs nosakāt displeja platumu. Pēc noklusējuma tas ir Darbvirsma-parādīt. Izmantojot nelielu nolaižamo izvēlni apakšējā kreisajā stūrī, varat darboties arī vairāku populāru mobilo ierīču displejā, piemēram, iPhone, iPad, Samsung Galaxy, LG ... Ja šajā sadaļā neatrodat vēlamo platumu izvēlnē varat arī atlasīt Pielāgots un izmantot slīdni, lai norādītu ekrānā redzamo platumu. Šis platuma iestatījums ir svarīgs, lai noteiktu pārtraukuma punktus, kurus mēs apspriedīsim vēlāk.
Krāsas un mājas lapa
Sāksim ar mājas lapu. Šajā piemērā mēs veidojam vērienīgas rokgrupas vietni. Tā vietā, lai sāktu ar veidni, jūs izvēlaties Tukša lapa. Sadaļa Rekvizīti tiks pielāgota katram atlasītajam elementam. Piemēram, noklikšķiniet uz pirmās lapas fona, pēc tam varat piekļūt Fona krāsa atlasiet fona krāsu. Noklusējums ir 000000, baltas krāsas HTML kods. Noklikšķinot uz lodziņa ar trim punktiem, tiks parādīts krāsu atlasītājs. Rekvizītos šai tīmekļa lapai piešķirat nosaukumu. Drīz tas parādīsies pārlūkprogrammas loga augšdaļā. Jūs atstājat sākumlapas nosaukumu vietnē index.html. Pārlūkprogramma vienmēr meklē rādītāja lapu, lai tā tiktu rādīta kā sākumlapa.
Zem tā jūs nosakāt četru veidu hipersaites krāsas. LinkColor nosaka vēl neapmeklēto saišu krāsu, LinkColorActive attiecas uz saitēm, kuras kāds pašlaik apmeklē, LinkColorHover ir saites krāsa, uz kuru peles rādītājs norāda un LinkColorVisited attiecas uz saitēm, kuras kāds jau ir apmeklējis.
Navigācijas josla un ievada attēls
Lai ievietotu navigācijas joslu, rīkjoslā atlasiet vienumu Navigācijas izvēlne un pēc tam noklikšķiniet uz darbvietas. Šajā navigācijas joslā ierakstāt izvēlnes vienumus, kuriem vēlaties izveidot tīmekļa lapas. Saglabājiet šo priekšmetu nosaukumus īsi. Mūsu piemērā tās ir grupa, Kas, Kur, Kad, Kāpēc un Mediji. Augšdaļā ir pogas, lai formatētu šo navigācijas vienumu tekstu. Noklikšķinot uz pašas navigācijas joslas, joslā krāsu un formu var pielāgot rekvizītos. Tad tu vari BackGroundMode izvēlēties Krāsa, attēls, gradients un Stila poga. Gradientā jūs nosakāt pārejas krāsu toņus, un pogā Styled izvēlnes josla iegūst izliektu izskatu.
Mēs arī vēlamies pievienot reklāmkarogu vai ievada attēlu. Lai to izdarītu, vispirms jānovieto vienums Konteiners. Rekvizītos plkst ImageNamenoklikšķiniet uz trim punktiem, lai atlasītu iepriekš sagatavoto attēlu. Ja tas ir pārāk liels, RocketCake jautās, vai tas var pielāgot attēla izmēru. Tas ir atļauts. Nosaukumu "Mad Dog", kuru redzat uz reklāmkaroga šī raksta augšdaļā, mēs paši pievienojām attēlam ar citu programmu. Principā jūs varat arī nosūtīt tekstu ar šo vienumu Peldošs teksts virs attēla. Diemžēl tas dod neprognozējamu rezultātu mobilajās ierīcēs.
Kad esat apmierināts, saglabājiet darba failu kaut kur cietajā diskā kā .rcd failu.
Kolonnas
Zem reklāmkaroga vēlaties nodrošināt mājas lapu ar saturu vienā, divās vai trijās kolonnās. Lai to izdarītu, rīkjoslā izvēlieties vienumu Konteiners ar kolonnām. RocketCake jautā, cik kolonnu vēlaties. Lietojumprogramma arī vēlas uzzināt, kāds ir minimālais kolonnas platums. Mēs esam izvēlējušies divas kolonnas un noklusējuma iestatījumu 150. Tas nozīmē, ka uz plaša ekrāna kolonnas var kārtīgi redzēt blakus viena otrai. Ja kolonna uz maza ekrāna kļūst mazāka par 150 pikseļiem, tā vairs netiks rādīta blakus iepriekšējai kolonnai, bet gan zem tās.
Šajā piemērā mēs iestatījām kreiso kolonnu uz MinWidth 500. 500 ir kreisās kolonnas lūzuma punkts. Ja ekrāna platums kļūst par mazu, apmeklētājs nolasīs labās kolonnas saturu zem kreisās kolonnas. Turklāt mēs esam iestatījuši reklāmkarogu uz MaxWidth 1000.
Lai labā kolonna būtu šaurāka par kreiso, vispirms noklikšķiniet uz kreisās kolonnas. The Izmērs vai ir pēc noklusējuma 50%, automātiskais. Piemēram, mainiet to uz 70%, auto. Tādējādi otrā kolonna īslaicīgi peld zem pirmās. To var atrisināt, noklikšķinot uz otrās kolonnas un uz Izmērs 30%, automātiskais aizpildīt. Tas dod jums attiecību 70/30. Tad jūs aizpildāt kolonnas ar tekstu, kuru jūs arī noformējat tāpat kā ar vārdu procesoru. Šādai kolonnai varat piekļūt arī no rīku kopas Virsraksti (kausi). Pozīcijās 1, 2, 3 kausi izskatās labi.
Lai pievienotu attēlu, ievietojiet kursoru tekstā un rīkjoslā noklikšķiniet uz Attēls. Pēc tam dodieties uz vietu, kur attēls gaida. Ik pa brīdim noklikšķiniet uz pogas Priekšskatījums lai apskatītu savu darbu pārlūkprogrammā.
Noklikšķinot uz šādas teksta kolonnas, rekvizītos redzēsiet, ka Polsterējums noklusējums ir iestatīts uz 10, 10, 10, 10. Pildījums ir attālums no teksta līdz kolonnas malai. Pirmais skaitlis attiecas uz augšu, otrais uz apakšu, trešais pa labi un ceturtais pa kreisi. Ja vēlaties mazliet vairāk pildīt tekstlodziņa labajā pusē, trešā vērtība ir jāiestata, piemēram, 20.
Tādējādi polsterējums ir attālums kastes iekšpusē, Marža ir attālums ārpusē. Ja vēlaties nedaudz vairāk atstarpes starp fotoattēla apakšdaļu un teksta augšdaļu zem tā, nomainiet Margin no 0, 0, 0, 0, lai teiktu 0, 10, 0, 0.
Papildlapas
Tagad, kad mājas lapa ir gatava, jūs, protams, vēlaties izveidot vairāk lapu savam projektam. Tas tiek darīts ar pogu Pievienot lapu. Programma jautā, vai vēlaties izveidot pilnīgi jaunu lapu vai esošas tīmekļa lapas kopiju. Šajā piemērā mēs izmantosim mūsu mājas lapas stilu: melns fons, fonts, fonta lielums, konteinera platums ... Tātad mēs izvēlamies otro iespēju. Tad mēs noņemam reklāmkarogu un mainām teksta konteinera saturu.
Ja vēlaties kājeni katras lapas apakšdaļā, pievienojiet to arī tur Konteiners vai Konteiners ar kolonnām un ievadiet, piemēram, kontaktinformāciju vai informāciju par autortiesībām. Īpašas rakstzīmes, piemēram, autortiesību simbolu, nevar tieši ievadīt, izmantojot tastatūru. Programmā RocketCake izvēlnē izvēlaties šādas īpašās rakstzīmes Ievietot, ievietot teksta simbolu.
Saites
Protams, jūs vēlaties, lai navigācijas izvēlnes pogas norādītu uz pareizajām lapām. Lai to izdarītu, navigācijas izvēlnē vispirms atlasiet pogu un pēc tam noklikšķiniet uz pogas ar ķēdi. Vai arī nospiežat peles labo pogu un izvēlaties Ievietojiet hipersaiti. Tādējādi tiks atvērts atlases logs, kurā jāizvēlas saites uz ārēju tīmekļa lapu, e-pasta adresi, šī projekta lapu vai konkrētu failu. Atlasiet opciju Lapa projektā. Tad jūs redzēsiet izveidoto tīmekļa lapu sarakstu, kurās izvēlaties pareizo.
Bite Mērķis izvēlieties Web lapu atvērt jaunā pārlūkprogrammas logā vai atvērtā pārlūkprogrammas logā. Pēdējā iespēja ir izplatīta. Ja, turot nospiestu peles kreiso pogu, virzot kursoru virs navigācijas izvēlnes pogas, tiek pievienotas apakšizvēlnes, kas pēc tam jūs tāpat saista ar esošajām tīmekļa lapām.
Galvenās lapas
RocketCake darbojas arī ar tā sauktajām galvenajām lapām. Ja veidojat vietni ar daudzām lapām, šī tehnika ievērojami paātrinās izkārtojumu. Pamatlapa ir formatēts modelis, kas darbojas kā veidne citām lapām. Šāda galvenā lapa tāpēc nav parasta tīmekļa lapa. Lai to izveidotu, izveidojiet jaunu lapu: izveidojiet jaunu tīmekļa lapu, ievietojiet nolaižamo izvēlni, izvēlne darbosies tā, kā vajadzētu, un formatējiet šo lapu bez faktiska teksta satura. Tad jūs pievienojat vienu no rīku kopas Satura vietturis uz. Bez šī elementa galvenā lapa nedarbosies. Piešķiriet šai īpašajai lapai jēgpilnu nosaukumu, piemēram, masterpage.html. Tad jūs izveidojat vienu vai vairākas tīmekļa lapas, kuras nenodrošināt ar izkārtojumu.
Jūs rakstāt tekstu, pēc izvēles pievienojat attēlu un saglabājat šo lapu. Šīm lapām ar saturu jūs skatāties lauka Rekvizīti apakšdaļā Galvenā lapa. Tur jūs aktivizējat opciju UseMasterPage. Ja esat iespējojis atzīmi, parādīsies jauns lodziņš, kurā atlasīsit paredzētās galvenās lapas nosaukumu. Varat izmantot vairākas galvenās lapas. Šajā brīdī jūs neko neredzēsiet, bet, ja nospiedīsit pogu Priekšskatījums ievērosiet, ka šīs lapas saturs ir kārtīgi publicēts atlasītās pamatlapas satura vietturī.
Ievietojiet apdrukājamo materiālu
Izmantojot RocketCake, jūs pievienojat YouTube videoklipus, noklikšķinot uz vienuma Rīkjoslā YouTube videoklips lai atlasītu. Pēc tam rekvizītos ievadiet videoklipa tīmekļa adresi. Tikpat viegli ir pievienot fotoattēlu galeriju. Pēc tevis Attēlu galerija izvēlieties no rīku kopas, lodziņos atlasiet dažādus fotoattēlus ImageFile1, ImageFile2 un tā tālāk. Galerijā ir vairāki veidi, kā palielināt fotoattēlus. Piemēram, jūs varat tos atvērt jaunā logā, uznirstošajā logā, bet mums vislabāk patīk kā liels attēls uz atsevišķa slāņa.
Publicēt
Tu esi pabeidzis? Tad jūs varat publicēt vietni internetā vai vietējā diskā. RocketCake ir aprīkots ar ftp funkciju, lai visu kārtīgi ievietotu serverī mapē, kuru jūsu pakalpojumu sniedzējs šim nolūkam padara pieejamu. Aizpildiet ftp adresi, lietotājvārdu un paroli. Ja nepieciešams, izmantojiet opciju Saglabāt paroli lai saglabātu paroli. Publicējot vietni cietajā diskā, varat apmeklēt mājas lapu, atverot failu index.html ar savu interneta programmu.
