ஒரு காகிதத்தில் எதையாவது வரைந்து, நிஜ உலகில் அதை உயிர்ப்பிக்க வைப்பது எவ்வளவு அருமையாக இருக்கும் என்று எப்போதாவது யோசித்திருக்கிறீர்களா? சரி, மைக்ரோசாப்ட் AI இயங்கும் Skletch2Code வலை பயன்பாட்டின் மூலம் சாதித்த ஒன்று, இது கையால் எழுதப்பட்ட வரைபடங்களை ஒயிட் போர்டில் இருந்து HTML வலைத்தளங்களுக்கு ஒரு பொத்தானைக் கிளிக் செய்வதன் மூலம் மாற்றும்.
Sketch2Code ஆனது இணையதளத்தின் எந்தவொரு கையால் வரையப்பட்ட தளவமைப்பையும் சில நொடிகளில் HTML ஆக மாற்றும். ஒரு வரைபடத்தில் உள்ள HTML பொருட்களைக் கண்டறிய மைக்ரோசாஃப்ட் கம்ப்யூட்டர் விஷன் AI சேவையைப் பயன்படுத்தும் கருவி, பின்னர் படத்தில் உள்ள அனைத்து வடிவமைப்பு கூறுகளின் HTML துணுக்குகளையும் ஒருங்கிணைத்து உருவாக்க வரைபடத்தில் உள்ள கையால் எழுதப்பட்ட உரையைப் பிரித்தெடுக்க உரை அங்கீகாரத்தைப் பயன்படுத்துகிறது.
இணைய வடிவமைப்பாளர்கள் மற்றும் டெவலப்பர்கள் ஒரு வலைத்தளத்தின் HTML முன்மாதிரிகளை வெவ்வேறு வடிவங்களில் சில நொடிகளில் உருவாக்க இது மிகவும் வேகமாக செய்கிறது. பின்தளத்தில் இது எவ்வாறு செயல்படுகிறது என்பதை அறிய நீங்கள் ஆர்வமாக இருந்தால், மைக்ரோசாஃப்ட் இணையதளத்தில் Sketch2Code பற்றிய தொழில்நுட்ப விவரங்களைப் படிக்கவும்.
இணையதள தளவமைப்பு வரைபடங்களை உண்மையான HTML பக்கங்களாக மாற்ற, Sketch2Code ஐப் பயன்படுத்துவது எவ்வளவு எளிது என்பதைக் காண்பிப்பதற்கான விரைவான பயிற்சி கீழே உள்ளது.
முதலில், உங்கள் வலைத்தளத்தின் அமைப்பை ஒயிட் போர்டில் அல்லது வெள்ளைத் தாளில் வரையவும். பின்னர், அதை படம் எடுத்து உங்கள் கணினியில் சேமிக்கவும். அதன் பிறகு, உங்கள் உலாவியில் Sketch2Code இணைய பயன்பாட்டைத் திறக்க கீழே உள்ள பொத்தானைக் கிளிக் செய்யவும்.
Sketch2Code வலை பயன்பாட்டைத் தொடங்கவும்![](http://img.drupalst.com/wp-content/uploads/web/2328/obc1izbfod.jpg)
இணையதளம் திறந்தவுடன், கிளிக் செய்யவும் வடிவமைப்பைப் பதிவேற்றவும் பொத்தானை அழுத்தி, நீங்கள் வெள்ளை பலகை அல்லது வெள்ளை தாளில் வரைந்த வலைத்தள தளவமைப்பின் படத்தைத் தேர்ந்தெடுக்கவும்.
![](http://img.drupalst.com/wp-content/uploads/web/2328/obc1izbfod-1.jpg)
கையால் வரையப்பட்ட இணையதள வடிவமைப்பைப் பதிவேற்றிய பிறகு, Sketch2Code ஐப் பயன்படுத்துவதைப் பார்த்து, நீங்கள் பதிவேற்றிய படத்தின் தளவமைப்பின் அடிப்படையில் தானாகவே HTML பக்கத்தை உருவாக்கவும்.
செயல்முறை முடிந்ததும், முழுக் குறியீட்டைப் பதிவிறக்குவதற்கான விருப்பத்துடன் புதிதாக உருவாக்கப்பட்ட HTML பக்கத்தின் முன்னோட்டம் உங்களுக்குக் காண்பிக்கப்படும். கிளிக் செய்யவும் உங்கள் HTML குறியீட்டைப் பதிவிறக்கவும் உங்கள் கையால் வரையப்பட்ட இணையதள தளவமைப்பின் .html கோப்பைப் பெற பொத்தானை அழுத்தவும், எனவே உங்கள் இணைய உலாவியில் அதை உள்நாட்டில் சோதனை செய்து முன்னோட்டமிடலாம்.
![](http://img.drupalst.com/wp-content/uploads/web/2328/obc1izbfod-2.jpg)
அவ்வளவுதான். Sketch2Code வலைப்பக்க அமைப்பை முன்மாதிரி செய்வதில் உங்கள் நேரத்தைச் சேமிக்கும் என நம்புகிறோம்.