Vai esat kādreiz domājuši, cik forši būtu vienkārši uzzīmēt kaut ko uz papīra un ļaut tam atdzīvoties reālajā pasaulē? Tas ir tikai tas, ko Microsoft ir panācis ar AI darbinātu tīmekļa lietotni Skletch2Code, kas ar vienu pogas klikšķi var pārvērst ar roku rakstītus zīmējumus no tāfeles uz HTML vietnēm.
Sketch2Code var pārvērst jebkuru ar roku zīmētu vietnes izkārtojumu HTML formātā dažu sekunžu laikā. Rīks izmanto Microsoft Computer Vision AI pakalpojumu, lai noteiktu HTML objektus zīmējumā, un pēc tam izmanto teksta atpazīšanu, lai izvilktu zīmējumā ar roku rakstīto tekstu, lai apvienotu un izveidotu HTML fragmentus no visiem attēla dizaina elementiem.
Tādējādi tīmekļa dizaineriem un izstrādātājiem dažu sekunžu laikā ir ārkārtīgi ātri izveidot tīmekļa vietnes HTML prototipus dažādos stilos. Ja vēlaties uzzināt, kā tas darbojas aizmugursistēmā, Microsoft vietnē noteikti izlasiet tehnisko informāciju par Sketch2Code.
Tālāk ir sniegta īsa apmācība, kas parāda, cik vienkārši ir izmantot Sketch2Code, lai vietnes izkārtojuma zīmējumus pārvērstu par īstām HTML lapām.
Vispirms uz tāfeles vai baltas lapas uzzīmējiet savas vietnes izkārtojumu. Pēc tam nofotografējiet to un saglabājiet to savā datorā. Pēc tam noklikšķiniet uz tālāk esošās pogas, lai pārlūkprogrammā atvērtu tīmekļa lietotni Sketch2Code.
Kad vietne ir atvērta, noklikšķiniet uz pogas Augšupielādēt dizainu un atlasiet vietnes izkārtojuma attēlu, ko uzzīmējāt uz tāfeles vai baltas lapas.
Kad esat augšupielādējis ar roku zīmētu vietnes dizainu, apsēdieties un skatieties, kā Sketch2Code izmanto AI, kas automātiski ģenerē HTML lapu, pamatojoties uz jūsu augšupielādētā attēla izkārtojumu.
Kad process būs pabeigts, jums tiks parādīts priekšskatījums no tikko ģenerētās HTML lapas, kā arī iespēja lejupielādēt pilnu kodu. Noklikšķiniet uz pogas Lejupielādēt savu HTML kodu, lai iegūtu. html failu jūsu ar roku zīmētajam vietnes izkārtojumam, lai jūs varētu to pārbaudīt un priekšskatīt lokāli savā tīmekļa pārlūkprogrammā.
Tieši tā. Mēs ceram, ka Sketch2Code ietaupīs jūsu laiku, veidojot tīmekļa lapas izkārtojuma prototipu.
Saistītie raksti:
Nevainojama Bluesky, Mastodon un Threads kontu pārvaldība, izmantojot Openvibe
7:52
Kļūdas “Nederīga roktura” novēršana pakalpojumā Bluesky: soli pa solim
11:50
5 populārākās metodes, kā palaist File Explorer kā administratoru operētājsistēmā Windows 11
14:56
Atbildēt