Yazılım paketi FrontPage gibi Dreamweaver, görevleri de dahil olmak üzere, birincisi elektronik yayınların yayılması da dahil olmak üzere çeşitli siteleri tasarlamak için tasarlanmıştır. Küçük ve çok büyük yerler oluşturmak için uygundur. İlk durumda, tek web yöneticisi uzmanı geliştirme ile uğraşıyor. İkinci durumda, proje yöneticisi, bir web tasarımcısı, bir HTML vestisti, bir web programcısı, bir düzeltici, posta yöneticileri de dahil olmak üzere proje üzerinde bir ekip çalışır. Birçok uzman, işlerinde profesyonel web tasarımcılarının, bireysel web sayfalarının tasarımı için grafik ve Macromedia Dreamweaver'ı hazırlamak için genellikle Adobe Photoshop'u kullandığını savunuyor.

Bu paketle tanışma, bu ifadenin sağlam bir temel olduğunu gösteriyor. Birkaç kez yapıldığı gibi, paketi arayüzünden öğrenmeye başlayalım.

6.2.1. Dreamweaver Paket Arayüzü

Dreamweaver 4.0 paket arayüzü, Şekil 2'de gösterilmiştir. 6.9. Başlık string, menü dizeleri, araç çubukları ve standart program çalışma penceresine ek olarak, editörlerde olduğu gibi programın çalışma penceresine olduğu gibi birkaç paletin varlığını not ederiz. Bu arada, açık üç paletin adları "nesnelerin" (nesnesi), "Özellikler" ve "Launcher)," pencere "menüsü bölümünün ilk üç komut bölümüne karşılık gelir.

Bu paket, Web Tasarım Fonu pazarında giderek daha güçlü pozisyonları fetheden Macromedia yazılım ürün grubunda kullanılan teknolojilerin bakış açısıyla entegre edilmiştir. Bu grubun diğer programları: Macromedia Director ve Flash bu bölümün aşağıdaki paragraflarında tartışılacaktır. Toplamda, web tasarımının ana yönlerini sağlarlar ve her biri ayrı ayrı belirli bir yönde uzmanlaşmıştır.

Birincisi, görünüşü, Şekil 2'de sunulan nesnelerin paletine (nesneler) odaklanacağız. 6.10. Paletin görünümü, liste penceresinde seçilen nesnenin türüne bağlı olarak, yan yani, palet adaptif olarak adlandırılabilir. Varsayılan olarak, "temel" konumu listede ayarlanır. İncirde. 6.10 Açık listede, bu özel seçenek seçilir. 18 farklı araç kullanan bu palet, sayfada, özellikle de (paletteki düğmelerin konumunun sırasına göre) çeşitli öğeleri eklemenizi sağlar: Grafikler (Resim), Animasyonlu bir düğme (devrilme görüntüsü), hangi değişikliklerin görünümü Fare imleci tablosunu (tablo) topladığınızda, başka bir yazılım paketinde (tabular verileri), bir cetvel (yatay kural), bir yönetici (navigasyon çubuğu), bir gezinme paneline (navigasyon çubuğu), devam etmek için önceden hazırlanan verilere sahip bir tablo Site, yeni bir görüntü katmanı (çizme katmanı), yazılım aktarımı (satır sonu) metne, elektronik adres (E-posta bağlantısı), Geçerli tarih (YOUAT), FLASH- (FLASH) ve Shockwave- (Shockwave) Animasyon, Jeneratörün İş parçası ve Fireworks Nesnesi, Java Applets ve ActiveX Elements, Ek Modüller (PLAG -ins) kullanılarak çoğaltılan nesneler ve Harici bir HTML dosyası (SSI).

"Yazı Tipi Öğeleri" paleti, 12 farklı özel karakterden birini web sayfalarına eklemenizi sağlar: yeni dize, Telif Hakkı (Copywrit), tescilli marka, pound sterling, yen, euro ve tırnak, çizgi ve diğer işaretler dahil parasal işaretler (bkz. Şekil 6.11).

Şekil 2'de gösterilen "formlar" paleti (formlar). 6.12, form oluşturmaya hizmet eder ( bkz. § 2.8) ve aşağıdaki düğmeleri içerir: aslında (formlar), metin alanı (metin alanı), düğme, onay kutusu ve radyo tabanı, liste / menü (list / menü), dosya aktarma alanı (ImageField)), Gizli Alan (Gizli Alan) ) ve köprü işaretçisi başka bir siteye gitmek için (atlama menüsü).

"Nesne" grubunun tüm paletinin alt kısmında, Web sayfasındaki nesnelerin yerleştirilmesini gözlemlemenize ve yönetmenize izin veren "Hizalama" alanları (Düzen) ve "Görünüm" (görünüm) sağlanmıştır.

Şekil 2'de gösterilen çerçeve paleti (çerçeveler). 6.13, iki, üç ve dört farklı kare içeren bir çerçeve yapısı şeklini seçmek için uygun düğmenin kullanımına izin verirsiniz. Toplam seçenek sayısı sekiz.

"Header" palet (kafa), HTML belgesinin başlık kısmına ve parametre değerlerinin başlık kısmına karşılık gelen etiketler eklemenizi sağlar: meta-bilgi etiketleri ve anahtar kelimeler, saha açıklaması, güncelleme seçenekleri, temel bağlantının değeri (varsayılan bağlantılar) ), Bağlantılar için bağlantılar.

Şekil l'de gösterilen "görünmez nesneler" paleti (davetliler). 6.14, Yer İşareti sayfasına yerleştirmenizi sağlar (ayrıca bakınız) § 4.2.ve § 4.3.), Dipnotlar ve Yorumlar ( bkz. § 2.5) ve Java Scriptleri ( bkz. § 2.9).

Karmaşık adaptif paletin "nesnelerin" bir parçası olan son palet "özel" (özel) denir. İçinde, Şekil l'de gösterildiği gibi. 6.16, yani üç piktogram veya düğme vardır: Appletler, Eklentiler ve ActiveX Elements.

Manuel yazı kodu ile Adobe Dreamweaver hizmetlerinin kullanımı arasındaki rekabette sonuncuyu uzun zamandır kazandığı bir sır değil. Bu uygun olan tüm duyularında, herhangi bir web yöneticisinin hayatını kolaylaştırır, zamanını ve gücünü kurtarır. Her zamanki not defterinde yarım saat içinde yazıldığı gerçeği, bu editörde tam anlamıyla beş dakika içinde yapılabilir. Dahası, en önemlisi, bu durumda, bu durumda, arama yapmanız gereken koddaki kırgın hatalar tamamen hariç tutulur. Sayfaların ortak bir düzeni olup olmadığı veya PHP'de programlama olup olmadığı, Dreamweaver her zaman kurtarmaya gelecektir. Ve elbette, bununla birlikte çalışma sürecinin sadece daha uygun olmadığı, aynı zamanda kolay olmayacağından şüphemelisin. Aslında, Dreamweaver, kullanıcının bir bölümünü yapacak, bunu bir veya başka bir web teknolojisinde bilgiye sahip olma ihtiyacından kurtaracak. Ne kadar kolay olabilir? Program herkes için anlaşılabilir ve tam anlamıyla haftalarca ustalaşılabilir. Bu makale, Acemi kullanıcılarının Adobe Dreamweaver ile çalışmanın temellerinde daha hızlı bir şekilde yardımcı olacaktır. En son mevcut olan örnekte şu an Sürüm 9.0. Hemen, İngilizce'de ayrıntılı bir bilginin editöre yapıldığı, kullanımının tüm yönlerini anlattığı belirtilmelidir. Tabii ki, bu makale hepsini etkileyemez. Ancak referansın büyük bir dezavantajı var - aşırı bilgi bolluğu var. Temelleri anlamak için harcamanız gerekir çok sayıda zaman. Bu kusuru düzeltmeye çalışacağız.

Arayüz

Programın görünümü oldukça basittir. Bu arada, çalışma alanı, etkili bir şekilde kullanılmasını sağlayan son derece düşünceli bir şekilde düzenlenir. Adobe Dreamweaver arabirimi, beş gruba ayrılabilecek çeşitli unsurlardan oluşur. Birincisi, program penceresinin üstündeki sabit bir yerde bulunan ana menüyü içerir. Birden fazla yer imini içerir: "Dosya", "Düzenle", "Görünüm", "Ekle", "Düzenle", "Metin", "Takım", "Web Sitesi", "Pencere" ve "Yardım". Kullanıcı için en önemlisi, başka bir menü ile çoğaltılmadıkları ve sık sık kullandıkları için "Dosya" ve "Düzenle" yer imleridir. Bu yer imleri tüm programlar için tipiktir ve bu nedenle onlar üzerinde durmayacağız. Ana menüdeki kalan yer imleri çok önemli değildir, çünkü arayüzün diğer unsurları tarafından kısmen veya tamamen çoğaltılır veya sadece nadiren kullanılır. Bir sonraki grup, esasen Dreamweaver araç çubuğu olan "INSERT" menüsüdür. Program penceresinin herhangi bir yerine aktarılabilir, ancak ana menünün altındaki başlangıç \u200b\u200bkonumunda bırakmak en iyisidir. Bu arayüz elemanı çalışma alanı alanını artırmak için en aza indirilebilir. "Ekleme" panelinde veri türüne göre ayrılmış birkaç yer imleri vardır. "Paylaşılan" sekmesi, en yaygın kullanılan elemanlarıdır: köprüler, resimler, tablolar vb. Bu sekme en sık kullanılır. "Düzen" panelindeki diğer yer imleri arasında (Spry, Tablo ve Kare ile çalışır), "Formlar", "Veri", "Spry", "Metin" ve "Sık Kullanılanlar". "Metin" sekmesi, arayüzün diğer unsurları tarafından kısmen çoğaltılır ve Sık Kullanılanlar sekmesi, kullanıcının kendi menüsünü yapmasını sağlar.

"CSS stilleri" bir grup yer imleri, yeni stiller oluşturabileceğiniz ve yaşladığınız çok faydalıdır.

Programın sağında çeşitli panel grupları olan bir pencere (toplam gruplar dört olabilir). Başka bir yere aktarılamaz, ancak gizlenebilir veya kapalı olabilir. Bu paneldeki her yer imleri grubu yuvarlanabilir veya kapatılabilir. Açılmamış panelde, panel hantal birden memnundur ve çalışma alanının boyutunu önemli ölçüde azaltır. Arabirimin bu kısmı yardımcı doğadır ve ek pencereleri açmadan bazı eylemler yapmanızı sağlar. Örneğin, "CSS Stilleri" yer imleri grubu, yeni stiller oluşturabileceğiniz ve eski düzenlemelerinin yanı sıra stillerin çeşitli özelliklerini kontrol edebileceğiniz çok faydalıdır. Başka bir etiket denetçisi yer imleri grubu, şu anda adanmış etiketi yönetmenize olanak sağlar: özelliklerini görüntüleyin ve eski parametreleri yeni ekleyin veya değiştirin. Diğer iki dosya "Dosya" ve "Dergi" çok daha az kullanılır. Birincisi, yerel kontrol etmek için tasarlanmıştır ve ağ Kaynakları ve diğer işlemler ve ikincisi, operasyonların günlüğünün rolünü yerine getirir. İsterseniz, kullanıcı belirli bir noktaya dönerek eylemleri iptal edebilir. Ne yazık ki, eylemleri iptal etmek imkansızdır.

Çalışma alanının altında başka bir grup var - "Özellikler". Tasarım öğeleri için mevcut tüm ayarları görüntüler. Bu panel ayrıca minimize edilebilir veya kapatılabilir, ek olarak, panel ücretsiz alanına çift tıklayarak, azaltılabilir (ek seçenekler gizlenecektir). "Özellikler", arayüzün diğer unsurlarının işlevlerini çoğaltın ve sitenin çeşitli unsurlarını biçimlendirmenize izin verirken çok önemlidir. Bu panelin içeriği, seçilen içeriğe bağlı olarak değişir. Neredeyse her durumda, hizalamayı tanımlayabilirsiniz (metin dışı veri türleri için üç pozisyon ve metin için dört). "Özellikler" panelinde metin seçerseniz, CSS stilini ayarlayabilirsiniz (yanı sıra bir kelimenin tam anlamıyla sinemada yeni oluştur), metin formatını seçin, metni listeye dönüştürün ve özel olarak bir bağlantı ekle yer. Grafikler için, boyut, girinti, köprüler, sınırlar vb. İçin ayarlar mevcuttur. Tablolarla çalışırken, ayarlamak mümkündür Çeşitli ayarlar Sütun ve hücre sayısı, kenarlıklar, girintiler ve renklerin sayısı. Bu panel kullanılır ve sitenin diğer birçok elemanıyla çalışırken.

Dreamweaver arabirimi bileşenlerinin son grubu bir çalışma alanı içerir. Aynı zamanda bir yer imi yapısı var. Programda, birkaç belgeyi bir kerede açabilirsiniz, aralarında ücretsiz bir sırayla hareket edebilirsiniz. Çalışma alanı ayrıca birkaç araç içerir. Üst panel "Belge", birkaç mod arasında geçiş yapmanızı sağlar: Kodlama ve Tasarım. Ek olarak, mümkünse belgenin tarayıcıdaki görüşünü yönetmenizi sağlar. İsterseniz, bu panel, Program Masaüstü Programının herhangi bir yerine taşınabilir. Alt panel, imleç modlarını, ölçeklendirmeyi kontrol etmenizi sağlar. Ek olarak, belge (boyut, izin, vb.) Ve etiket hiyerarşisinin ağacı hakkında bilgi içerir. İkincisi bunun için daha yüksek etiketlerin bir listesidir. Bu listede, seviyeyi vücut etiketine kadar yükseltebilirsiniz.

Belge ile çalışın.

"Kod" modunda, "Notepad" de çalışmaya benzer bir belgenin doğrudan düzenlenmesi mevcuttur.

Her şeyden önce, bir sayfa oluşturmak için temel ayarlarını belirlemek gerekecektir. "Düzenle -\u003e Sayfa Özellikleri" menüsünden ("Hot" tuşu Ctrl + J) veya içerik menüsünden yapılır. Görünen pencerede, varsayılan yazı tipini metin ve linkler için ayarlayabilirsiniz, ad sayfasını verin, kodlamasını belirler, ayrıca bir arka plan görüntüsü örneği (izleme) belirtin. Site adı, bu arada, "Belge" panelinde de ayarlanabilir. Sayfa parametrelerinin geri kalanını manuel olarak veya vücut etiketini seçerek "Etiket Müfettişi" aracılığıyla ayarlayabilirsiniz. Genellikle, Web Master'ın başlangıcı, yalnızca arka plan ve bgcolor parametrelerini gerektirir (sırasıyla arka planın arka planındaki ve renginde resim). Meta etiketleri oluşturmak için, "Belge" panelindeki uygun sekmeye tıklayarak "Kod" moduna gidemelisiniz. Bu modda, "Notepad" de çalışmaya benzer bir belgeyi doğrudan düzenleme mevcuttur. Ancak, Dreamweaver ayrıca avantajları da var. Kolaylık için koddaki tüm satırlar numaralandırılır ve Etiketler, proje modundaki gibi tüm program panelleri ile ilişkilendirilir (tasarımdır). Etiketlerin türüne bağlı olarak, farklı renklerde vurgulanırlar, böylece belirlenmesini kolaylaştırarak monoton kod parçalarını kırarlar. Ek olarak, bir kodu düzenlerken, imlecin yanında bir listeye sahip küçük bir menü belirir. muhtemel Seçenekler. Listedeki noktalar, klavye veya fare ile seçilebilir, ardından belgenin düzenini önemli ölçüde hızlandırır. Örneğin, bir belgeye bir resim eklemek için, "açısal" braketi açmayı, görünen IMG etiketinden birini seçmek için yeterlidir (aramayı basitleştirmek için "I" harfini yazdırabilirsiniz - program otomatik olarak diğerlerini otomatik olarak filtreler Bu harfle başlayan etiketler), daha sonra bir boşluk bırakın tekrar seçin SRC parametresi menüsü göründü, ardından istediğiniz resmi aramak için pencereyi açan görünen Gözat düğmesine tıklayın. Ancak, resimler "INSERT" menüsünden çok daha kolay ve daha hızlıdır. Bu tablolar için geçerlidir. Bir belgeye bir tablo eklerken, sütun ve hücre, aralıklar, alanlar, genişlikler, vb. Sayısı için ayarlar ile bir pencere belirir. Tüm bu ayarların yanı sıra bazı diğerleri değiştirilebilir ve "özellikler arasında bir masa oluşturduktan sonra) " panel. Ek olarak, hücre parametreleri de değiştirilebilir, çalışma alanında seçebilir (kod modunda, imleci istenen etikete koymak için yeterli). Daha az yararlı, bir tablonun boyutunu, sütunların ve hücrelerin bir fare ile değiştirilmesinin işlevidir. Bunu yapmak için imleci sınırdaki tutun ve ardından istenen tarafa sürükleyin. Bu arada, herhangi bir öğeyi belgeden kaldırmak için, onu vurgulamak için yeterlidir ve klavyedeki Sil tuşuna tıklayın. Ve herhangi bir öğeyi taşımak için (örneğin, bir tabloya metin yerleştirin), ayrıca imleç ile tahsis etmek ve sürüklemek ve sürüklemek de gereklidir.

Hayırsız etkili araç Adobe Dreamweaver, bağlam menüsüdür. Geliştiricilere göre, gerektiren arayüzün ana komutları ve unsurları tarafından çoğaltılır. hızlı erişim. Burada, CSS ayarları, hizalama ve biçimlendirme de dahil olmak üzere seçilen öğenin özelliklerini ayarlayabilirsiniz. Ek olarak, içerik menüsünden, etiketleri kontrol edebilir, yorum ekleyebilirsiniz (geliştiricinin notlarıdır) ve hatta sayfa ayarlarına gidin. Bu arada, kaynak öğe kodunu hızlı bir şekilde değiştirmek için, sadece içerik menüsünü açın ve Hızlı Tag Düzenleyicisi'ni seçin. Ancak, çeşitli elemanları takmak için, Ekle paneli ve ana menüdeki sekmenin adı vazgeçilmezdir. Ekleme için mevcut tüm elemanlar sınıflandırılır ve gruplara ayrılır. İstenilen öğe listede hala eksikse, "etiket ..." işlevini ("sıcak" tuşu CTRL + E) kullanabilirsiniz. Pencerede, kullanılabilir etiketlerin tam bir listesi görünen, gruplara ayrılmıştır. Yalnızca HTML etiketleri değil, aynı zamanda ASP, PHP, vb. Mümkün.

Metni biçimlendirmek için daha az uygun değil. Çeşitli araç çubukları ve menü aracılığıyla, metin hizalamasını, girintileri ekleyebilir, numaralandırılmış veya normal listeler oluşturabilir, boyutlandırılmış boyutlar, yazı tipi ve renk, vb. Önemli olan tüm parametreler dış türler Metinler CSS'ye bağlanır. Yazı tipi parametrelerini değiştirme, kullanıcı yeni oluşturur stilleri CSS. (Program otomatik olarak onları bir belgeye girer). Bu, bir yandan, uygundur, çünkü aynı eylemleri benzer bir metinle aynı eylemi geçirme ihtiyacından, diğeri - çok değil, çünkü kullanıcı yaratılan stillerde karışabilir. Bununla birlikte, kesinlikle CSS, Etiketlerini (Yazı Tipi gibi) çoğaltmak için çok daha uygundur, çünkü Web Sihirbazı zamanını kaydetmenize ve belgenin son boyutunu azaltmanıza izin verir.

Süslemek

Tabii ki, yukarıdaki editör fonksiyonlarının tümü çok kullanışlıdır, ancak öncelikle, en basit yerleri oluşturmak için, sayfaların HTML düzenlemesidir. Ancak Adobe Dreamweaver, çalışmanıza ve diğer belgeleri kullanmanızı sağlar. Program, eylem komut dosyasını, Java komut dosyasını, XML, ASP.NET, JSP, PHP, komut dosyasını ve hatta sadece bir metin belgesini destekler. DOĞRU, ikincisinin atanması tamamen açık değildir (bu konuda, Dreamweaver, tüketilen kaynaklar ve yük hızındaki "defter" ni açıkça kaybeder). Doğal olarak, Etiket Otomatik Attivasyonu ve Görsel Görüntüleme Modu yalnızca HTML destekli belgeler için kullanılabilir. Ancak her türlü belgede, kod aydınlatması kaydedilecektir.

Programın önemli bir avantajı önceden hasat edilmiş düzenlerdir. Yeni bir belge oluştururken, bir dizi şablon bulunur. O içerir Çeşitli sayfalar Standart karelerden çeşitli stil sayfalarına ve hatta tasarım düzenlerine kadar. Programın yazarları, örneğin sınırlı kaynaklar ve zamanlı sunum siteleri oluşturmak için çeşitli durumlarda faydalı olabilecek birkaç düzine farklı şablon oluşturdu. Hazır kaynaklar kullanırken, Site Yönetimi penceresi, yeni bir site ekleyebileceğiniz, düzenleme, çerçeve ve mevcut olanı içe aktarabileceğiniz ve aktarabileceğiniz yerler görünecektir. Bir site oluştururken, birkaç parametreyi ayarlamak için gereken birkaç adımda gerekli olacağı yerdeki bir form görünecektir: ad ve adres, bağlantı ayarları uzak sunucu vb. Bu prosedür, başka bir faydalı (ancak sıradan kullanıcılar tarafından talepte az) yerel ve uzaktan kumanda Siteler. Bu tür işlemler için, ana menüde ayrı bir yer imi vurgulanır - "Web Sitesi". Site Yönetimi penceresi olarak adlandırılabilir, bağlantıları kontrol edin, bir dizi başka işlemi gerçekleştirin. Bu menüde sıradan bir kullanıcı için en ilginç olanı "Raporlar" özelliğidir. Siteyi çeşitli eksiklikler için taramanıza izin verir. Test sonuçları görüntülenir ayrı panel Birden fazla yer imleri ile. Onlardan birinde kontrol edebilirsiniz satın alınan bağlantılarBaşka bir kod hatası içinde. Örneğin, benim tarafımdan çekilen sayfalardan birinde, eksik alt özelliklerin kütlesi ve bazıları tamamen doğru olmayan öğeler değildir. Ek olarak, "Raporlar" kullanarak, tarayıcılarla uyumluluk için kodu kontrol edebilirsiniz. Bununla birlikte, tüm kodun tüm kodu Dreamweaver ile yazılmışsa, o zaman sorunlu alanlar bulunamayacak, gerçekte, nadir durumlarda, editör tarafından yazılan kod, istediğim gibi değil, tarayıcılarda gibi görünüyor. Tüm kontrol sonuçları ayrı bir dosyaya kaydedilebilir.

Öyleyse, gördüğümüz gibi, Adobe Dreamweaver, acemi web ustası olarak faydalı olacak, değişim ve yönetim siteleri oluşturmak için güçlü bir araçtır ve deneyimli kullanıcıJava, PHP, vb. Programlama Dreamweaver ile, bu editör olmadan bir kerede birkaç program olan çok sayıda işlem yapabilirsiniz.

Bilgi tabanında iyi çalışmanızı göndermeniz basittir. Aşağıdaki formu kullanın

Öğrenciler, lisansüstü öğrenciler, bilgi tabanını çalışmalarında kullanan genç bilim adamları ve çalışmaları size minnettar olacak.

Benzer belgeler

Köprü Metni İşaretleme Dili html sayfaları. Web sayfasının kullanılabilirliğini sağlamak, metin ve grafik sunmak. Site oluşturma temel kuralları ve aşamaları, sayfa yapısı seçimi. HTML editörleri kullanmanın ekonomik fizibilitesinin değerlendirilmesi.

tez, Eklenen 03/25/2013


Çalışma olasılığı S. metin editörleri Sadece küçük web sayfaları oluşturmak için. Web Tasarım Teorisi ve Hikayesi. Editör Dreamweaver, özellikleri. Web sayfası için temel gereksinimler. Dreamweaver ortaya çıkışı arka planlar.

kurs çalışması, 12.06.2009 eklendi


Kurumsal Web Sitesini "Kurumdaki Çatışmalar" oluşturma sorunu üzerine teorik gözden geçirme. Bilgi kaynakları ve hizmetlerinin analizi. Kuruluşlarda çatışma araştırma yöntemlerinin özellikleri. Macromedia Dreamweaver yazılım paketi Web siteleri oluşturmak için.

tez, eklendi 06/22/2015


HTML Editör ile Çalışma Adobe Dreamweaver. Sitenin başlık sayfasını oluşturmak için aşamalar ve kurallar, HTML sayfalarını biçimlendirme, Hypertext bağlantıları oluşturma, tablolar oluşturma ve biçimlendirme. Siteyi geliştirirken grafik malzemelerin kullanımı.

yöntem, eklendi 07/06/2011


Genel özellikleri Hypertext Markup Dili Köprü Metni İşaretleme Dili. HTML belgesinin yapısı. Ana HTML özelliklerine genel bakış. Elementler modern dizayn İnternet sayfaları. HTML'nin pratik uygulamasının analizi (eğitim programları örneğinde).

kurs çalışması, 24.11.2012 eklendi


Web sayfaları oluşturma programlarına genel bakış; Macromedia Dreamweaver ve ön sayfanın karşılaştırmalı analizi. Modern bir site oluşturma süreci; Bilgisayarı kullanmanın ekonomik fizibilitesinin değerlendirilmesi. Bilgisayar seti ve yerleşim operatörünün emek koruması.

tez, Eklenen 07/07/2010


Görsel HTML Editör Dreamweaver'ın değerlendirilmesi. Sitenin yapısının belirlenmesi "Hızlı Stüdyo". Sayfanın içeriği "ev", "portföy", "İletişim". Metin Biçimlendirme Etiketleri ve yöntemleri, CSS bağlı tablolar kullanarak tasarımı için.

kurs çalışması, eklendi 08/18/2013


Editörün özelliklerinin özellikleri Dreamweaver ve Ön Sayfa. PHP ve JavaScript programlama dillerinin özellikleri. Web sayfası için temel gereksinimler. Özgüllük yazılım Kullanımın yaratılması ve verimliliği için.

dersin işi, eklendi 02/03/2011

Özel özellikler altında, ihlaller, işitme, kas-iskelet sistemi ve diğer fiziksel bozukluklar olan insanlar tarafından kullanılabilecek web sitelerinin ve web ürünlerinin oluşturulmasını ima eder.

İşletim sisteminde özel özellikler için destek

Dreamweaver özel özellikleri destekler windows Sistemleri ve Macintosh. Örneğin, ameliyathanede macintosh sistemi Görsel parametreleri, Universal Access Tercihleri \u200b\u200biletişim kutusunda ("Apple"\u003e Sistem Tercihleri'ne ayarlayabilirsiniz. Belirtilen ayarlar Dreamweaver çalışma alanına yansıtılır.

Windows'ta mevcut olan yüksek kontrast yapılandırması da desteklenir. Bu parametre, Windows Denetim Masası'nda etkinleştirilebilir. Dreamweaver bileşenleri için, bu ayar aşağıdaki etkiye sahiptir.

İletişim kutuları ve paneller kullanımı sistem ayarları Çiçekler. Örneğin, "siyah üzerine beyaz renk" rengini ayarlarsanız, metnin beyaz rengi ve arka planın siyah rengini tüm Dreamweaver iletişim kutuları ve panelleri için kullanılacaktır.

"Kod" görünümünde, metnin sistem rengi ve pencere metninin rengi kullanılır. Örneğin, sistem rengini mavi üzerine beyaza ayarlarsanız ve ardından metnin renklerini Düzenle\u003e "Ayarlar"\u003e "Renk Kodu Tasarımı" aracılığıyla değiştirin, ardından Dreamweaver bu parametreleri kullanmaz ve metin kodunu görüntüler. Siyah bir arka plan üzerinde beyaz semboller.

"Tasarım" alanı, "değiştir" komutları\u003e "Sayfa Özellikleri" ni kullanılarak belirtilen metin renklerini ve arka planlarını kullanır; Böylece, oluşturulan sayfalardaki renkler, tarayıcıdaki ile aynı şekilde gösterilecektir.

Özel özelliklere sahip sayfaları tasarlamak için çalışma alanının optimizasyonu

Özel özelliklere sahip sayfa oluştururken, etiket ve açıklamalar gibi bilgileri, sayfadaki nesnelerle ilişkilendirmeniz gerekir, bu da içeriği tüm kullanıcılar için kullanılabilir hale getirir.

Bu amaçla, her nesne için özel özellikler iletişim kutusunu etkinleştirin, ardından Dreamweaver, nesnelerin yerleştirilmesi sırasında özel özellikler hakkında bilgi girecek. İletişim kutusu, "Özel Özellikler" kategorisi penceresinde "Ayarlar" bölümündeki herhangi bir nesne için etkinleştirilebilir.

1. "Düzenle"\u003e "Ayarlar" (Windows'ta) veya Dreamweaver\u003e Ayarları (Macintosh'ta) seçin.
2. Soldaki "Kategori" listesinde, "Özel Özellikler" yi seçin, nesneyi seçin, aşağıdaki parametrelerden birini ayarlayın ve Tamam'ı tıklayın. Nitelikler ekle Özel Özellikler iletişim kutularını etkinleştirmek istediğiniz nesneleri seçin. Örneğin, formlar, çerçeveler, multimedya ve görüntülerin nesneleri. Açtığınızda aktif olarak paneli kaydedin Ekranın okumasını ekrandan çalışmasını sağlamak için paneldeki odağın konumunu kaydetmenizi sağlar. (Bu parametre seçilmezse, bir panel açarken, odak "Tasarım" veya "Kod" görünümünde tutulur.) Görüntüler ekran dışında Ekran okuyucuyu ekrandan kullanırken bu seçeneği seçin.

   Not.Özel Özellikler Öznitelikler, yeni bir tablo eklerken "Tablo Ekle" iletişim kutusunda görüntülenir.

Dreamweaver'da özel özellikler kontrol fonksiyonu

Dreamweaver CS5 ile başlayarak, Dreamweaver'da özel özellikleri kontrol etmenin işlevi eskidir.

Klavye kullanarak Dreamweaver navigasyonu

Paneller, Özellikler Müfettişleri arasında hareket etmek için klavyeyi kullanabilirsiniz. diyalog kutuları, fare kullanmadan çerçeveler ve tablolar.

Not. Sekme tuşunu kullanın ve ok tuşları yalnızca Windows işletim sisteminde kullanılabilir.

Gezinme Panelleri

1. Belge penceresinde, paneldeki odağı kaydırmak için "CTRL" ve "F6" tuşlarına basın.

   Panelin başlığının noktası, odağın panelde olduğunu gösterir. Ekrandaki okuma programı, odağı alan panelin başlığı tarafından dile getirilir.

2. Aynı zamanda, odaklanan panele gösterilinceye kadar "CTRL" ve "F6" tuşlarına basın. (Paneller arasında hareket etmek ters sipariş Aynı zamanda, "CTRL", "Shift" ve "F6" tuşlarına basın.)
3. Kapalı panele ihtiyacınız varsa, klavye kısayolunu kullanın. windows menüsü Bu paneli görüntülemek için ve ardından aynı anda "Kontrol" ve "F6" tuşlarına basın.

   İstenilen panel açıksa, ancak dağıtılmamışsa, odağı panelin başlığına getirin ve boşluk tuşuna basın. Yuvarlamak için, "Boşluk" tuşuna tekrar basın.

4. Panel kontrolleri boyunca hareket etmek için sekme tuşunu kullanın.
5. Ok tuşları aşağıdaki durumlarda kullanılır.
   • Kontrol seçeneğine sahipse, seçenekler arasında seçenekler arasında hareket etmek ve değeri, "boşluk" tuşunu seçmek için ok tuşlarını kullanın.
   • Paneldeki sekmeler varsa, diğer panelleri açın, odağına yerleştirin. açık sekme Ve "sol" veya "ok sağ" tuşunu kullanarak, istediğiniz sekmeyi açın. Sekmeyi açtıktan sonra, sekme tuşunu kullanarak kontrol elemanlarına gitmek mümkündür.

Müfettiş özellikleri için navigasyon

1. Özellikler denetçisini görüntülemek için "CTRL" + "F3" tuşlarına basın.
2. "CTRL" + "F6" klavye tuşuna basın (yalnızca Windows'ta) Netleme Özellikler Müfettişi'ne gösterilinceye kadar.
3. Özellikler Denetim Kontrolleri'nden geçmek için Sekme tuşunu kullanın.
4. Ok tuşları, seçenekler arasında hareket etmek için kullanılır.
5. Genişletilmiş özel müfettiş bölümünü açmanız veya kapatmanız gerekirse, "CTRL" + "YUKARI YUKARI YUKARI OK (Windows) veya" Komut "+" Yukarı Ok "(Macintosh) +" Yukarı Ok "(Macintosh) basın veya Sağ alt köşe ve "Boşluk" tuşuna basın.

Aşağıdaki şekil, Adobe Dreamweaver arayüzünü gösterir. İÇİNDE farklı versiyonlar Programlar bazı farklılıklar olabilir.

1. Mockup Seç düğmesi
2. Uzatma Seçimi Düğmesi
3. Web sitesi ile çalışma düğmesi
4. Arayüz Seçimi düğmesi(Tekerlekli sandalye anahtarı 11 seçeneğin bir seçenektir). Şekil - Klasik Arayüz
5. Menü hattı (açılır komut listeleriyle 10 menü)
6. Sekme Satırı (Kategoriler) - 9 Sekme farklı türler iş
7. Araç çubuğu. Araç çubuğu, seçilen sekmeye bağlı olarak değişir (Şekil - Metin sekmesi için araç çubuğu). Sekme satır (s.6) ve araç çubukları (s. 7) Birlikte "Paketleme paneli" formu
8. Hat belgeleri aç
9. Kod Araç Çubuğu
10. Kod satırlarının numaralandırılması
11. Kod bölümü (kodlama penceresinden kod ve tasarıma bölündüğünde)
12. Durum çubuğu (Kullanılan etiketler, sayfa yükleme hızı kodlamaya uygulanır).
13. Panel grubu "Sonuçlar" (Arama, referans kitabı, bağlantıları, raporları, vb.)
14. Rıhtım panelleri - Panel dosyaları, varlıklar, kod parçaları, veritabanları, stilleri, etiket denetçisini vb. İçerebilir. Panel Dock, Pencere menüsünü kullanarak program penceresinden açılır / kaldırabilir - Panelleri / Göster Panelleri Gizle.
15. Tasarım bölümü (kodlama penceresinden kod ve tasarıma bölündüğünde)

Çalışma alanını değiştirdiğinizde (4 düğmesi), program arayüzü yukarıdaki şekilde gösterilenlerden farklı olabilir ("Klasik" arayüz sürümü).

Pencereyi Düzenle (Belge Penceresi)

Düzenleme penceresi, Program penceresinde merkezi bir yeri kaplar.
Düzenleme penceresindeki sayfa, Kod modunda, Ayırma modunda, tasarım modunda veya etkileşimli görünüm modunda (daha gerçekleştirilmiş sayfa) olarak Ayırma modunda açılabilir.


Sunum "İnteraktif Kod"Yalnızca "Etkileşimli Görünüm" gösteriminde bir belgeyi görüntülerken kullanılabilir ve gerçek kodu görüntüler. "Etkileşimli Kod" görünümü düzenlemeyi desteklemez.

Araç çubukları :

Standart araç çubuğu (Yarat, Aç, Kaydet, Yapıştır, Etc)

Bileşenler

Veri tabanı

Sunucu Davranışı

Editör Tag hızlı Tag - Çabucak kontrol etmeniz, eklemeniz veya değiştirmeniz gerektiğinde kullanılır. html etiketleri"Tasarım" sunumunu kapatmadan.

Uygulama paneli Uygulama penceresinin üstünde, bir çalışma alanı anahtarı, menü (yalnızca Windows) ve diğer kontroller vardır.

Tag seçici durum çubuğuna yerleştirilir. Tag hiyerarşisini gösterir.