நீங்கள் வலை வடிவமைப்பு மற்றும் முன் இறுதியில் வளர்ச்சி (HTML, CSS, ஜாவாஸ்கிரிப்ட்) புதிய என்றால், நீங்கள் ஒரு WYSIWYG ஆசிரியர் தொடங்குவதற்கு தேர்வு செய்யலாம். இந்த சுருக்கமானது "நீங்கள் எதைப் பார்க்கிறீர்களோ அது என்ன" என்பது குறிக்கப்படுகிறது, மேலும் மென்பொருள் நீங்கள் குறிப்பிட்ட கருவிகளைப் பயன்படுத்தி ஒரு வலைப்பக்கத்தை உருவாக்க அனுமதிக்கிறது, அதே நேரத்தில் மென்பொருளை உருவாக்குவதன் அடிப்படையில் திரைக்கு பின்னால் சில குறியீடு எழுதுகிறது. கிடைக்கும் மிகவும் பிரபலமான WYSIWYG கருவி விவாதிக்கக்கூடிய அடோப் ட்ரீம்வீவர் ஆகும் .
ட்ரீம்வீவர் வெறும் தொடங்குதல் அந்த ஒரு நல்ல விருப்பம்
மிகவும் சுத்திகரிக்கப்பட்ட திறன்களைக் கொண்டு பல அனுபவமுள்ள வலைத் தொழில்முறை ட்ரீம்வீவர் மற்றும் வீங்கிய HTML மார்க் மற்றும் CSS பாணிகளை உருவாக்குவதற்கான அதன் போக்கில் தோற்றமளிக்கும் போது, எளிய உண்மை என்னவென்றால், வலைத்தள வடிவமைப்புடன் தொடங்குவதற்கு மேடையில் ஒரு சிறந்த வழி உள்ளது. நீங்கள் ஒரு வலைப்பக்கத்தை கட்டமைக்க ட்ரீம்வீவர் 'வடிவமைப்பு பார்வை' விருப்பத்தைப் பயன்படுத்த ஆரம்பித்தால், நீங்கள் விரும்பும் கேள்விகளில் ஒன்று அந்த உள்ளடக்கத்தில் உள்ளடக்கத்திற்கு ஒற்றை வரி இடைவெளியை எவ்வாறு உருவாக்குவது என்பதுதான்.
நீங்கள் வலைப்பக்கத்தில் HTML உரை சேர்க்கும் போது, உலாவி சாளரத்தின் அல்லது அதன் கொள்கலன் உறுப்பு விளிம்பில் அடையும் வரையில், அந்த வலைப்பின்னல் நீண்ட வரிகளாக இருக்கும். அந்த கட்டத்தில், உரை அடுத்த வரிக்கு போடப்படும். மைக்ரோசாப்ட் வேர்ட் அல்லது கூகுள் டாக்ஸ் போன்ற எந்த சொல் செயலாக்க மென்பொருளில் இது நடக்கும். ஒரு வரிக் கோடானது ஒரு கிடைமட்ட வரியில் மேலதிக அறையில் இல்லாதபோது, அது மற்றொரு கோட்டைத் தொடங்கும். நீங்கள் ஒரு வரி இடைவெளியை எங்கே கட்டளையிட வேண்டும் என்றால் என்ன நடக்கும்?
ட்ரீம்வீவர் வடிவமைப்பு பார்வையில் [ENTER] விசையை அழுத்தும்போது, தற்போதைய பத்தி மூடப்பட்டு புதிய பாரா தொடங்குகிறது. பார்வை, இந்த இரண்டு கோடுகள் செங்குத்து இடைவெளி ஒரு பிட் பிரிக்கப்பட்ட என்று அர்த்தம். ஏனென்றால், இயல்புநிலையாக, HTML பத்திகள் அந்த இடைவெளியை சேர்க்கும் பத்தியின் கீழே பொருந்தும் பேட்மிங் அல்லது ஓரங்கள் (இது உலாவியின் மீது சார்ந்தது) உள்ளது.
இது CSS உடன் சரிசெய்யப்படலாம், ஆனால் உண்மை என்னவென்றால், பத்திரிகைகளுக்கு வாசிப்பதற்கான பத்திகளுக்கு இடையில் இடைவெளி இருக்க வேண்டும் என்று நீங்கள் விரும்புகிறீர்கள். நீங்கள் ஒரு கோடு மற்றும் வரிகளுக்கு இடையில் பரந்த செங்குத்து இடைவெளியை விரும்பவில்லை என்றால், [ENTER] ஏனென்றால் அந்த வரிகளை தனிப்பட்ட பத்திகள் என்று நீங்கள் விரும்பவில்லை.
ஒரு புதிய பத்தி தொடங்கும் போது இந்த நேரங்களில், நீங்கள் HTML இல் உள்ள குறியை சேர்க்க வேண்டும். இது சிலசமயங்களில்
என எழுதப்பட்டுள்ளது. குறிப்பாக XHTML பதிப்பிற்காக மூடப்பட்ட அனைத்து கூறுகளையும் அவசியமாகக் கொண்டது. இந்த குறிச்சொல்லில் / குறிச்சொற்களில் தானாக மூடுவதால், குறிச்சொல் அதன் சொந்த இறுதிக் குறி இல்லை. இது எல்லாமே நல்லது, ஆனால் நீங்கள் ட்ரீம்வீவியில் டிசைன் காட்சியில் வேலை செய்கிறீர்கள். நீங்கள் குறியீடுக்கு குதிக்க மற்றும் இந்த இடைவெளிகளை சேர்க்க விரும்பவில்லை இருக்கலாம். அது நன்றாக இருக்கிறது, ஏனென்றால் நீங்கள் உண்மையில் ட்ரீம்வீவரில் ஒரு கோடு முறிவைச் சேர்க்காமல் குறியீட்டு பார்வையை பெறுவதில்லை.
ட்ரீம்வீவர் வடிவமைப்பு வடிவமைப்பில் ஒரு வரி இடைவெளியைச் சேர்:
- புதிய வரியைத் தொடங்க நீங்கள் விரும்பும் இடத்தில் உங்கள் கர்சரை வைக்கவும்.
- ஷிப்ட் விசையை அழுத்தி, [ENTER] அழுத்தவும்.
அவ்வளவுதான்! [ENTER] உடன் இணைந்து "ஷிஃப்ட்" விசையின் எளிமையான கூடுதலானது ஒரு புதிய பத்தியைப் பதிலாக ஒரு இலவசமாக சேர்க்கப்படும். எனவே இப்போது நீங்கள் எப்படி இருக்கிறீர்கள் என்று தெரிந்து கொள்ள வேண்டும், அதை எங்கே பயன்படுத்த வேண்டும், எங்கு தவிர்க்க வேண்டும் என்பதை நீங்கள் கருத்தில் கொள்ள வேண்டும். நினைவில் வைத்து கொள்ளுங்கள், HTML ஒரு தளத்தின் கட்டமைப்பை உருவாக்க வேண்டும், காட்சி தோற்றம் அல்ல. உங்கள் வடிவமைப்பு உள்ள உறுப்புகள் கீழ் செங்குத்து இடைவெளி உருவாக்க நீங்கள் பல குறிச்சொற்களை பயன்படுத்த கூடாது.
திணிப்பு மற்றும் விளிம்புகளுக்கான CSS பண்புகள் என்னவென்றால். ஒற்றை வரி முறிப்பு உங்களுக்கு தேவைப்படும் போது நீங்கள் ஒரு டேக் டேக் உபயோகிக்க வேண்டும். உதாரணமாக, நீங்கள் ஒரு அஞ்சல் முகவரி குறியாக்கப்பட்டு, ஒரு பத்தியைப் பயன்படுத்த முடிவு செய்தால், நீங்கள் இதைப் போன்ற குறிச்சொற்களைச் சேர்க்கலாம்:
நிறுவனம் பெயர்
முகவரி வரி
நகரம், மாநிலம், ZIP
முகவரியின் இந்த குறியீடானது ஒரு ஒற்றைப் பத்தியில் உள்ளது, ஆனால் இது தனிப்பட்ட கோடுகளில் மூன்று வரிகளை அவற்றுக்கு இடையில் ஒரு சிறிய இடைவெளியைக் காண்பிக்கும்.