Dreamweaver dasturi veb-saytlar va veb-sahifalar yaratish va tahrirlash uchun keng qo'llaniladigan vositadir. Uning asosiy oynalari, menyulari va komponentlarini tushunish ishlash jarayonini sezilarli darajada osonlashtiradi. Keling, ularning har birini batafsil ko'rib chiqamiz.
1. **Dokument Oynasi (Document Window)**:
- Bu oyna Dreamweaverda ishlayotganingizda asosiy ish maydoni hisoblanadi. Unda siz HTML, CSS va boshqa kodlarni yozasiz yoki veb-sahifa dizaynini ko'rasiz.
- Kod ko'rinishida (Code view), Dizayn ko'rinishida (Design view), va Split ko'rinishida (Code and Design view) ishlash imkoniyati mavjud.
- Ushbu panel sahifada tanlangan elementning xususiyatlarini ko'rish va tahrirlash uchun foydalaniladi. Masalan, matn, rasmlar yoki jadval elementlari uchun maxsus xususiyatlarni ko'rsatadi va o'zgartirish imkonini beradi.
3. **Insert Panel (Qo'shish Paneli)**:
- Ushbu panel yordamida siz turli veb-elementlarni, masalan, rasmlar, havolalar, jadval, shakllar va boshqa komponentlarni sahifaga qo'shishingiz mumkin.
4. **Files Panel (Fayllar Paneli)**:
- Bu panel sizning loyihangizdagi barcha fayllar va papkalarni boshqarish imkonini beradi. Fayllarni serverga yuklash va yuklab olishni ham shu yerda amalga oshirish mumkin.
5. **CSS Designer (CSS Dizayneri)**:
- Ushbu vosita orqali CSS uslublarini yaratish, tahrirlash va boshqarish mumkin. Bu panel uslublar jadvali bilan ishlashni sezilarli darajada soddalashtiradi.
### Menyular
1. **File (Fayl) Menyusi**:
- Bu yerda yangi fayl yaratish, ochish, saqlash, chop etish va loyihani boshqarish uchun kerakli buyruqlar mavjud.
2. **Edit (Tahrirlash) Menyusi**:
- Kesish, nusxa olish, joylashtirish, bekor qilish va boshqa tahrirlash funksiyalari mavjud.
3. **View (Ko'rish) Menyusi**:
- Dokument ko'rinishini o'zgartirish, qo'shimcha panellarni ochish yoki yopish, va ko'plab boshqa ko'rish parametrlarini sozlash mumkin.
4. **Insert (Qo'shish) Menyusi**:
- Turli xil veb-elementlarni (matn, jadval, shakllar va boshqalar) sahifaga qo'shish uchun ishlatiladi.
5. **Modify (O'zgartirish) Menyusi**:
- Tanlangan elementlarni o'zgartirish, uslublar qo'shish va boshqa dizayn o'zgarishlarini amalga oshirish mumkin.
6. **Format (Formatlash) Menyusi**:
- Matnni va boshqa elementlarni formatlash uchun ishlatiladi.
7. **Commands (Buyruqlar) Menyusi**:
- Maxsus buyruqlarni bajarish va o'z avtomatlashtirilgan buyruqlaringizni yaratish uchun ishlatiladi.
8. **Site (Sayt) Menyusi**:
- Saytni boshqarish, FTP ulanishlarini sozlash va loyihalarni sinxronlashtirish uchun ishlatiladi.
9. **Window (Oyna) Menyusi**:
- Turli panellar va oynalarni ochish yoki yopish imkonini beradi.
10. **Help (Yordam) Menyusi**:
- Dreamweaver haqida yordam olish, qo'llanmalarga murojaat qilish va dasturiy yangilanishlarni tekshirish imkonini beradi.
- Sayt shablonlarini yaratish va boshqarish imkonini beradi, bu orqali ko'p sahifali saytlar yaratishda bir xil dizayn va uslubni saqlash osonlashadi.
### Xulosa
Dreamweaverning asosiy oynalari, menyulari va komponentlari veb-saytlarni samarali va professional tarzda yaratish va boshqarish uchun keng imkoniyatlar taqdim etadi. Ushbu vositalarni yaxshi bilib olish, ish jarayonini sezilarli darajada osonlashtiradi va natijada sifatli veb-sayt yaratishga yordam beradi.
Dreamweaver dasturida veb-sahifa yaratish bir necha bosqichni talab qiladi. Quyidagi qo'llanma orqali siz bosqichma-bosqich yangi veb-sahifa yaratish jarayonini o'rganishingiz mumkin.
### 1. Dreamweaver dasturini ishga tushirish
Dreamweaver dasturini oching va asosiy ish oynasiga o'ting.
### 2. Yangi hujjat yaratish
1. **File menyusi**ga o'ting va **New (Yangi)** ni tanlang.
2. **New Document (Yangi Hujjat)** dialog oynasida, **HTML** hujjat turini tanlang va **Create (Yaratish)** tugmasini bosing.
### 3. Sayt tuzilishini sozlash
Yangi loyiha yaratish va unga fayllarni qo'shish uchun sayt tuzilishini sozlashingiz kerak:
1. **Site menyusi**dan **New Site (Yangi Sayt)** ni tanlang.
2. **Site Setup (Saytni Sozlash)** dialog oynasida sayt nomini kiriting va saytning joylashuv papkasini tanlang.
3. Sayt uchun fayllar va papkalarni saqlash uchun kompyuteringizdagi joylashuvni ko'rsating.
### 4. Asosiy HTML tuzilishini yaratish
Yangi sahifa uchun asosiy HTML tuzilishini kiriting. Dreamweaver sizga kod yozish yoki vizual interfeys orqali sahifa yaratish imkonini beradi.
#### Kod ko'rinishi (Code View)
Quyidagi kodni HTML hujjatiga qo'shing:
```html
Mening <a href="/1-amaliy-topshiriq-mavzu-veb-texnologiyaga-kirish-veb-sahifa-v.html">Veb-sahifam</a>
