{"id":1471,"date":"2024-04-09T11:25:59","date_gmt":"2024-04-09T11:25:59","guid":{"rendered":"https:\/\/howtogeek.blog\/lv\/?p=1471"},"modified":"2024-04-09T11:25:59","modified_gmt":"2024-04-09T11:25:59","slug":"how-to-convert-hand-drawn-website-layouts-into-html-code-using-sketch2code-by-microsoft-lv","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/lv\/how-to-convert-hand-drawn-website-layouts-into-html-code-using-sketch2code-by-microsoft-lv\/","title":{"rendered":"K\u0101 p\u0101rv\u0113rst ar roku z\u012bm\u0113tus viet\u0146u izk\u0101rtojumus HTML kod\u0101, izmantojot Microsoft Sketch2Code"},"content":{"rendered":"

Vai esat k\u0101dreiz dom\u0101ju\u0161i, cik for\u0161i b\u016btu vienk\u0101r\u0161i uzz\u012bm\u0113t kaut ko uz pap\u012bra un \u013caut tam atdz\u012bvoties re\u0101laj\u0101 pasaul\u0113? Tas ir tikai tas, ko Microsoft ir pan\u0101cis ar AI darbin\u0101tu t\u012bmek\u013ca lietotni Skletch2Code, kas ar vienu pogas klik\u0161\u0137i var p\u0101rv\u0113rst ar roku rakst\u012btus z\u012bm\u0113jumus no t\u0101feles uz HTML vietn\u0113m.<\/p>\n

Sketch2Code var p\u0101rv\u0113rst jebkuru ar roku z\u012bm\u0113tu vietnes izk\u0101rtojumu HTML form\u0101t\u0101 da\u017eu sekun\u017eu laik\u0101. R\u012bks izmanto Microsoft Computer Vision AI pakalpojumu, lai noteiktu HTML objektus z\u012bm\u0113jum\u0101, un p\u0113c tam izmanto teksta atpaz\u012b\u0161anu, lai izvilktu z\u012bm\u0113jum\u0101 ar roku rakst\u012bto tekstu, lai apvienotu un izveidotu HTML fragmentus no visiem att\u0113la dizaina elementiem.<\/p>\n

T\u0101d\u0113j\u0101di t\u012bmek\u013ca dizaineriem un izstr\u0101d\u0101t\u0101jiem da\u017eu sekun\u017eu laik\u0101 ir \u0101rk\u0101rt\u012bgi \u0101tri izveidot t\u012bmek\u013ca vietnes HTML prototipus da\u017e\u0101dos stilos. Ja v\u0113laties uzzin\u0101t, k\u0101 tas darbojas aizmugursist\u0113m\u0101, Microsoft vietn\u0113 noteikti izlasiet tehnisko inform\u0101ciju par Sketch2Code.<\/p>\n

T\u0101l\u0101k ir sniegta \u012bsa apm\u0101c\u012bba, kas par\u0101da, cik vienk\u0101r\u0161i ir izmantot Sketch2Code, lai vietnes izk\u0101rtojuma z\u012bm\u0113jumus p\u0101rv\u0113rstu par \u012bst\u0101m HTML lap\u0101m.<\/p>\n

Vispirms uz t\u0101feles vai baltas lapas uzz\u012bm\u0113jiet savas vietnes izk\u0101rtojumu. P\u0113c tam nofotograf\u0113jiet to un saglab\u0101jiet to sav\u0101 dator\u0101. P\u0113c tam noklik\u0161\u0137iniet uz t\u0101l\u0101k eso\u0161\u0101s pogas, lai p\u0101rl\u016bkprogramm\u0101 atv\u0113rtu t\u012bmek\u013ca lietotni Sketch2Code.<\/p>\n

<\/figure>\n

Kad vietne ir atv\u0113rta, noklik\u0161\u0137iniet uz pogas Aug\u0161upiel\u0101d\u0113t dizainu<\/strong> un atlasiet vietnes izk\u0101rtojuma att\u0113lu, ko uzz\u012bm\u0113j\u0101t uz t\u0101feles vai baltas lapas.<\/p>\n

Atlasiet un aug\u0161upiel\u0101d\u0113jiet ar roku z\u012bm\u0113to vietnes izk\u0101rtojumu<\/figcaption><\/figure>\n

Kad esat aug\u0161upiel\u0101d\u0113jis ar roku z\u012bm\u0113tu vietnes dizainu, aps\u0113dieties un skatieties, k\u0101 Sketch2Code izmanto AI, kas autom\u0101tiski \u0123ener\u0113 HTML lapu, pamatojoties uz j\u016bsu aug\u0161upiel\u0101d\u0113t\u0101 att\u0113la izk\u0101rtojumu.<\/p>\n

Kad process b\u016bs pabeigts, jums tiks par\u0101d\u012bts priek\u0161skat\u012bjums no tikko \u0123ener\u0113t\u0101s HTML lapas, k\u0101 ar\u012b iesp\u0113ja lejupiel\u0101d\u0113t pilnu kodu. Noklik\u0161\u0137iniet uz pogas Lejupiel\u0101d\u0113t savu HTML kodu,<\/strong> lai ieg\u016btu. html failu j\u016bsu ar roku z\u012bm\u0113tajam vietnes izk\u0101rtojumam, lai j\u016bs var\u0113tu to p\u0101rbaud\u012bt un priek\u0161skat\u012bt lok\u0101li sav\u0101 t\u012bmek\u013ca p\u0101rl\u016bkprogramm\u0101.<\/p>\n

Noklik\u0161\u0137iniet uz pogas \u201cLejupiel\u0101d\u0113t savu HTML kodu\u201d.<\/figcaption><\/figure>\n

Tie\u0161i t\u0101. M\u0113s ceram, ka Sketch2Code ietaup\u012bs j\u016bsu laiku, veidojot t\u012bmek\u013ca lapas izk\u0101rtojuma prototipu.<\/p>\n","protected":false},"excerpt":{"rendered":"

Vai esat k\u0101dreiz dom\u0101ju\u0161i, cik for\u0161i b\u016btu vienk\u0101r\u0161i uzz\u012bm\u0113t kaut ko uz pap\u012bra un \u013caut tam atdz\u012bvoties re\u0101laj\u0101 pasaul\u0113? Tas ir tikai tas, ko Microsoft ir pan\u0101cis ar AI darbin\u0101tu t\u012bmek\u013ca lietotni Skletch2Code, kas ar vienu pogas klik\u0161\u0137i var p\u0101rv\u0113rst ar roku rakst\u012btus z\u012bm\u0113jumus no t\u0101feles uz HTML vietn\u0113m. Sketch2Code var p\u0101rv\u0113rst jebkuru ar roku […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[130,176],"class_list":["post-1471","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-microsoft","tag-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/posts\/1471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/comments?post=1471"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/posts\/1471\/revisions"}],"predecessor-version":[{"id":1472,"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/posts\/1471\/revisions\/1472"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/media?parent=1471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/categories?post=1471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/lv\/wp-json\/wp\/v2\/tags?post=1471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}