HTML-தளத்தை உருவாக்குவதற்கான வழிகளை நீங்கள் தேடுகிறீர்கள் என்றால், நீங்கள் தொடங்குவதற்கு இங்கே சில குறிப்புகள் உள்ளன. Learn HTML-Lernen to create a website, அல்லது Moodle இல் இணையதளத்தை உருவாக்க விஷுவல் ஸ்டுடியோ குறியீட்டைப் பயன்படுத்தவும். எந்த விஷயத்திலும், உங்கள் சொந்த தளத்தை உருவாக்க HTML பற்றிய அடிப்படை புரிதல் உங்களுக்கு இருக்க வேண்டும். HTML பக்கத்தை உருவாக்க பல வழிகள் உள்ளன, ஆனால் இவை மிகவும் பொதுவானவை.
Creating an HTML-Seite
The first step in creating your own website is to learn how to use HTML. HTML என்பது இணையப் பக்கங்களுக்கான நிலையான மார்க்அப் மொழியாகும். இது டிம் பெர்னர்ஸ்-லீ என்பவரால் உருவாக்கப்பட்டது 1991 CERN இல் பணிபுரியும் போது. உலகின் முதல் இணையதளத்தை உருவாக்கப் பயன்படுத்தப்பட்ட முக்கிய தொழில்நுட்பங்களில் இதுவும் ஒன்றாகும். பின்னர் மொழி பெரிதும் மேம்படுத்தப்பட்டு மீண்டும் எழுதப்பட்டது, ஆனால் அதன் அடிப்படை நோக்கம் அப்படியே உள்ளது. இணையப் பக்கங்களை வடிவமைத்து பயனர்களுக்குக் காண்பிப்பதே இதன் முதன்மை நோக்கமாகும்.
Using HTML-Lernen
You can learn to create HTML pages for free or pay to use paid resources. கட்டண ஆதாரங்கள் மூலம் அடிப்படைகளைக் கற்றுக்கொள்வதை விட, HTML ஐக் கற்க இலவச ஆதாரங்களைப் பயன்படுத்துவது மிகவும் எளிதானது. சிலர் ஃபெஸ்லிங் வகுப்புகளால் அதிக பயன் பெறுவார்கள், அவை குறைவான கடினமானவை மற்றும் கைவிடுவதற்கான வாய்ப்பைக் குறைக்கின்றன. உங்கள் இணைய உலாவியில் HTML குறியீட்டைப் பயன்படுத்த ஆன்லைன் வகுப்புகள் உங்களை அனுமதிக்கின்றன, மற்றும் மதிப்புமிக்க கற்றல் அனுபவத்தை வழங்க முடியும். எனினும், நீங்கள் பணத்தை சேமிக்க விரும்பினால், கட்டண ஆதாரங்கள் எப்போதும் ஒரு சிறந்த தேர்வாகும்.
நீங்கள் இலவசமாக HTML கற்கும்போது, நிபுணர்களால் எழுதப்பட்ட பயிற்சிகளைப் படிப்பதன் மூலம் தொடங்குவது சிறந்தது. வலை உருவாக்குபவர்களுக்கு HTML இன்றியமையாத மொழியாகும், உள்ளடக்கத்தை வடிவமைப்பதிலும் அதைக் காண்பிப்பதிலும் அதிக நெகிழ்வுத்தன்மையை இது செயல்படுத்துகிறது. HTML கற்றுக்கொள்வதன் மூலம் பணத்தையும் சேமிப்பீர்கள், வலை உருவாக்குநர்கள் விலை அதிகம் என்பதால். HTML ஐ எவ்வாறு உருவாக்குவது என்பது உங்களுக்குத் தெரிந்தால், நேரத்தையும் சக்தியையும் சேமிப்பதன் மூலம் நீங்கள் நிறைய பணத்தை சேமிக்க முடியும். உங்களுக்கு சில அடிப்படை அறிவு இருந்தால் நீங்களே சிறிய மாற்றங்களைச் செய்யலாம்.
HTML என்பது XML அடிப்படையிலான மொழி. HTML குறிச்சொற்கள் கோண அடைப்புக்குறிக்குள் ஒழுங்கமைக்கப்பட்டுள்ளன. அப்சாட்ஸ்-குறிச்சொற்கள் இணைய உலாவிக்கு ஒரு பக்கத்தின் தலைப்பு என்ன என்பதைக் கூறுகின்றன. பெரும்பாலான HTML-குறிச்சொற்கள் schliesssending குறிச்சொற்களுடன் முடிவடையும், ஒரு சில திறந்து மூடப்படும் போது. ஸ்பிட்ஸன் கிளாஸ்னெர்னுக்கு ஒரு சிறந்த உதாரணம் ஒரு இணைப்பு.
உங்கள் குறியீட்டை எழுத டாக்டைப் அறிவிப்புகளின் கலவையைப் பயன்படுத்தலாம். HTML பக்கத்தின் மிக முக்கியமான கூறுகளில் ஒன்று டாக்டைப் அறிவிப்பு ஆகும். இது உங்கள் இணையதளம் எழுதப்பட்ட மார்க்அப் மொழியை உலாவிக்கு சொல்கிறது. எனினும், இது ஒரு உறுப்பு அல்ல. மூல உறுப்பு html ஆகும். நீங்கள் HTML கற்கும்போது, டாக்டிப் பிரகடனம் ஒன்றுதான் என்பதை நீங்கள் உறுதி செய்ய வேண்டும்.
Creating an HTML-Site in Moodle
In order to create an HTML-Site in Moodle, நீங்கள் இணைய வடிவமைப்பில் நிபுணராக இருக்க வேண்டும். HTML-தளங்கள் ஒரு சக்திவாய்ந்த கற்றல் வளமாகும், மேலும் அவை ஈடுபாட்டுடன் உருவாக்கப் பயன்படும், ஊடாடும் படிப்புகள். இந்த டுடோரியலில், அடிப்படை HTML-தளத்தை உருவாக்கும் செயல்முறையை நாங்கள் மேற்கொள்வோம். எனினும், உங்களிடம் ஏற்கனவே சில HTML-தள வடிவமைப்பு அனுபவம் இருந்தால், தொடங்குவதற்கு இந்த வழிகாட்டி உங்களுக்கு உதவும்.
முதலில், நீங்கள் ஒரு பக்கத்தை உருவாக்க வேண்டும். ஒரு பக்கம் என்பது அடிப்படையில் Moodle இல் உள்ள ஒரு வலைப்பக்கமாகும், மேலும் இது பல்வேறு வகையான உள்ளடக்கங்களைக் கொண்டிருக்கலாம், மல்டிமீடியா உட்பட. பக்க ஆதாரம் இரண்டில் மிகவும் வசதியானது, எனினும், பெரிய கோப்புகளைப் பதிவேற்றுவது பற்றி நீங்கள் கவலைப்பட வேண்டியதில்லை. ஒரு பக்கத்தை எளிதாக புதுப்பிக்க முடியும் மற்றும் புத்தகத்தை விட பராமரிக்க எளிதானது. மிகவும் சிக்கலான HTML-தளங்களுக்கு, நீங்கள் புத்தக ஆதாரத்தைப் பயன்படுத்த வேண்டும்.
நீங்கள் ஒரு பக்கத்தை உருவாக்கிய பிறகு, நீங்கள் HTML-தள உள்ளடக்கத்தைச் சேர்க்க வேண்டும். இந்த பாடத்தில், Moodle இல் பதிலளிக்கக்கூடிய பக்க தளவமைப்புகள் மற்றும் பதிலளிக்கக்கூடிய தொகுதிகளை எவ்வாறு உருவாக்குவது என்பதை நாங்கள் உங்களுக்குக் காண்பிப்போம். உங்கள் பாடத்தின் உள்ளடக்கத்தை ஒழுங்கமைப்பதே கடைசி படியாகும். பணக்கார மற்றும் ஈர்க்கக்கூடிய உள்ளடக்கம் இல்லாமல் ஒரு பாடநெறி முழுமையடையாது, மற்றும் Moodle எடிட்டர் இதை மிகவும் எளிதாக்குகிறது! பதிலளிக்கக்கூடிய பக்கங்களை உருவாக்குவது மற்றும் Moodle உள்ளடக்கத்தை மொபைலுக்கு ஏற்றதாக மாற்றுவது எப்படி என்பதையும் பார்ப்போம்.
நீங்கள் உங்கள் Moodle தளத்தில் படங்கள் அல்லது வெளிப்புற படங்களை கூட சேர்க்கலாம். என்பதை கிளிக் செய்தால் போதும் “படத்தை செருகவும்” பொத்தான் மற்றும் உங்களுக்கு விருப்பமான எடிட்டர் வழங்கப்படும். நீங்கள் JPG இலிருந்து தேர்ந்தெடுக்கலாம், GIF, அல்லது PNG படங்கள், அல்லது உங்கள் சொந்த படங்களுடன் தீம் தனிப்பயனாக்கலாம். நீங்கள் HTML-தள உருவாக்கத்தில் தொடக்கநிலையாளராக இருந்தால், முதலில் ஒரு சிறிய HTML-தளத்தை உருவாக்குவதை உறுதிசெய்யவும்.
Using Visual Studio Code to create an HTML-Site
If you’ve ever wanted to learn how to make an HTML-Site, விஷுவல் ஸ்டுடியோ குறியீட்டை எவ்வாறு பயன்படுத்துவது என்பதை அறிய நீங்கள் ஆர்வமாக இருக்கலாம். இந்த மூல குறியீடு எடிட்டர் விண்டோஸுக்குக் கிடைக்கிறது, macOS, மற்றும் லினக்ஸ், மற்றும் பல்வேறு மொழிகளில் HTML குறியீட்டை எழுத உங்களை அனுமதிக்கிறது. டெர்மினலில் HTML கோப்புகளை இயக்க உதவும் நீட்டிப்புகளும் இதில் அடங்கும். இந்த நீட்டிப்புகளை எவ்வாறு பயன்படுத்துவது என்பது உங்களுக்குத் தெரியாவிட்டால், இந்த கட்டுரையின் பின்வரும் பகுதிகளைப் படிப்பதன் மூலம் அவற்றைப் பற்றி மேலும் அறியலாம்.
விஷுவல் ஸ்டுடியோ குறியீட்டை நிறுவிய பிறகு, அதை துவக்கவும். கோப்புறையின் பெயரின் வலதுபுறத்தில் நான்கு ஐகான்களைக் காண்பீர்கள். 'புதிய கோப்பு' என்பதைக் கிளிக் செய்யவும்’ சின்னம். கோப்பு நீட்டிப்பைத் தேர்ந்தெடுக்கவும் ‘.html’ மற்றும் திட்டத்திற்கான பெயரை உள்ளிடவும். விஷுவல் ஸ்டுடியோ கோட் அதன் உள்ளடக்கத்தைப் புரிந்துகொள்ள, கோப்பின் பெயரை உள்ளிட்டு பொருத்தமான கோப்பு நீட்டிப்பை உள்ளிட வேண்டும்.. நீங்கள் லினக்ஸ் பயன்படுத்தினால், அதற்குப் பதிலாக உங்கள் வீட்டுக் கோப்புறையில் சேமிக்க விரும்பலாம்.
விஷுவல் ஸ்டுடியோ குறியீடு சாளரத்தில், நீல நிற ரிப்பன் போல் தோன்றும் ஐகானைத் தேர்ந்தெடுக்கவும். நீங்கள் விண்டோஸ் பயன்படுத்தினால், நீங்கள் அதை தொடக்க மெனுவில் காணலாம், Mac இல் உள்ள பயன்பாடுகள் கோப்புறையில், அல்லது லினக்ஸில் உள்ள பயன்பாடுகள் மெனுவில். நீட்டிப்புகள் மெனுவில், தேர்ந்தெடுக்கவும் “உலாவியில் திறக்கவும்”. இது இயல்புநிலை உலாவியில் கோப்பைத் திறக்கும். பிறகு, விரும்பிய கோப்பில் சொடுக்கவும், அதை விஷுவல் ஸ்டுடியோ கோட் எடிட்டரில் காண்பீர்கள்.
உங்கள் HTML-தளத்தை உருவாக்குவதைத் தொடரும்போது, உங்கள் குறியீட்டை தானாக வடிவமைக்க உதவும் Prettier எனப்படும் நீட்டிப்பை நீங்கள் கவனிப்பீர்கள். Prettier என்பது VS குறியீட்டிற்கான இலவசப் பதிவிறக்கமாகும், மேலும் இது அமைப்புகளில் நீங்கள் குறிப்பிடும் அமைப்புகளை இயக்கும். இந்த நீட்டிப்புக்கு நீங்கள் தேர்ந்தெடுக்கும் விருப்பங்கள் அடங்கும் “ஆவணத்தை வடிவமைக்கவும்” மற்றும் “சேமிப்பில் வடிவமைப்பு” – சுத்தமான HTML-தளத்தை உருவாக்குவதற்கான பயனுள்ள கருவிகள். நீங்கள் தினசரி அடிப்படையில் VS குறியீட்டைப் பயன்படுத்தினால், நீங்கள் பல கூடுதல் அம்சங்களைக் காணலாம்.
விண்டோஸ் அல்லது மேகோஸ் இயங்குதளத்தில் வலைப் பயன்பாடுகளை உருவாக்க விரும்பும் டெவலப்பர்களுக்கு விஷுவல் ஸ்டுடியோ குறியீட்டைப் பயன்படுத்துவது ஒரு சிறந்த வழி.. இது ஏராளமான தனிப்பயனாக்குதல் விருப்பங்களைக் கொண்டுள்ளது, பதிப்பு கட்டுப்பாடு மற்றும் எடிட்டரிடமிருந்து நேரடியாக இயங்கும் கட்டளைகள் உட்பட. மேலும் இது தனிப்பட்ட பயன்பாட்டிற்கு இலவசம்! விஷுவல் ஸ்டுடியோ அடிப்படை வலை பயன்பாடுகளுக்கான சிறந்த மேம்பாட்டு சூழலாகும், விஷுவல் ஸ்டுடியோ குறியீடு தனிப்பட்ட இணைய பயன்பாட்டிற்கு சிறந்த தேர்வாக இருக்கலாம். நீங்கள் மேம்பட்ட பயனராக இல்லை என்றால், விஷுவல் ஸ்டுடியோ குறியீடு உங்களுக்கு ஒரு சிறந்த தேர்வாகும்.