Skip to main content

அடோப் ட்ரீம்வீவர் பயன்படுத்துவது எப்படி

:

Anonim

அடோப் ட்ரீம்வீவர் வலை வடிவமைப்பாளர்களுக்கான ஒரு சக்திவாய்ந்த கருவியாகும், ஏனென்றால் அதை நீங்கள் செய்யக்கூடிய பல விஷயங்கள் உள்ளன. நிச்சயமாக, நீங்கள் செய்யக்கூடிய எல்லாவற்றையும் கற்றுக்கொள்ள சவால் விடுங்கள். ட்ரீம்வீவர் சமீபத்திய பதிப்பு, CS5 மாற்றங்கள் உட்பட, பல விஷயங்களைக் கண்டறியவும். மற்றும் ட்ரீம்வீவர் CS5 காணவில்லை என்று விஷயங்களை பார்க்க மறக்க வேண்டாம்.

ஒரு தளத்தை வரையறுத்தல்

  • புதிய இணையதளம் தொடங்கவும்
  • ஒரு வலைத்தளத்தை உருவாக்கவும்
  • உங்களிடம் தேவைப்படும் தளத்தின் பகுதிகளை மட்டும் அமைக்கவும், உங்களுக்கு CS5 இல் புதியது தேவைப்படும்
  • மேலும் முழுமையான பணியிடங்களுக்கான தொலைநிலை, QA மற்றும் சோதனை சேவையகங்களை அமைக்கவும் * CS5 இல் புதியது
  • புதிய கோப்பகங்களை உருவாக்கலாம் மற்றும் வெளியிடலாம்
  • டாக்டைப்பை மாற்றவும்
  • உங்கள் பக்கங்களில் மெட்டா தரவு சேர்க்கவும்

உங்கள் தளத்தை வாழ வைக்கிறது

  • ஒரு தொலை தளத்தை வரையறுக்கவும்
  • வலை சேவையகத்திற்கு FTP கோப்புகள்
  • கோப்புகளை அவுட் மற்றும் வெளியே சரிபார்க்க ஒரு பதிப்பு கட்டுப்பாட்டு அமைப்பு பயன்படுத்தவும்
  • கூடுதல் மேம்பட்ட பதிப்பு கட்டுப்பாட்டுக்கு துணைக்குழுவுடன் இணைக்கவும் * CS5 இல் புதியது
  • உங்கள் அணிக்காரர்களுக்கு குறிப்புகளை விடுங்கள்

வலை பக்கங்கள் உருவாக்குதல்

  • WYSIWYG பயன்முறையில் ஒரு பக்கத்தை எழுதுங்கள்
  • HTML இல் ஒரு பக்கத்தை எழுதுக
  • டெம்ப்ளேட்டில் ஒரு புதிய பக்கத்தை உருவாக்கவும்
  • புதிதாக ஒரு புதிய பக்கத்தை உருவாக்கவும்
  • ஒரு டெம்ப்ளேட்டை உருவாக்கவும்
  • உங்கள் தள கோப்பகத்தில் கோப்புகளை சேமி
  • பக்க பண்புகளை வரையறுக்கவும்

CSS ஐ

  • CSS பாணி தாள்கள் பயன்படுத்தவும்
  • இன்லைன் பாணிகளை சேர்த்தல்
  • ஒரு வெளிப்புற நடை தாளை உருவாக்கவும்
  • வெளிப்புற நடை தாளை இணைக்கவும்
  • வர்க்கம், ஐடி, டேக், மற்றும் கலவை CSS தேர்வாளர்களை உருவாக்கவும்
  • இருக்கும் CSS விதிகள் திருத்தவும்
  • அச்சிடத்தக்க பக்கங்களுக்கான CSS ஐ உருவாக்கவும்
  • செயல்படுத்த மற்றும் முடக்க பாணி பண்புகள் * CS5 புதிய
  • பார்வை CSS பெட்டி மாதிரி ஆய்வு * CS5 புதிய

உரை

  • உரை திருத்தவும்
  • வெவ்வேறு எழுத்துருக்களைப் பயன்படுத்துக
  • ஒரு வரி இடைவெளியை செருகவும்
  • சிறப்பு எழுத்துக்களை பயன்படுத்தவும்
  • இன்றைய தேதி சேர்க்கவும்
  • கருத்துகளை எழுதுங்கள்
  • உரைக்கு HTML குறிச்சொற்களைப் பயன்படுத்து
  • குறிச்சொற்களை HTML பண்புகளை சேர்க்கவும்

இணைப்புகள்

  • உரை மற்றும் படங்கள் இணைக்க
  • தள இணைப்புகளைச் சரிபார்க்கவும்
  • இயல்புநிலை இணைப்பு வண்ணங்களை மாற்றவும் (இணைப்பு, விஜயம், மிதவை, செயலில்)
  • இணைப்புகளில் உதவிக்குறிப்பு உதவிக்குறிப்புகளை உருவாக்குங்கள்
  • Mailto இணைப்புகளை உருவாக்கவும்
  • வலைப்பக்க அறிவிப்பாளர்களை உருவாக்குங்கள்

படங்களை

  • கிராபியை ஒரு பக்கத்திற்குச் சேர்க்கவும்
  • படங்களைத் திருத்தவும்
  • படங்களை அளவை
  • படங்களை மாற்று உரை சேர்க்கவும்
  • படங்களை கூடுதல் அணுகல்தன்மை விருப்பங்களைச் சேர்க்கவும்
  • படங்கள் மற்றும் உரையை சீரமை
  • ஒரு மாற்றம் செய்வதற்கான படத்தை உருவாக்கவும்
  • பட வரைபடங்களைப் பயன்படுத்துக
  • கண்டுபிடிக்கும் படங்களை பயன்படுத்தவும்
  • பட பெட்டிகள் பயன்படுத்தவும்
  • பட்டாசுகள் HTML ஐ சேர்க்கவும்
  • ஃபோட்டோஷாப் கோப்புகளை செருகவும்

லேஅவுட்

  • சேர்க்கப்பட்டுள்ளது இலவச வார்ப்புருக்கள் பயன்படுத்தவும் * CS5 புதிய CSS ஸ்டார்டர் அமைப்பு
  • தளவமைப்புக்கு divs ஐ செருகவும்
  • CSS பாணியை குழு உள்ள divs திருத்து
  • முற்றிலும் நிலைப்படுத்தப்பட்ட கூறுகளை செருகவும்
  • சொத்து இன்ஸ்பெக்டரில் முற்றிலும் பொருத்தப்பட்ட உறுப்புகளை வடிவமைத்தல்
  • ஆட்சியாளர்கள், கட்டங்கள் மற்றும் வழிகாட்டிகளைப் பயன்படுத்துங்கள்

பட்டியல்கள்

  • புல்லட் மற்றும் எண்ணிடப்பட்ட பட்டியலைச் சேர்க்கவும்
  • பட்டியல் தோட்டாக்களையும் எண்களையும் தனிப்பயனாக்குங்கள்

அட்டவணைகள்

  • ஒரு அட்டவணை உருவாக்கவும்
  • தலைப்பு வரிசைகள் மற்றும் நெடுவரிசைகளைச் சேர்க்கவும்
  • அட்டவணை செல்கள் திறந்திருக்கும்படி வெளிப்படையான படங்களைப் பயன்படுத்தவும்
  • நிலையான அகலம் மற்றும் நெகிழ்வான அகல நெடுவரிசைகளை உருவாக்குக
  • அட்டவணையின் எல்லை பாணியை மாற்றவும்
  • அட்டவணையில் அட்டவணையை உட்பொதிக்கவும்
  • அட்டவணை தரவு இறக்குமதி

படிவங்கள்

  • Mailto படிவத்தைப் பயன்படுத்தவும்
  • படிவ செயல்களை வரையறுக்கவும்
  • உரை, வானொலி, தேர்வுப்பெட்டி, கோப்பு, படம், தேர்ந்தெடுக்கப்பட்ட பெட்டிகள் மற்றும் மறைந்த படிவப் புலங்கள் ஆகியவற்றைச் சேர்க்கவும்
  • புலங்கள் மற்றும் லேபிள் துறைகள் மூலம் உங்கள் படிவங்களை அணுகலாம்
  • விருப்ப submit பொத்தான்களை உருவாக்க
  • ஜாவாஸ்கிரிப்ட் (ஸ்பிரி)

தரவுத்தளங்கள் மற்றும் PHP ஸ்கிரிப்ட்டிங்

  • உங்கள் தளத்தை ஒரு தரவுத்தளத்தில் இணைக்கவும்
  • ஒரு PHP / MySQL தளம் அமைக்கவும்
  • தரவுத்தளத்தில் இணைக்க ஸ்ப்ரிக் கூறுகளை பயன்படுத்தவும்
  • உங்கள் பக்கங்களில் தரவு பொருள்களைச் செருகவும்
  • ஒரு ஸ்ப்ரிட் தரவு மூலத்தை அல்லது காட்சியை சோதிக்கவும், புதுப்பிக்கவும்
  • வடிவமைப்பு பார்வையில் சிக்கலான மாறும் தளங்களை திருத்தவும்
  • PHP CMS தளங்களை (வேர்ட்பிரஸ், ஜூம்லா, மற்றும் Drupal) வரிசைப்படுத்துங்கள் அனைத்து மாறும் தொடர்பான கோப்புகளை கண்டறியவும் * CS5 புதிய
  • தனிப்பயன் வகுப்பு PHP குறியீட்டிற்கான குறிப்பேடு, ஜேன் கட்டமைப்பு போன்ற மூன்றாம் தரப்பு கட்டமைப்புகள் உட்பட * CS5 இல் புதியது

சட்டங்கள்

  • ஒரு கட்டமைக்கப்பட்ட வலைத்தளத்தை உருவாக்குங்கள்
  • Noframes உள்ளடக்கத்தை திருத்தவும்
  • வடிவமைப்பு மற்றும் பாணி உங்கள் பிரேம்கள்
  • பிரேம்கள் இடையே இயல்புநிலை இணைப்பு இலக்குகளை அமைக்கவும்

ஊடாடும் சேர்க்க

  • ஒரு புகைப்பட ஆல்பத்தை உருவாக்கவும் (இனி CS5 இல் இல்லை)
  • வலை பக்கங்களில் ஒலி சேர்க்க
  • ஒரு சொடுக்கி மெனுவை உருவாக்கவும்
  • பாப்-அப் சாளரங்களைத் திறக்க ட்ரீம்வீவர் நடத்தையைப் பயன்படுத்தவும், ஜம்ப் மெனுக்கள் உருவாக்கவும், ஒலியை ஒலி, இடமாற்று படங்கள் மற்றும் பலவற்றை உருவாக்கவும்
  • தளத்திற்கு RSS ஊட்டங்களைச் சேருங்கள்
  • ஃப்ளாஷ் உரையை rollover ஆக செருகவும்
  • ஒரு ரோலொவர் என CSS உரை செருக
  • பிற செருகுநிரல்களைச் செருகவும்
  • ஸ்ப்ரி மெனுப் பட்டை, தாவலாக்கப்பட்ட பேனல்கள், துருத்தி, கருவி முனை மற்றும் மடக்கக்கூடிய பலகத்தை சேர்க்கவும்
  • ஜாவாஸ்கிரிப்ட் தெரிந்து கொள்ளாமல் உங்கள் தளத்தில் புதிய விட்ஜெட்டுகளை கண்டுபிடிக்க விட்ஜெட்டை உலாவி பயன்படுத்தவும்

உங்கள் பக்கங்கள் சோதனை

  • ஜாவாஸ்கிரிப்ட் மற்றும் செயல்திறன் காரணமாக மாற்றங்களைப் பார்க்க லைவ் வியூவில் உங்கள் பக்கங்களை சோதிக்கவும் * CS5 இல் புதியது
  • உங்கள் HTML ஐ சரிபார்க்கவும்
  • பல உலாவிகளில் உங்கள் பக்கங்களை முன்னோட்டமிடுங்கள்
  • பிற இயக்க முறைமைகளில் உங்கள் பக்கங்களை முன்னோட்டமாக்குவதற்கு BrowserLab ஐ பயன்படுத்தவும் * CS5 இல் புதியது
  • மொபைல் சாதனங்களில் பக்கங்கள் எவ்வாறு இருக்கும் என்பதை சரிபார்க்க சாதன மையத்தைப் பயன்படுத்துங்கள்
  • உலாவி இணக்கத்தன்மையை சரிபார்க்கவும்
  • உங்கள் தளம் என்ன வேலை செய்ய வேண்டும் என்பதை பொருத்து அமைப்பை மாற்றவும்
  • உள் தளம் இணைப்புகள் சரிபார்க்கவும்
  • உங்கள் தளத்தின் அணுகலை சோதிக்கவும் (இனி CS5 இல் இல்லை)
  • HTML இல் Word Word ஐ மாற்றவும்

ட்ரீம்வீவர் தனிப்பயனாக்கலாம்

  • நீட்டிப்புகளைச் சேர்க்கவும்
  • நீட்டிப்புகளை முடக்கு
  • குறுக்குவழிகளுடன் ட்ரீம்வீவர் தனிப்பயனாக்கலாம்

உங்கள் திறமையை அதிகரிக்கவும்

  • உள்ளமை விசைப்பலகை குறுக்குவழிகளைப் பயன்படுத்துக
  • குறியீடு துணுக்குகளை பயன்படுத்தவும்
  • வார்ப்புருக்களை உருவாக்கவும் பயன்படுத்தவும்
  • விருப்ப வார்ப்புருக்கள் புதிய பக்கங்கள் உருவாக்க
  • புதுப்பிப்பு வார்ப்புருக்கள்
  • மற்றொரு கோப்பை ட்ரீம்வீவர் நூலகத்தில் சேர்க்கவும்
  • நூலக உருப்படிகளை புதுப்பி
  • SSI ஐ பயன்படுத்தி மற்றொரு கோப்பில் ஒரு கோப்பை சேர்க்கவும்
  • தேட மற்றும் பதிலாக பயன்படுத்தவும்