100 гаруй Dreamweaver зөвлөмжүүд ба техникүүд
Adobe Dreamweaver нь вэбсайтуудын дизайнеруудын хувьд маш хүчирхэг хэрэгсэл юм. Учир нь танд үүнийг хийж чадах маш олон зүйлүүд байдаг. Мэдээжийн хэрэг, таны чадах бүх зүйл сурахад бэрхшээлтэй байдаг. Dreamweaver хийж болох хамгийн сүүлийн үеийн хувилбар, CS5-ийн өөрчлөлтийг оруулаарай. Dreamweaver CS5-ээс алга болсон зүйлсийг шалгахаа бүү мартаарай.
Сайтыг тодорхойлох нь
- Шинэ вэбсайт эхлүүлэх
- Вэбсайт үүсгэх
- Зөвхөн хэрэгтэй сайтуудын хэсгийг тохируулах, тэдгээрийг танд хэрэгтэй үед * CS5-д шинэ болгох
- Алсаас, QA болон сорилын серверүүдийг илүү бүрэн гүйцэд ажлын урсгалд тохируулах * CS5-д шинэ
- Шинэ сангууд үүсгэх болон нийтлэх
- Doctype-г өөрчлөх
- Таны хуудсан дахь мета өгөгдлийг оруулах
Таны Сайтыг амьдаар тавьдаг
- Алсын цэсийг тодорхойлох
- FTP файлууд Вэб серверт
- Скриптүүд доторх болон гаднах файлуудыг шалгахын тулд хувилбарын хяналтын системийг ашигла
- Subversion-тай илүү дэлгэрэнгүй хувилбар хянах * CS5-д шинэ
- Өөрийн багийнхаа тэмдэглэлийг үлдээгээрэй
Вэб хуудас бүтээх
- WYSIWYG горимд хуудас бичих
- HTML хуудсанд хуудас бич
- Загвараас шинэ хуудас үүсгэ
- Эхнээс нь шинэ хуудас үүсгэ
- Загвар үүсгэнэ үү
- Файлуудыг таны сайтын санд хадгалах
- Хуудасны шинж чанарыг тодорхойлох
CSS
- CSS загварын хуудас ашиглах
- Шугамын загварыг нэмж байна
- Гадаад загварын хуудсыг үүсгэ
- Гадаад загварын хуудсыг хавсаргана уу
- Ангилал, ID, шошго, CSS сонголтыг нэгтгэх
- Одоо байгаа CSS дүрмийг засах
- Хэвлэгдэх боломжтой хуудсуудад зориулж CSS үүсгэ
- Style шинжүүдийг идэвхжүүлж, идэвхгүй болгох * Шинэ CS5-д
- CSS хайрцагны загварыг харна уу * Шинэ CS5-д
Текст
- Текстийг өөрчлөх
- Өөр өөр фонт ашиглах
- Мөр тасалдаг
- Тусгай тэмдэгтүүдийг ашиглана уу
- Өнөөдрийн огноог оруулах
- Сэтгэгдэл бичих
- Текстийг оруулахын тулд HTML тагийг хэрэглэх
- Хүснэгтийн HTML шинж чанарыг нэмэх
Холбоосууд
- Текст болон зургийг холбох
- Сайтын холбоосыг шалгах
- Анхдагч холбоосын өнгөийг өөрчлөх (холбоос, зочилсон, хөдлөх, идэвхтэй)
- Холбоосууд дээр багажийн зөвлөмжийг үүсгэх
- Эхлээд холбоос үүсгэнэ үү
- Вэб хуудсын зангуу үүсгэх
Зураг
- График дээр хуудас нэмэх
- Зураг засах
- Зургийн хэмжээг өөрчлөх
- Зургуудаас alt текст нэмэх
- Зурагт нэмэлт нэвтрэх сонголтыг нэмэх
- Зураг болон текстийг тааруулах
- Өнхрүүлгийн дүрсийг үүсгэх
- Зургийн зургийг ашиглах
- Бичлэгийн зургийг ашиглах
- Зургийн байршуулагчийг ашиглах
- Fireworks HTML-г оруулах
- Photoshop файл оруулах
Layout
- Оруулсан үнэгүй templates ашиглах * CS5 дэх шинэ CSS асуултын байрлалыг ашиглах
- Дэвшилт оруулах
- CSS загварын самбар дотроос divs-ийг засах
- Зөв байрлал бүхий элементүүдийг оруул
- Хөрөнгийн байцаагчид байрлах бүх элементүүдийг форматлах
- Захирагч, схем, хөтөч ашиглах
Жагсаалт
- Сумтай болон дугаарлагдсан жагсаалт нэмнэ үү
- Жагсаалтын сум болон тоог тохируулах
Хүснэгтүүд
- Хүснэгт үүсгэх
- Толгойн мөр болон баганыг нэм
- Дэлгэцийн нүдийг нээлттэй болгохын тулд ил тод зургийг ашигла
- Тогтмол өргөн, уян хатан өргөнтэй багана үүсгэх
- Хүснэгтийн хилийн хэв маягийг өөрчлөх
- Хүснэгтэд хүснэгтэд оруулах
- Өгөгдлийн хүснэгтийг импортлоорой
Маягтууд
- Маягтыг ашиглана уу
- Бүтцийн үйл ажиллагааг тодорхойлох
- Текст, радио, сонгох хайрцаг, файл, зураг, нүдийг сонгох, нуугдсан талбарыг нэмэх
- Талбарууд болон шошгоны талбаруудаар хандах боломжтой
- Өөрчлөлт оруулах товчийг үүсгэх
- Маягтуудыг JavaScript (Spry) ашиглан баталгаажуулах
Мэдээллийн сан ба PHP скрипт
- Өөрийн сайтыг мэдээллийн санд оруулна уу
- PHP / mySQL сайтын тохиргоог хийх
- Өгөгдлийн санд холбогдохын тулд Spry элементүүдийг ашиглана уу
- Мэдээллийн объектыг таны хуудсанд оруулах
- Спринтын өгөгдлийн эх сурвалжийг шалгах, шинэчлэх
- Дизайнаар харахад цогцолбортой динамик сайтуудыг засварлах
- PHP CMS сайтуудыг (WordPress, Joomla, болон Drupal) цуглуулж бүх динамикаар холбогдох файлуудыг нээж олох боломжтой * CS5 шинэ
- Zend framework * Шинэ CS5 зэрэг гуравдагч талын хамрах хүрээ зэрэг PHP кодыг өөрчлөн тохируулах
Хүрээ
- Хүрээтэй вэбсайт бүтээх
- Noframes контентыг засах
- Фрэймчүүдийг форматлаж, хэвш
- Фрэймүүдийн хоорондын үндсэн холбоосыг тохируулах
Интерактив нэмэх
- Зургийн цомог үүсгэх (CS5-д байхгүй болсон)
- Вэб хуудсанд дуу нэмнэ үү
- Унтраах цэсийг үүсгэх
- Dreamweaver зан төлөвийг ашиглан цонхон дээр нээгдэх, үсрэх цэс үүсгэх, дуу тоглуулах, swap зургууд болон бусад зүйлсийг тоглуулах
- RSS feed-ыг сайт руу нэмнэ үү
- Флэш текстийг өнхрөх хэлбэрээр оруулах
- CSS текстийг өнхрөх хэлбэрээр оруулах
- Бусад залгаасуудыг оруулах
- Spry menu bar, tabbed panels, accordion, tool tip, эвхэгддэг самбар нэмнэ
- Widget Browser-ыг ашиглан вэбсайтдаа шинэ виджет хайх хэрэгтэй
Хуудасаа шалгана уу
- Өөрийн веб хуудас Live View-д JavaScript, харилцан үйлчлэлцлийн улмаас өөрчлөлтүүдийг харах боломжтой * CS5-д шинэ
- HTML-г баталгаажуулна уу
- Хэд хэдэн хөтөч дээр хуудсаа урьдчилж харах
- Бусад үйлдлийн системүүд дээрх хуудсуудыг урьдчилан харахын тулд BrowserLab ашиглана * CS5-д шинэ
- Төхөөрөмжийн төвийг ашиглан хөдөлгөөнт төхөөрөмжүүд хэрхэн хуудас харахыг шалгах
- Хөтөчтэй нийцтэй байдлыг шалгана уу
- Тохиргоог өөрчилнө үү
- Дотоод сайтын холбоосыг шалгана уу
- Сайтын хүртээмжийг шалгах (CS5-д байхгүй болсон)
- HTML-д Word документыг хөрвүүлэх
Dreamweaver захиалгаарай
- Өргөтгөлүүдийг нэмэх
- Өргөтгөлүүдийг идэвхгүй болгох
- Dreamweaver-ыг богино холбоосоор захиалах
Үр ашгийг нэмэгдүүлэх
- Гарын товчлуурыг ашиглана уу
- Кодын хэсгүүдийг ашиглах
- Загваруудыг үүсгэх, ашиглах
- Өөрчлөн тохируулсан загвараас шинэ хуудсыг үүсгэ
- Загваруудыг шинэчлэх
- Dreamweaver номын сангийн өөр нэг файлыг оруулах
- Номын сангийн зүйлсийг шинэчлэх
- SSI ашиглан өөр нэг файлыг оруул
- Хайлтыг орлуулж солих хэрэгтэй