Kako pretvoriti ročno narisane postavitve spletnega mesta v HTML kodo z uporabo Microsoftovega Sketch2Code

Ste se kdaj vprašali, kako kul bi bilo narisati nekaj na papir in pustiti, da zaživi v resničnem svetu? No, to je le nekaj, kar je Microsoft dosegel s spletno aplikacijo Skletch2Code, ki jo poganja umetna inteligenca, ki lahko s klikom na gumb pretvori ročno napisane risbe z table v spletna mesta HTML.

Sketch2Code lahko pretvori katero koli ročno narisano postavitev spletnega mesta v HTML v le sekundah. Orodje uporablja Microsoftovo storitev umetne inteligence Computer Vision za zaznavanje predmetov HTML na risbi, nato pa s prepoznavanjem besedila ekstrahira ročno napisano besedilo v risbi, da združi in zgradi izrezke HTML vseh elementov oblikovanja na sliki.

Zaradi tega spletni oblikovalci in razvijalci noro hitro izdelajo HTML prototipe spletnega mesta v številnih različnih slogih v nekaj sekundah. Če vas zanima, kako to deluje v zaledju, ne pozabite prebrati tehničnih podrobnosti o Sketch2Code na Microsoftovem spletnem mestu.

Spodaj je hitra vadnica, ki vam pokaže, kako preprosto je uporabljati Sketch2Code za pretvorbo risb postavitve spletnega mesta v prave strani HTML.

Najprej narišite postavitev svojega spletnega mesta na tablo ali bel list. Nato ga fotografirajte in shranite v računalnik. Po tem kliknite spodnji gumb, da v brskalniku odprete spletno aplikacijo Sketch2Code.

Zaženite spletno aplikacijo Sketch2Code

Ko je spletno mesto odprto, kliknite na Prenesite dizajn in izberite sliko postavitve spletnega mesta, ki ste jo narisali na tablo ali bel list.

Ko naložite ročno narisano zasnovo spletnega mesta, se usedite in opazujte, kako Sketch2Code uporablja AI, kako samodejno ustvari stran HTML na podlagi postavitve slike, ki ste jo naložili.

Ko je postopek končan, vam bo prikazan predogled sveže ustvarjene strani HTML skupaj z možnostjo prenosa celotne kode. Kliknite na Prenesite svojo kodo HTML gumb, da dobite datoteko .html vaše ročno narisane postavitve spletnega mesta, da jo lahko preizkusite in si jo lokalno ogledate v svojem spletnem brskalniku.

to je to. Upamo, da vam Sketch2Code prihrani čas pri izdelavi prototipa postavitve spletne strani.