9.5 KiB
HTML பயிற்சி பணிக்கான ஒதுக்கீடு: ஒரு வலைப்பதிவு மாதிரியை உருவாக்கவும்
நோக்கம்
தனிப்பட்ட வலைப்பதிவு முகப்புப் பக்கத்திற்கான HTML அமைப்பை வடிவமைத்து, கைமுறையாக குறியீடு செய்யுங்கள். இந்த பயிற்சி அர்த்தமுள்ள HTML, அமைப்பு திட்டமிடல் மற்றும் குறியீட்டு ஒழுங்கமைப்பில் உங்களைப் பயிற்றுவிக்கும்.
வழிமுறைகள்
-
உங்கள் வலைப்பதிவு மாதிரியை வடிவமைக்கவும்
- உங்கள் வலைப்பதிவு முகப்புப் பக்கத்தின் காட்சிப் மாதிரியை வரைபடமாக உருவாக்கவும். தலைப்பு, வழிசெலுத்தல், முக்கிய உள்ளடக்கம், பக்கவழி மற்றும் அடிக்குறிப்பு போன்ற முக்கிய பிரிவுகளைச் சேர்க்கவும்.
- நீங்கள் காகிதத்தைப் பயன்படுத்தி உங்கள் வரைபடத்தை ஸ்கேன் செய்யலாம் அல்லது டிஜிட்டல் கருவிகளை (எ.கா., Figma, Adobe XD, Canva அல்லது PowerPoint கூட) பயன்படுத்தலாம்.
-
HTML கூறுகளை அடையாளம் காணவும்
- ஒவ்வொரு பிரிவிற்கும் நீங்கள் பயன்படுத்த திட்டமிட்ட HTML கூறுகளை பட்டியலிடுங்கள் (எ.கா.,
<header>,<nav>,<main>,<article>,<aside>,<footer>,<section>,<h1>–<h6>,<p>,<img>,<ul>,<li>,<a>போன்றவை).
- ஒவ்வொரு பிரிவிற்கும் நீங்கள் பயன்படுத்த திட்டமிட்ட HTML கூறுகளை பட்டியலிடுங்கள் (எ.கா.,
-
HTML குறியீட்டை எழுதவும்
- உங்கள் மாதிரிக்கான HTML குறியீட்டை கைமுறையாக எழுதுங்கள். அர்த்தமுள்ள அமைப்பு மற்றும் சிறந்த நடைமுறைகளில் கவனம் செலுத்துங்கள்.
- குறைந்தது 10 தனித்துவமான HTML கூறுகளைச் சேர்க்கவும்.
- உங்கள் தேர்வுகள் மற்றும் அமைப்பை விளக்குவதற்கான கருத்துரைகளைச் சேர்க்கவும்.
-
உங்கள் பணியை சமர்ப்பிக்கவும்
- உங்கள் வரைபடம்/மாதிரியை மற்றும் உங்கள் HTML கோப்பை பதிவேற்றவும்.
- விருப்பமாக, உங்கள் வடிவமைப்பு முடிவுகள் பற்றிய ஒரு சுருக்கமான பிரதிபலிப்பை (2–3 வாக்கியங்கள்) வழங்கவும்.
மதிப்பீட்டு அளவுகோல்
| அளவுகோல் | சிறந்தது | போதுமானது | மேம்பாடு தேவை |
|---|---|---|---|
| காட்சிப் மாதிரி | தெளிவான, விரிவான மாதிரி, பிரிவுகள் குறிக்கப்பட்டு, சிந்தனையுடன் அமைப்பு | அடிப்படை மாதிரி, சில பிரிவுகள் குறிக்கப்பட்டவை | குறைந்த அல்லது தெளிவற்ற மாதிரி; பிரிவு குறியீடுகள் இல்லை |
| HTML கூறுகள் | 10+ அர்த்தமுள்ள HTML கூறுகளைப் பயன்படுத்துகிறது; அமைப்பு மற்றும் சிறந்த நடைமுறைகளைப் புரிந்துகொள்கிறது | 5–9 HTML கூறுகளைப் பயன்படுத்துகிறது; சில அர்த்தமுள்ள அமைப்பு | 5க்கும் குறைவான கூறுகளைப் பயன்படுத்துகிறது; அர்த்தமுள்ள அமைப்பு இல்லை |
| குறியீட்டு தரம் | நன்கு ஒழுங்கமைக்கப்பட்ட, வாசிக்கக்கூடிய குறியீடு, கருத்துரைகளுடன்; HTML தரங்களைப் பின்பற்றுகிறது | பெரும்பாலும் ஒழுங்கமைக்கப்பட்ட குறியீடு; சில கருத்துரைகள் | ஒழுங்கற்ற குறியீடு; கருத்துரைகள் இல்லை |
| பிரதிபலிப்பு | வடிவமைப்பு முடிவுகள் மற்றும் சவால்கள் பற்றிய ஆழமான பிரதிபலிப்பு | அடிப்படை பிரதிபலிப்பு | பிரதிபலிப்பு இல்லை அல்லது பொருத்தமற்றது |
குறிப்புகள்
- சிறந்த அணுகல் மற்றும் SEO-க்கு அர்த்தமுள்ள HTML குறியீடுகளைப் பயன்படுத்தவும்.
- உங்கள் குறியீட்டை இடைவெளி மற்றும் கருத்துரைகளுடன் ஒழுங்கமைக்கவும்.
- MDN HTML கூறுகள் குறிப்பு ஐ வழிகாட்டுதலுக்காகப் பார்க்கவும்.
- உங்கள் அமைப்பு எதிர்கால பணிகளில் எப்படி விரிவுபடுத்தப்படலாம் அல்லது வடிவமைக்கப்படலாம் என்பதைப் பற்றி சிந்திக்கவும்.
குறிப்பு:
இந்த ஆவணம் Co-op Translator என்ற AI மொழிபெயர்ப்பு சேவையைப் பயன்படுத்தி மொழிபெயர்க்கப்பட்டுள்ளது. நாங்கள் துல்லியத்திற்காக முயற்சிக்கிறோம், ஆனால் தானியங்கி மொழிபெயர்ப்புகளில் பிழைகள் அல்லது தவறான தகவல்கள் இருக்கக்கூடும் என்பதை தயவுசெய்து கவனத்தில் கொள்ளுங்கள். அதன் தாய்மொழியில் உள்ள மூல ஆவணம் அதிகாரப்பூர்வ ஆதாரமாக கருதப்பட வேண்டும். முக்கியமான தகவல்களுக்கு, தொழில்முறை மனித மொழிபெயர்ப்பு பரிந்துரைக்கப்படுகிறது. இந்த மொழிபெயர்ப்பைப் பயன்படுத்துவதால் ஏற்படும் எந்த தவறான புரிதல்கள் அல்லது தவறான விளக்கங்களுக்கு நாங்கள் பொறுப்பல்ல.