Mamorona sora-baventy ao amin'ny Google Web Designer

Anonim

Mamorona sora-baventy ao amin'ny Google Web Designer

Dingana 1: Manomboka

Google Web Designer dia tontolo fampandrosoana maimaim-poana ho an'ny Webmasters manome ny fahaizana mamorona pejin-tranonkala, ao anatin'izany ny zavatra tsirairay toy ny sora-baventy mampiasa CSS3 sy HTML5. Mba hampiasa ity fitaovana ity, voalohany indrindra dia mila misintona ny rakitra fametrahana avy amin'ny tranokala ofisialy ianao ary mametraka.

Ampidino ny Google Web Designer avy amin'ny tranokala ofisialy

Fametrahana fandaharana

  1. Kitiho ny rohy aseho etsy ambony mba handeha any amin'ny pejy izao ary tsindrio ny bokotra "Download Web Designer". Marihina fa ny Windows 7 sy ny dikan-teny ihany no manohana ny programa.
  2. Mandehana hisintona ny mpamorona Google Web avy ao amin'ny tranokala ofisialy

  3. Amin'ny alàlan'ny varavarankely Save Pop-up, mifidiana toerana eo amin'ny solosainao ary ampiasao ny bokotra voamarika eo amin'ny tontonana ambany.
  4. Ny famonjena ny Google Web Designer amin'ny solosaina

  5. Mandehana any amin'ny fampirimana miaraka am-bava fotsiny ny rakitra ary tsindrio indroa eo amin'ny bokotra havia havia mba hanatanterahana ny fanokafana. Vokatr'izany dia tokony hisokatra ny varavarankely fametrahana.

    Fanokafana ny rakitra fametrahana Google Web Designer ao amin'ny solosaina

    Ny fomba fametrahana azy dia tanterahina amin'ny fomba mandeha ho azy, manangona ireo rakitra rehetra miasa amin'ny lahatahiry miaraka amin'ny programa hafa ao amin'ny System Disk.

  6. Google Web Designation Power Pinglation amin'ny solosaina

nahazo alalana

  1. Raha te-hamonjy tetikasa amin'ny Internet ianao na amin'ny ankapobeny, dia mamorona sora-baventy manokana ho an'ny serivisy anatiny ao amin'ny Google, dia mendrika ny hanao fahazoan-dàlana izany. Mba hanaovana izany dia ampiasao ny programa amin'ny alàlan'ny kisary mety, akatona ny varavarankely fandraisana ary tsindrio ny bokotra "Login" eo amin'ny tontonana ambony.
  2. Famintinana ny fanomezan-dàlana ao amin'ny Google Web Designer

  3. Lazao ny angon-drakitra avy amin'ny kaonty Google, tsindrio "Next" ary hamafiso raha ilaina izany. Aorian'io dia hampiana avy hatrany ny kaonty, tsy mitaky toe-javatra sasany.
  4. Ny fizotran'ny fanomezan-dàlana amin'ny alàlan'ny Google ao amin'ny Google Web Designer

Manova ny fanovana

  1. Rehefa fantany tamin'ny fanomanana dia tena ilaina izao ny fanovana ny toe-javatra fototra amin'ny rindrambaiko hanamorana ny asa amin'ny ho avy. Mampiasa ny tontonana ambony, manitatra ny menio fanovana ary safidio ny "Setting" amin'ny faran'ny lisitra.
  2. Mandehana any amin'ny fizarana setup ao amin'ny Google Web Designer

  3. Ao amin'ny tabilao "lehibe", azonao atao ny manova ny fihetsika voalohany amin'ny programa mba hanokafana haingana ny tetikasa, asio fampirimana mba hamonjy ireo modely noforonina, ary koa ny sandam-pidirana ho an'ny fanoratana ny fanambarana rehefa mamorona.
  4. Manova ny toe-javatra lehibe ao amin'ny Google Web Designer

  5. Ity pejy ity dia misy ny fomba fijerin'ny Layout "dia misy ny tarehimarika amin'ny endrik'ilay tonian-dahatsoratra. Manova ny toe-javatra naseho, azonao atao ny manitsy ny tsipika sy ny fatorana zavatra ho an'ny toerana marina kokoa amin'ny singa.
  6. Settings Mock View Mode ao amin'ny Google Web Designer

  7. Google Web Designer dia manana tonian-dahatsoratra misy azy ireo. Araka izany, ao amin'ny tabilao "code" "dia azonao atao ny manendry ny fomba famolavolana, apetraho ireo tarehimarika format ary ampio ny fehezan-dalàna lehibe amin'ny asa.
  8. CODE Jereo ny Fomba Mode Mode ao amin'ny Google Web Designer

  9. Ny tabilao farany "fanitarana" dia misy tarehimarika roa fotsiny - "Logging" sy "fampiharana". Amin'ny tranga voalohany, ny fampidirana dia hamorona vatan-kazo, raha ny zavatra faharoa dia mamela anao hanisy marika fenitra vaovao ho an'ny sehatry ny editor.

    Mitandrema! Raha mametraka be dia be ianao, ny olana amin'ny tsy fahampian'ny habaka eo amin'ny efijery dia mety hiseho ho an'ny zavatra manan-danja.

  10. Hijery ny filaharana mandroso ao amin'ny Google Web Designer

Misy fiovana misy fomba na hafa dia mitaky famerenana indray ny fandaharana. Raha vao manomboka miasa miaraka amin'ilay tonian-dahatsoratra ianao, dia aza hadino ny mety hiseho amin'ny fanamboarana ireo toe-javatra mampiasa zavatra misaraka amin'ny tabilao tsirairay.

Dingana 2: namorona sora-baventy

Amin'ny fanamafisana ny programa dia afaka manomboka miasa amin'ny sora-baventy ianao amin'ny fampiasana ireo safidy rehetra ho an'ny mpamorona tranonkala Google. Na izany aza, hevero fa ity vazivazy ity dia ho toy ny tonian-kevitra hita maso, ahafahanao mandefa singa tsy vonona ihany, izay noforonina misaraka, ohatra, ao amin'ny Photoshop.

Miaraha miasa amin'ny fitaovana

  1. Rehefa avy nanomana ny lamina ianao dia mila mifankahalala amin'ny fitaovana. Ao amin'ny tontolon'ny tampon'ny saina, ny lisitra hoe "mijery" mendrika, mamela ny hahafahan'ny singa fanampiny.
  2. Hizaha ny fijerena ny menu ao amin'ny Google Web Designer

  3. Amin'ny alàlan'ny menio "varavarankely", azonao atao ny manakana ny singa interface iray manokana. Ohatra, raha te hanao sora-baventy statistika ianao dia hanelingelina ny "fandaharam-potoana" fotsiny, ary noho izany dia tsara kokoa ny manala ny tsipika mety.
  4. Jereo ny menio varavarankely ao amin'ny Google Web Designer

  5. Ny fitaovana tonian-dahatsoratra lehibe dia atolotra ao amin'ny tsanganana ankavia. Tsy hieritreritra ny safidy tsirairay isika, satria tsy ny zavatra rehetra no ampiasaina rehefa mamorona, na izany aza, dia manoro hevitra ny fanandramana ny tenanao ianao.
  6. Jereo ny fitaovana fototra ao amin'ny Google Web Designer

  7. Manaraka ny fitaovana amin'ny fitaovana dia atolotra ny "doka mpanambara" miaraka amin'ny fandraisana anjara maromaro. Ny saina manokana dia mendrika ny "hetsika" tompon'andraikitra amin'ny hetsika amin'ny zavatra iray na iray hafa, ary "CSS", izay anaovana ny fomban'ny fomba.
  8. Jereo ny inspektera Ad amin'ny mpamorona tranonkala Google

  9. Ny ampahany tsara amin'ny programa dia misy fitaovana iray izay ahafahanao mifehy ny loko, ny lahatsoratra, ny firafitry ny zavatra, ny fananana ary ny sosona ary ny sosona fotsiny. Tahaka ny zava-misy lehibe amin'ny fiasa, ny varavarankely dia tsara kokoa ny mianatra samirery amin'ny famoronana tetikasa iray.
  10. Jereo ny fananana zavatra ao amin'ny Google Web Designer

  11. Raha ilaina, ny fampiasana ny "timeline" dia azo namorona sora-baventy an-tsary. Mandritra izany fotoana izany, ny fitantanana ny faritry ny tonian-dahatsoratra, dia ampiasao ny habaka famafazana sy ny lcm, ary koa ny sakana misy tarehimarika.

Mameno fandaharana

  1. Ny famoronana sora-baventy dia manomboka amin'ny fiaviany, ary noho izany, rehefa manomana fandaharana, dia sokafy ny tabilao "Fitaovana" sy ao amin'ny pejy "Fenoy". Azo atao ny mametraka loko rehetra, ao anatin'izany ny gradient na ny fiaviany tanteraka.
  2. Ampifamadiho ny fanamboarana sora-baventy ao amin'ny Google Web Designer

  3. Ankoatra ny filaharana, ampio ireo singa graphic namboarina mialoha. Azonao atao ny manao izany ao amin'ny tabilao famakiam-boky amin'ny alàlan'ny fanindriana ny kisary "+" ao amin'ny tontonana ambany.
  4. Tetezamita amin'ny fampidirana ireo singa grika ao amin'ny Google Web Designer

  5. Safidio ny rakitra sary tadiavina ary tsindrio misokatra. Izany dia azo atao miaraka indray mandeha ho an'ny sosona rehetra, ary misaraka, mamerina ireo fihetsika ireo.
  6. Ny fizotran'ny fampidirana singa grika ao amin'ny Google Web Designer

  7. Mba handraisana azy, ny fametahana ny sary tiana ao amin'ny tabilao famakiam-boky sy ny fitarihana ny tonian-dahatsoratra ao amin'ny faritra lehibe.

    Manampy sary amin'ny sora-baventy ao amin'ny Google Web Designer

    Azonao atao ny mifehy ny toerana misy ilay zavatra miaraka amin'ny tsipika mahazatra sy ny scaling miaraka amin'ny fitaovana mifantina mavitrika. Raha ilaina dia afaka mampiasa torolàlana foana ianao.

  8. Mametraka sary amin'ny sora-baventy ao amin'ny Google Web Designer

  9. Amin'ny fisafidianana rakitra sary ao amin'ny sehatr'asa na amin'ny tabilao fanontana ara-drafitra, sokafy ny "fananana". Betsaka ny zavatra betsaka kokoa noho ny amin'ny toe-javatra, ohatra, toe-javatra na indents.
  10. Manova ny toetran'ny sary amin'ny sora-baventy ao amin'ny Google Web Designer

  11. Raha manome ny fisian'ny lahatsoratra ny famolavolana fanoratana anarana dia azonao atao ny manampy ny zavatra mety amin'ny alàlan'ny fitaovana famolavolana Google Web Designer. Kitiho ny kisary "T" eo amin'ny pane ankavia, tsindrio eo amin'ny varavarankely fanontana lehibe ary ampidiro ny tarehimarika tianao.

    Manampy lahatsoratra amin'ny sora-baventy ao amin'ny Google Web Designer

    Mba hifehezana ny lahatsoratra, fidio ny sosona ao amin'ny tabilao "Editorural Structural", manitatra ny "lahatsoratra" ary apetraho ireo tarehimarika mety.

  12. Manova ny fananana lahatsoratra ao amin'ny sora-baventy ao amin'ny Google Web Designer

Fametrahana ny sary an-tsary

  1. Ao amin'ny sakana "Timeline", azonao atao ny manampy sy amboary ny vokatry ny animaly. Hanombohana, tsindrio ny bokotra "Add Icon" miaraka amin'ny kisary "+".
  2. Miaraha miasa amin'ny fandaharam-potoana ao amin'ny Google Web Designer

  3. Kitiho ny kisary ".5s" eo anelanelan'ny rindran-tsary ary apetraho ireo marika ilainao. Ohatra, azonao atao ny manova ny faharetany sy ny fomba fiasa.
  4. Fametrahana ny fitaterana eo anelanelan'ny frame ao amin'ny Google Web Designer

  5. Ny sakana tsirairay avy amin'ny "Timeline" dia tsy miankina tanteraka amin'ny hafa. Mba hamoronana sary an-tsary, hanova zavatra vitsivitsy amin'ny fahefanao ary hizaha ny vokatra amin'ny alàlan'ny bokotra Play.

    Mamorona sary an-tsary ho an'ny sora-baventy ao amin'ny Google Web Designer

    Aorian'ny famenoana ny dingana fanitsiana, ampiasao ny bokotra miverimberina. Ity dia hamorona sary tsy manam-petra.

  6. Mamokatra amam-pahalalana amin'ny sora-baventy ao amin'ny Google Web Designer

Manampy hetsika

  1. Rehefa takatra tamin'ny laminasa ianao dia mila manampy hetsika tetezamita ho an'ny singa tsirairay na ny sora-baventy iray manontolo amin'ny ankapobeny. Mba hanaovana izany, ao amin'ny tsanganana inspetera Sektor, sokafy ny tabilaon'ny hetsika ary tsindrio ny kisary "+" ao amin'ny tontonana ambany.
  2. Mandehana hamorona hetsika vaovao ao amin'ny Google Web Designer

  3. Ao amin'ny lisitry ny varavarankely izay misokatra amin'ny lisitry ny "tanjona", safidio ny zavatra iray izay ho resahina.
  4. Famantarana ny zava-misy ao amin'ny Google Web Designer

  5. Ao amin'ny pejin'ny hetsika, manitatra ny pejy "Mouse" ary safidio ny "Tsindrio". Miankina amin'ny fepetra takiana amin'ny vokatra, azonao atao ny mampifangaro ny fametrahana samihafa.
  6. Famantarana ny fananana hetsika ao amin'ny The Google Web Designer

  7. Ankoatr'izay dia ny lisitry ny "hetsika", sokafy ny fanambarana Google ary apetraho ny lanjan'ny "tetezamita". Ny safidy toy izany dia hahatonga azy io mba hankany amin'ny pejy manokana izay ilainao amin'ny Internet.
  8. Famantarana ny hetsika ao amin'ny Google Web Designer

  9. Amin'ny maha "mpandray", safidio ny dikan-teny iray "GWD-ad" tokana.
  10. Famantarana ireo hetsika mpandray anjara ao amin'ny Google Web Designer

  11. Amin'ny sehatra farany eo amin'ny saha "Identif. Indonatera »Zahao ny rohy mankany amin'ny Shortcut ary fenoy ny" URL "amin'ny alàlan'ny famaritana ny pejy tiana. Ampiasao ny "OK" mba hamonjy.
  12. Fehezan-javatra momba ny hetsika ao amin'ny Google Web Designer

Miaraha miasa amin'ny kaody loharano

  1. Araka ny efa nolazainay, ny mpamorona ny tranonkala Google dia misy mpanatontosa ny kaody namboarina. Azo atao amin'ny alàlan'ny fampiasana ny bokotra "Code" eo amin'ny sisiny ankavanan'ny tontonana ambony.
  2. Mandehana any amin'ny tonian-dahatsoratra ao amin'ny Google Web Designer

  3. Azonao atao ny manova fiovana amin'ny rafitry ny sora-baventy mampiasa tsy an-tsary afa-tsy ny tonian-dahatsoratra, fa miaraka amin'ny kaody ao amin'ny rakitra tetikasa. Mety ho tena ilaina izany rehefa mifanaraka amin'ny singa kely na ampiana zava-mitranga tsy nomen'ny fandaharana.
  4. Hijery sy manova ny kaody ao amin'ny Google Web Designer

Ny hetsika voalaza fa tokony ho ampy tsara hamoronana sora-baventy, na inona na inona fampiharana. Mandritra izany fotoana izany, afaka manitatra ny fahaiza-manao amin'ny alàlan'ny fampifangaroana ireo fitaovana ireo ianao.

Dingana 3: Famaranana

Rehefa vita ny sora-baventy ary vonona amin'ny fametrahana ny tranokala, dia afaka mandeha amin'ny dingana farany ianao. Voalohany indrindra, mendrika ny mandinika hoe ahoana ny asanao ao amin'ny pejin-tranonkala tena izy.

topi-maso

  1. Ao amin'ny tontolon'ny tampony, tsindrio ny bokotra fijerena hanokatra ny menu fanampiny. Eto ianao dia afaka mamaritra ny browser izay hisokatra ny sora-baventy.
  2. Mandehana any amin'ny sora-baventy ao amin'ny Google Web Designer

  3. Rehefa manokatra ny fiasa rehetra sy ny fisehoan'ny sora-baventy dia voatahiry, fa amin'ny endri-javatra sasany. Ohatra, na dia nametraka famerimberenana tsy manam-petra aza ianao, dia ho voafetra ihany ny zava-drehetra eto tokana tokana.
  4. Hizaha ny sora-baventy miaraka amin'ny mpamorona tranonkala Google

  5. Raha ilaina dia azonao atao ny maneho ny vokatra amin'ny olon-kafa. Mba hanaovana izany, safidio ny "Makà rohy fizarana" ary manamafy ny fidirana amin'ny kaonty Google.

    Mamorona rohy fidirana amin'ny ankapobeny mba hijery sora-baventy ao amin'ny Google Web Designer

    Vokatr'izany dia hisy rohy iray hiseho eo amin'ny efijery mba hijery ny sora-baventy amin'ny fomba toy ny voalaza etsy ambony. Mazava ho azy fa azo atao raha tsy manana kaonty ianao.

  6. Ny fahombiazana mahomby amin'ny fidirana amin'ny ankapobeny dia hijery ny sora-baventy ao amin'ny Google Web Designer

Fiarovana sy famoahana

  1. Mba hamonjy ilay tetikasa, sokafy aloha ny lisitry ny rakitra ary ampiasao ny safidy Save. Aorian'io dia ho voavonjy amin'ny solosaina ny rakitra loharano ary azo nosokafana taorian'izay.
  2. Ny fizotran'ny fikajiana ny tetikasa miaraka amin'ny sora-baventy ao amin'ny Google Web Designer

  3. Azonao atao ny manomana tetikasa iray hametraka ny tranokala amin'ny alàlan'ny fanokafana ny menio "famoahana" ao amin'ny zoro havanana havanana amin'ny programa ary mifantina ny iray amin'ireo toerana misy ny famonjena.
  4. Ny fizotran'ny famoahana sora-baventy iray ao amin'ny Google Web Designer

  5. Ovaho ny tarehimarika ao amin'ny varavarankelin'ny publication amin'ny fahaizanao mandanjalanja, ka ny boaty notadiavina fotsiny, ary tsindrio "" Publish ". Mitahiry haingana ny famonjena ka na inona na inona haben'ny tetikasa.

    Famaritana ny famoahana sora-baventy ao amin'ny Google Wesigner

    Vokatr'izany dia hita ao amin'ny toerana famonjena ny lahatahiry. Ny fametrahana ny sora-baventy ao amin'ilay tranokala dia tsy mitovy amin'ny fiankinan-doha ary amin'ny ankapobeny tsy misy intsony ny fomba fananganana.

Hamaky bebe kokoa