{"id":1418,"date":"2024-04-09T11:25:48","date_gmt":"2024-04-09T11:25:48","guid":{"rendered":"https:\/\/howtogeek.blog\/lt\/?p=1418"},"modified":"2024-04-09T11:25:48","modified_gmt":"2024-04-09T11:25:48","slug":"how-to-convert-hand-drawn-website-layouts-into-html-code-using-sketch2code-by-microsoft-lt","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/lt\/how-to-convert-hand-drawn-website-layouts-into-html-code-using-sketch2code-by-microsoft-lt\/","title":{"rendered":"Kaip konvertuoti rankomis pie\u0161tus svetaini\u0173 maketus \u012f HTML kod\u0105 naudojant \u201eMicrosoft\u201c \u201eSketch2Code\u201c"},"content":{"rendered":"

Ar kada pagalvojote, kaip b\u016bt\u0173 \u0161aunu k\u0105 nors nupie\u0161ti ant popieriaus ir leisti jam atgyti realiame pasaulyje? Tai tik tai, k\u0105 \u201eMicrosoft\u201c pasiek\u0117 naudodama AI valdom\u0105 \u201eSkletch2Code\u201c \u017einiatinklio program\u0105, kuri vienu mygtuko paspaudimu gali konvertuoti ranka ra\u0161ytus br\u0117\u017einius i\u0161 lentos \u012f HTML svetaines.<\/p>\n

\u201eSketch2Code\u201c per kelias sekundes gali konvertuoti bet kok\u012f ranka pie\u0161t\u0105 svetain\u0117s i\u0161d\u0117stym\u0105 \u012f HTML. \u012erankis naudoja Microsoft Computer Vision AI paslaug\u0105, kad aptikt\u0173 HTML objektus pie\u0161inyje, o tada naudoja teksto atpa\u017einim\u0105, kad i\u0161traukt\u0173 ranka ra\u0161yt\u0105 tekst\u0105 pie\u0161inyje, kad sujungt\u0173 ir sukurt\u0173 vis\u0173 vaizdo dizaino element\u0173 HTML fragmentus.<\/p>\n

D\u0117l to interneto dizaineriai ir k\u016br\u0117jai per kelias sekundes gali beproti\u0161kai greitai sukurti \u012fvairi\u0173 stili\u0173 svetain\u0117s HTML prototipus. Jei norite su\u017einoti, kaip tai veikia vidin\u0117je programoje, b\u016btinai perskaitykite technin\u0119 informacij\u0105 apie \u201eSketch2Code\u201c \u201eMicrosoft\u201c svetain\u0117je.<\/p>\n

\u017demiau pateikiama trumpa pamoka, rodanti, kaip paprasta naudoti Sketch2Code, norint konvertuoti svetain\u0117s maketo br\u0117\u017einius \u012f tikrus HTML puslapius.<\/p>\n

Pirmiausia ant lentos arba balto lapo nupie\u0161kite savo svetain\u0117s maket\u0105. Tada nufotografuokite j\u012f ir i\u0161saugokite j\u012f savo kompiuteryje. Po to spustel\u0117kite toliau esant\u012f mygtuk\u0105, kad atidarytum\u0117te Sketch2Code \u017einiatinklio program\u0105 savo nar\u0161ykl\u0117je.<\/p>\n

<\/figure>\n

Atidar\u0119 svetain\u0119, spustel\u0117kite mygtuk\u0105 \u012ekelti dizain\u0105<\/strong> ir pasirinkite svetain\u0117s maketo paveiksl\u0117l\u012f, kur\u012f nupie\u0161\u0117te ant lentos arba balto lapo.<\/p>\n

Pasirinkite ir \u012fkelkite savo rankomis pie\u0161t\u0105 svetain\u0117s maket\u0105<\/figcaption><\/figure>\n

\u012ek\u0117l\u0119 ranka pie\u0161t\u0105 svetain\u0117s dizain\u0105, atsis\u0117skite ir steb\u0117kite, kaip Sketch2Code naudojamas AI automati\u0161kai generuoja HTML puslap\u012f pagal \u012fkelto vaizdo i\u0161d\u0117stym\u0105.<\/p>\n

Kai procesas bus baigtas, jums bus parodyta naujai sugeneruoto HTML puslapio per\u017ei\u016bra ir galimyb\u0117 atsisi\u0173sti vis\u0105 kod\u0105. Spustel\u0117kite mygtuk\u0105 Atsisi\u0173sti savo HTML kod\u0105,<\/strong> kad gautum\u0117te. html fail\u0105 savo rankomis pie\u0161tu svetain\u0117s maketu, kad gal\u0117tum\u0117te i\u0161bandyti ir per\u017ei\u016br\u0117ti j\u012f vietoje savo \u017einiatinklio nar\u0161ykl\u0117je.<\/p>\n

Spustel\u0117kite mygtuk\u0105 \u201eAtsisi\u0173sti savo HTML kod\u0105\u201c.<\/figcaption><\/figure>\n

Viskas. Tikim\u0117s, kad \u201eSketch2Code\u201c sutaupys j\u016bs\u0173 laiko kuriant tinklalapio maketo prototip\u0105.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ar kada pagalvojote, kaip b\u016bt\u0173 \u0161aunu k\u0105 nors nupie\u0161ti ant popieriaus ir leisti jam atgyti realiame pasaulyje? Tai tik tai, k\u0105 \u201eMicrosoft\u201c pasiek\u0117 naudodama AI valdom\u0105 \u201eSkletch2Code\u201c \u017einiatinklio program\u0105, kuri vienu mygtuko paspaudimu gali konvertuoti ranka ra\u0161ytus br\u0117\u017einius i\u0161 lentos \u012f HTML svetaines. \u201eSketch2Code\u201c per kelias sekundes gali konvertuoti bet kok\u012f ranka pie\u0161t\u0105 svetain\u0117s i\u0161d\u0117stym\u0105 […]<\/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":[123,170],"class_list":["post-1418","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-microsoft","tag-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/posts\/1418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/comments?post=1418"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/posts\/1418\/revisions"}],"predecessor-version":[{"id":1419,"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/posts\/1418\/revisions\/1419"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/media?parent=1418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/categories?post=1418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/lt\/wp-json\/wp\/v2\/tags?post=1418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}