Ön sayfa, başlık sayfası nasıl oluşturulur. FrontPage'i kullanarak Web sayfaları oluşturma. Çalışma Modları Paneli
Resimde Microsoft FrontPage 2003 programı (1995-2003) gösterilmektedir. Editörün Rusça arayüzü ve Rusça yardımı var. Ağırlık 113 MB.
Wikipedia'dan:
1995 - Microsoft FrontPage 1.1
1997 - FrontPage 97 (2. versiyon)
1997 - FrontPage Ekspres 2.0
1998 - Macintosh için Microsoft FrontPage
1998 - FrontPage 98 (3. versiyon)
1999 - FrontPage 2000 (9. versiyon)
2001 - Microsoft FrontPage 2002 (10. sürüm)
2003 - Microsoft Office FrontPage 2003 (11. sürüm)
FrontPage 2003 yılında durduruldu ve yerini Microsoft programları aldı. Microsoft Office SharePoint Tasarımcısı Ve Microsoft İfade Webi.
Microsoft FrontPage programı basit ve mantıklıdır ve aynı zamanda harika yeteneklere sahiptir.
Microsoft Office Word'e aşina olanlar için FrontPage'in görünümü yeni bir şey olmayacak. Menü çubuğu ve araç çubukları Word'dekilere benzer, komutların çoğu aynıdır.
FrontPage'de (görsel modda) çalışmak da temel olarak Word'de çalışmakla aynıdır.
FrontPage'in 4 çalışma modu vardır: tasarımcı (görsel modda bir sayfa oluşturma), kod (sayfa kodu oluşturma), görüntüleme ve program penceresini kod ve görüntülemeye bölme modu.
FrontPage, görsel modda metni biçimlendirebilir (ve tüm okul yazım hatalarınızı kırmızı bir çizgiyle vurgulayabilir), resimler, tablolar, bağlantılar, çerçeveler, formlar ve çok daha fazlasını tüm ayarlarla ekleyebilir.
Kod modunda FrontPage, iyi kod düzenleyicilerden çok daha zayıf ve kalitesizdir; birçok görsel mod işlevi burada mevcut değildir (bu özellik genellikle Dreamweaver hariç, birleşik düzenleyicilerin doğasında vardır). Kod modunda bir web sayfası oluşturabilirsiniz, ancak görsel modda oluşturulan kodu düzenlemek veya düzeltmek için bu modun kullanılması daha tavsiye edilir.
Programın en büyük avantajı Rusça arayüzü, yardımı ve FrontPage'de Rusça olarak sunulan çok sayıda eğitim materyalidir.
Programın dezavantajları arasında programın hızlı olmadığı - açılmasının uzun zaman alması ve bazı komutların yürütülmesinde bir miktar yavaşlama olduğu belirtilebilir. Bazen editör uygunsuz inisiyatif alır ve istemediğiniz bir şeyi yapabilir.
FrontPage görsel modda metin materyali oluştururken genellikle temiz kod üretiyorsa, diğer işlemler sırasında sayfaya birçok gereksiz şey dökebilir. Bu sorun, düzenleyicide bulunan özel HTML kod iyileştiriciyle kısmen çözülebilir.
Program tamamen güvenilir sayılamaz, bazen beklenmedik arızalar meydana gelir. Ve pek de iyi çalışmıyor; FrontPage 2003, içinde bir şeyin tıkırdadığı, sallandığı ve kaydığı büyük bir mekanizmaya benziyor.
Ancak birçok kullanıcı eksikliklerine uyum sağladı ve FrontPage hala yaygın olarak kullanılıyor.
FrontPage için internette birçok eğitim bulunmaktadır. İşte bazıları:
FrontPage Ekspres
FrontPage Express (1995 - 1997, ağırlık 4,3 MB) - küçük, hızlı ve güzel bir program. İşlevselliği NVU gibi bir düzenleyiciye yakındır. FrontPage'in hafif bir versiyonudur.
Yukarıda FrontPage Express araç çubuğunun bir çizimi bulunmaktadır.
Düzenleyici, başlıklarınızı tasarlamanıza ve farklı yazı tipi türlerini, boyutlarını, stillerini ve renklerini seçmenize yardımcı olacaktır. Sayfalara resimler, videolar, arka plan sesi, özel karakterler, animasyonlar, listeler, java uygulamaları, sürüngenler, formlar, bağlantılar, tablolar vb. eklemenize yardımcı olacaktır.
Düzenleyicide sayfa görsel modda oluşturulmuş olmasına ve kodu düzenlemenin bir yolu olmamasına rağmen, çıktı kodunun gereksiz eklemeler olmadan oldukça temiz olduğu ortaya çıkıyor.
Bugün FrontPage Express zaten biraz modası geçmiş durumda. Örneğin, oluşturulan sayfanın önizlemesini görüntülemek için yerleşik bir tarayıcı yoktur, stil sayfalarıyla çalışma yoktur (düzenleyici stil sayfalarına hiç yanıt vermez), vb.
FrontPage'i İndirin- internetteki arşivlerden
Program paketine dahil Microsoft Office Web sayfaları oluşturmanıza, düzenlemenize ve barındırmanıza olanak tanıyan çeşitli uygulamalar içerir. Bunlardan biri nispeten basit bir programdır Ön Sayfa . Onun yardımıyla profesyonel bir Web tasarımcısının bile ihtiyaçlarını karşılayacak çok karmaşık sayfalar oluşturabilirsiniz.
Bir Web sayfası oluştururken, ona çekici bir görünüm kazandırmaya çalışmalısınız çünkü çekici bir sayfa daha sık ziyaret edilir. Aynı zamanda sayfanın iki çelişkili özelliği birleştirmesi gerekir - çekicilik ve minimum bellek. Seyrek ama çok çekici bir sayfa oluşturmak için çizimler yerine çiçekler gibi sınırlı sayıda düşük yoğunluklu araç kullanabilir ve tersine, onu birçok çizim, renk, format ve diğer işaretleme öğeleriyle donatabilirsiniz. düzeni ve yerleşimi zengin bir kötü zevk örneği sayılabilecek bir sayfa verecektir. Bir Web sayfası oluşturma süreci yaratıcıdır, bu nedenle buna genellikle Web tasarımı denir. Bazı Web tasarımcılarının, o kadar da karmaşık olmayan bir sayfa oluşturmak için birkaç ay harcadıkları, ona birçok kez geri döndükleri, onu uygulamanın en etkileyici yolunu aradığı, aynı içeriğe sahip bir sayfanın ise bir saatten fazla çalışmayla oluşturulamadığı biliniyor. . Eğer bir takım elbise dikildikten sonra birkaç kez değiştirmek zorsa, o zaman bir Web sayfası, bir şairin eserini mükemmelliğin zirvesine getirerek nasıl geliştirdiğine tam olarak uygun olarak gerektiği kadar "değiştirilebilir" ve iyileştirilebilir.
Ancak herkes bu görüşü paylaşmıyor, bir Web sayfasının dağıtıma yönelik bilgi olduğunu makul bir şekilde belirtiyor ve bunun için onu bir sanat eserine dönüştürmenin hiç de gerekli olmadığını, özellikle de bu çok zaman aldığından.
Bundan pratik bir sonuç çıkar: başlık, başlık ve reklam sayfaları çekici hale getirilmeli ve örneğin sipariş metinleri, iş tanımları, planlar vb. gibi "kuru" bilgilerin yayılmasına yönelik sayfalar bir görünüme sahip olmalıdır. minimum işaretleme.
1.FP arayüzü
Web sayfalarını oluşturmaya ve düzenlemeye yönelik bir program olan Ön Sayfa, klasörde bulunur Ofis programlarıMicrosoft Office.
FP'yi başlattıktan sonra ekranda görünümü Şekil 2'de gösterilen bir pencere belirir. 1. Bu örnekte, FP kullanılarak yazılan bu kılavuz, program penceresinde düzenlemeye açıktır.
|
|
| Pirinç. 1. Program penceresi Ön Sayfa |
Program bir menü ve çeşitli araç çubukları içerir. Bir FP kullanıcısı Web tasarımını almaya karar verdiğinde, genellikle Microsoft Office Word programları ailesi konusunda bilgili olur; dolayısıyla Microsoft tasarım stilinde tasarlanmış ve Word'e çok benzeyen FP arayüzü arayüz, işte özel zorluklar yaratmayacaktır.
Program arayüzü - menüler, paneller, düğmeler ve diğer öğeler - örnekleri bu bölümde ele alınacak olan Web sayfalarının oluşturulması veya düzenlenmesi sırasında öğelerine ihtiyaç duyduğunuz için açıklamak daha uygundur.
Bir sayfa geliştirirken, program otomatik olarak FP'nin metnini HTML'de (HyperText Markup Language) yazdığı bir işaretleme dosyası oluşturur. Bu dosyada manuel olarak değişiklik yapabilirsiniz (ayrıca program metni, Not Defteri gibi basit bir metin düzenleyicide bile normal bir metin düzenleyicide derlenebilir, ancak bu çok zahmetlidir). Yerleşik FP metin düzenleyicisine gitmek için pencerenin altındaki kısayola tıklayın Kod tıklayın ve ardından metin düzenleyicide değişiklikler yapın. Geliştirici profesyonelliğine güvenmiyorsa, düzenleme hatalarının düzeltilmesi zor olacağından HTML metninde değişiklik yapmamak daha iyidir. İşaretlediğiniz sayfaya dönmek için kısayola tıklayın Oluşturucu.
Sayfanın tarayıcıda nasıl görüneceğini görmek için kısayola tıklayın Görüş. Ancak bu modda yalnızca çok basit sayfaların doğru şekilde görüntülendiğine dikkat edilmelidir. Bu nedenle, sayfayı örneğin profesyonel bir tarayıcıda görüntülemek daha iyidir. Firefox. Bunu yapmak için, sayfa dosyasını klasörde bulun ve bir tarayıcıda açın (genellikle tüm Web sayfaları bir tarayıcıda açılır).
2. Yeni bir Web sayfası oluşturun
Yeni bir Web sayfası oluşturmak için düğmeye tıklayın Yeni bir normal sayfa oluşturma panelde bulunur Standart. Bu paneldeki bazı düğmeler ilgili açıklamalarla birlikte Şekil 2'de gösterilmektedir. 2.
Farklı bir şekilde yeni bir sayfa oluşturabilirsiniz. Menüde Dosyaçizgiye tıklayın Yaratmak. Sağdaki program standart sayfa şablonlarını içeren bir pencere görüntüleyecektir. Ondan bir şablon seçebilir ve onu gelecekteki bir sayfanın temeli olarak kullanabilirsiniz. Boş bir sayfaya ihtiyacınız varsa şablona tıklamanız gerekir Boş sayfa.
FP'de aynı anda birden fazla Web sayfasını monitör ekranınızda görmenize olanak tanıyan çerçeveler de oluşturabilirsiniz. Çerçeveler çok pencereli Web sayfalarıdır. Yeni başlayan bir Web tasarımcısı çerçeve kullanmaktan kaçınmalıdır.
Artık sayfayı kaydedebilirsiniz. Bunu yapmak için düğmeye tıklayın Kaydetmek, ardından sayfayı bilgisayarınızın diskine dosya olarak kaydedin. Bir sayfayı kaydederken, dosyaya vereceğiniz adla hemen ayrı bir klasör oluşturmak daha iyidir. Web sayfaları genellikle uzantılı dosyalara kaydedilir. .htm veya .html(Köprü Metni Biçimlendirme Dili dilinin adından - köprü metni biçimlendirme dili). Örneğin, bir dosyayı adı altında kaydedecekseniz about.htm, o zaman adında bir klasör oluşturmalısınız. hakkında, Web sayfalarınızın yer alacağı disk alanında. İlk sayfayı kaydetmeden önce, böyle bir alanı hemen bir klasör biçiminde, örneğin adlı bir klasörde oluşturmak daha iyidir. Fedorova'nın web sayfaları. Şimdi belirtilen klasörü içinde oluşturmalısınız. hakkında ve içinde – sayfayı kaydedin about.htm.
3. Web sayfası özellikleri
Daha sonra, bazı önemli sayfa özelliklerini değerlerle doldurmanız gerekir. Bunu yapmak için sayfa alanına sağ tıklayın, ardından içerik menüsünde - satıra Sayfa Özellikleri. Sayfa özelliklerini girmek için bir iletişim kutusu görünecektir (Şekil 3). Pencerede beş sekme var
Yaygındır, Biçimlendirme, bunlara ek olarak, Diğer, Dil .İncirde. 3 yer imi pencerede etkinleştirilir
Yaygındır. Çizgideİsim sayfa başlığını girmeniz gerekmektedir.Burada bölgeye bir ses dosyası bağlayabilirsiniz
Arka plan ses. Ses, bu sayfanın onu açan bilgisayarda görüntülenmesine eşlik edecektir. Elbette arka plan sesini dinleyebilmek için kullanıcının bilgisayarına bir hoparlörün kurulması gerekmektedir. Tipik olarak arka plan sesi, uzantıya sahip bir ses dosyasında gezinilerek çalınır. .wav. Dosyayı bağlamak için düğmeye tıklayın Gözden geçirmek ve böyle bir dosyayı bağlamak için iletişim kutusunu kullanın. Normal bir sayfa için ses dosyasının eklenmesi gerekli değildir.sayfa arka planı oluşturmak için. Arka plan sayfanın ana arka planıdır. Arka plan olabilir renk veya çizim. Arka Plan sekmesindeki sayfa özellikleri penceresinin görünümü Şekil 1'de gösterilmektedir. 4.Bir arka plan seçmeniz gerekiyorsa renk şeklinde, ardından Arka plan listesi düğmesine tıklamanız gerekir
ve standart renk kümesinden bir renk seçin. Başlangıç durumu varsayılan renge ayarlanmıştır. Tipik olarak varsayılan renk beyazdır.Önerilen renkler size uymuyorsa renge tıklayın
Gelenek(gelenek). Açılan iletişim kutusunda 16"777"216 renk tonundan herhangi birini seçebilirsiniz. Özel bir renk seçme penceresi Şekil 1'de gösterilmektedir. 5.Özel bir renk seçmek için, önce ana paletten bir temel renk atamanız, ardından sağdaki palet karesindeki yaklaşık renge tıklamanız (bu nokta bir çarpı işaretiyle işaretlenmiştir), ardından sütundaki sütundan istediğiniz rengi seçmeniz gerekir. sağ (fare imlecinin yanında bir üçgenle işaretlenmiştir). "Renk/Dolgu" kutusunda seçilen rengi görsel olarak değerlendirebilirsiniz. Sağında seçilen rengin spektral özellikleri gösterilir. Bu özellikler manuel olarak değiştirilebilir.
Seçilen renk standart olmayan bir renk (gölge) ise ve bir düzenleme oturumunda birkaç kez kullanılması gerekiyorsa, bunu ana paletin altında bulunan "Ek renkler" listesine yerleştirebilirsiniz. Bunu yapmak için seçmeden önce ek renk kutusuna tıklayın, bir renk tonu seçin ve “Sete ekle” düğmesine tıklayın. Pencereden çıkmak için Tamam butonuna tıklayın.
Sayfanın arka planı resim olacaksa bu sekmede gerekli resmi açmalısınız.
. Bu dosyanın sayfa dosyasının saklandığı klasörde bulunması tavsiye edilir. İncirde. 6. bir dosyada saklanan resim biçimindeki bir arka plan örneğini gösterir kelebek.gif.Olarak Şekil l'de görülebilir. Şekil 6'da arka plan, bir kelebeği tasvir eden tekrar tekrar tekrarlanan bir desendir ( kelebek).
Karşılaştırma için, Şekil 2'de. Şekil 7, şeklin kendisini ayrı ayrı göstermektedir.
Yukarıdaki örneğin kötü bir alt tabaka seçimi örneği olduğunu hemen belirtelim, çünkü görüntü sayfa kenar boşluğunu gizler ve dedikleri gibi "gözleri kamaştırır". Tek avantajı çizimin sayfada arka planı nasıl oluşturduğunu açıkça göstermesidir.
Arka planın statik olmasını istiyorsanız, yani tarayıcıda uzun bir sayfayı kaydırırken arka planın hareketsiz kalmasını istiyorsanız, seçeneği ayarlamanız gerekir. Bunu bir alt tabaka haline getirin.
Uygulamada, istenen arka planı oluşturmak için arka plan olarak genellikle hafif doygun görüntüler seçilir, ancak sayfa görüntüleyicinin dikkatini buna odaklamaz. Ancak arka plan seçimi bir zevk meselesidir
ağ tasarımcı.Genellikle arka plan resimleri aşağıdaki formatlara sahiptir:
bmp, gif, jpg , png .Bir resmin genellikle bir Web sayfasının hafızayı en yoğun kullanan unsuru olduğu unutulmamalıdır. Bu nedenle tarayıcının sunucudan indirmesi en uzun süreyi alır. Bağlantı hızı düşükse ve yüklenen sayfada birden fazla büyük resim varsa bu sayfanın yüklenmesi biraz zaman alabilir. Böyle bir sayfayı görüntüleyen kişi indirme işleminin bitmesini beklemekten ve iptal etmekten yorulabilir. Bu nedenle sayfadaki çizimlerin hacmini ve sayısını en aza indirmeye çalışmalısınız.
Resmin hacmi 1-5 kilobaytı (K) aşmıyorsa arka planın kabul edilebilir boyutlara sahip olduğu kabul edilir. Bir kilobayttan az olması daha iyidir. Karşılaştırma için, Web sayfasının hacminin genellikle 10-20 K'yi geçmediğini varsayalım. Yalnızca büyük miktarda metin içeren sayfalar büyüktür. Bunun nedeni, bir Web sayfasının, kullanıcının tarayıcı ekranına nasıl ve neyin yerleştirileceğine ilişkin bir program (talimatlar) olmasıdır. Örneğin, ekranda böyle bir yere 150 K boyutunda bir resim yerleştirmeniz gerekiyorsa, o zaman bir Web sayfasında bu amaç için verilen talimat yalnızca 50 bayt, yani resmin kendisinden 3000 kat daha az yer kaplayabilir, Web sayfalarından ayrı olarak izleyicinin bilgisayarına aktarılır. Bu tür talimatların sayısı az olduğundan sayfanın boyutu da nispeten küçüktür
Yer işaretinde
Biçimlendirme Ayrıca metin rengini de ayarlayabilirsiniz. Burada, sayfayı görüntüleyen tarayıcıda görüntülenecek metin köprülerinin renklerini ayarlayabilirsiniz: tüm metin köprülerinin rengi, kullanıcının zaten eriştiği köprülerin rengi, fare imlecinin üzerinde durduğu köprünün rengi .Yer işaretinde bunlara ek olarak Sayfa girintilerini tarayıcı görünüm alanının sol üst köşesinden ayarlayabilirsiniz. Varsayılan olarak dolgu 8 piksele ayarlıdır.
Yer işaretinde
DilSayfa kaydetme ve sayfa yükleme için özel metin kodlama dilleri ayarlayabilirsiniz.4. Tabloları kullanmak
Tablolar belki de Web sayfalarını işaretlemenin en etkili ve vazgeçilmez aracıdır. Arka plan olmadan yapabiliyorsanız, o zaman masa olmadan neredeyse imkansızdır.
Her tablo satırlar ve sütunlar halinde düzenlenmiş hücrelerden oluşur. Tek tek hücreleri birleştirebilir, dahili içeriğin kenarlıklarından girintisini ayarlayabilir, hücreler arasındaki mesafeyi ayarlayabilir, içlerine yerleştirilen öğelerin konumunu ayarlayabilir, diğer hücrelerden ayrı arka planlar oluşturabilir, ana hatlar oluşturabilir, hücrelerin içine başka tablolar ekleyebilir ve çok daha fazlasını yapabilirsiniz. .
Tablo ekleme
Bir sayfaya tablo eklemek için menü komutunu uygulamanız gerekir.
Ttablo/Ekle/Tablo. Şekil 2'de gösterilen açılan pencerede. 8, satır sayısı ayarlanmalıdır ve sütunlar. Burada ayrıca tablonun sayfadaki konumunu da ayarlayabilirsiniz.. Genellikle varsayılan konum bırakılır. Ancak, tarayıcı penceresinde görüntülendiğinde tablonun yatay yönde daima ortada olması gerekiyorsa, bu seçeneği ayarlamanız gerekir. merkez hizalaması.Kenarlık boyutu seçeneği, tabloyu ve hücreleri çevreleyen çizgilerin kalınlığını ayarlamak için tasarlanmıştır. Sıfıra ayarlanmışsa ve onay kutusu işaretliyse Tablo kenarlığını daralt, bu durumda kenarlıklar tarayıcıda görünmeyecektir. Bu, sayfa düzeni için görünmez bir tablo kullanmanıza olanak tanır.
Mülk
Hücre alanı tüm tablo hücreleri için dahili içerikteki dolguyu piksel cinsinden belirtmek için tasarlanmıştır. Mülk Hücre aralığı tüm bitişik tablo hücreleri arasındaki mesafeyi piksel cinsinden ayarlamanıza olanak tanır. Genişliği ayarla içeriğin boyutundan bağımsız olarak tablonun genişliğini piksel cinsinden veya görünüm genişliğine göre yüzde olarak ayarlamak için tasarlanmıştır. Varsayılan olarak devre dışıdır. Bu, tablonun boyutunun içeriğinin boyutuna göre belirleneceği anlamına gelir.Tablonun stilini ve arka plan işaretlemesini ayarlamanız gerekiyorsa, bu aynı pencerede yapılabilir.
Tabloyu işaretlemeyi tamamladığınızda Tamam'ı tıklayın.Tablo hücresi düzeni
Tek tek hücreler veya tablonun tamamı üzerindeki işlemler, hücrelerin seçilmesiyle başlamalıdır. Fare, klavye veya araçları kullanarak seçim yapabilirsiniz
F.P. Fareyle seçim yapmak için, fare imlecini seçilen alanın bir hücresine yerleştirmeniz, farenin sol tuşuna basmanız ve tuşu basılı tutarken hücrelerin üzerinde yumuşak bir şekilde hareket ettirmeniz gerekir. Klavyeyle seçim yapmak için, klavye imlecini bir hücreye yerleştirmeniz, Shift tuşuna basmanız ve klavye imlecini istediğiniz tuşa (yukarı, aşağı, sola, sağa) hareket ettirmek için tuşu basılı tutarken istediğiniz tuşlara basmanız gerekir. hücrelerin alanı seçilir. Tablonun tamamının yanı sıra tek bir sütunu veya satırı da seçebilirsiniz.İçin dernekler seçili hücreler, imleci bunlardan herhangi birinin üzerine getirmeniz ve farenin sağ tuşuna basmanız gerekir. Açılan içerik menüsünde satıra tıklayın Hücreleri birleştir. Hücreleri de aynı şekilde silebilirsiniz.
Eğer gerekliyse paramparça etmek bir veya daha fazla hücreyi birkaç satır veya sütuna böldüğünüzde bunları seçmeniz gerekir (bir hücreyi bölerken seçim gerekli değildir), komutu çalıştırın Bölünmüş hücreler. Görüntülenen bölme penceresinde, sütunlara veya satırlara nasıl bölüneceğinizi belirtmeniz gerekir. Daha sonra sütun veya satır sayısını belirtmelisiniz. Bu pencere Şekil 2'de gösterilmektedir. 9.
Burada içeriğin konumunu yatay veya dikey olarak ayarlayabilirsiniz. Bunu yapmak için istediğiniz yatay konumu seçin (orta, sol, sağ) veya dikey pozisyon(eksene göre üstte, ortada, en altta). İncirde. Hücrenin 10 dikey konumu – üstünde(yerleştirildiğinde iç elemanlar hücrenin üst kenarına bastırılacaktır), yatay – merkezinde(içerik ortalanacaktır).
Hücre genişliğini ve yüksekliğini piksel veya yüzde olarak ayarlayabilirsiniz.Arka plan kısmında sayfa arka planını programladığınız gibi hücre arka planını da renk veya desen olarak ayarlayabilirsiniz.
Aynı nitelikleri birden fazla hücreye atamanız gerekiyorsa, örneğin bunları aynı arka plana ayarlamanız gerekiyorsa, bu tek adımda yapılabilir. Bu hücreleri seçmeli ve ardından anlatılan şekilde işaretlemelisiniz. Tüm hücrelere bazı nitelikler atamanız gerekiyorsa, bunları tablonun kendisine atamak daha iyidir. Bunu yapmak için herhangi bir hücreye tıklayıp aynı komutu uygulamanız gerekir.
5. Metin ekleme ve biçimlendirme
Bir sayfaya metin eklemek için, fareyi tıklatarak klavye imlecini istediğiniz konuma getirmeniz ve klavyeden metni buraya girmeniz veya Windows panosunu kullanarak başka herhangi bir belgeden kopyalamanız gerekir. Bu şekilde metni doğrudan sayfaya veya tablo hücrelerine girebilirsiniz.
Biçimlendirme, yazı tipinin amacını, boyutunu, renk işaretini, kalınlığını, italikliğini, altını çizmesini, yatay metin yönlendirmesini ve bir dizi başka eylemi ifade eder. Bu işlemler, Word düzenleyicide benimsenen standartlara uygun olarak gerçekleştirilir: önce metnin bir bölümünü seçmeniz, ardından ona bir biçimlendirme işlemi uygulamanız gerekir.
Word editöründen farkı sadece bir tuşa bastığınızda Girmek (yeni bir paragraf eklemek için) paragraflar arasında çok fazla boşluk var. Paragraflar arasındaki aralığın bir paragrafın satırları arasındaki boşluklarla aynı olmasını istiyorsanız tuşuna basın. Vardiya ve onu bırakmadan anahtar Girmek.
6. Köprü ekleme
Köprü bir Web sayfasının başka bir Web sayfasına, bir e-posta adresine, bir resme veya genel olarak aynı sayfadaki herhangi bir dosyaya veya yer imine bağlantı atanabilen herhangi bir öğesidir. Köprüye tıklanarak etkinleştirilirler. Bir Web sayfasındaki köprüyü tarayıcıda görüntülerken fare imlecinin görünümüne göre tanımlayabilirsiniz: öğe bir köprü ise, üzerine geldiğinizde imleç bir simge biçimini alır.
Köprü oluşturmak için öncelikle gelecekteki köprü olacak sayfa öğesini seçmeniz gerekir. Köprü metin ise, onu seçmek için, sol tuşa basıldığında veya klavye imlecini tuşa basıldığında hareket ettirmek için kullanılan tuşlara basarak fareyi yumuşak bir şekilde üzerinde hareket ettirmelisiniz.
Vardiya. Köprü bir resimse, onu seçmek için üzerine tıklamanız yeterlidir.görünümü Şekil 2'de gösterilmektedir. 12.Köprünün bilgisayarınızın diskinde bulunan başka bir sayfaya işaret etmesi gerekiyorsa, Şekil 1 penceresine tıklamanız gerekir. 12 klasör görüntüsünün bulunduğu düğmeye tıklayın ve diskteki bir Web sayfasını seçin (genellikle şu uzantıya sahip bir dosya: HTML veya
htm ). Bu durumda adres çubuğunda görünecektir göreceli adres bir web sayfası içeren dosya. Oluşturulan sayfayla aynı klasörde bulunan bir sayfanın göreceli adresi yalnızca dosya adıdır; örneğin "photo2.htm". Bağlantı bu klasörün dışındaki bir dosyaya işaret ediyorsa, köprü "../../HomePage.htm" dizesi biçimini alabilir, yani aynı bilgisayardaki HomePage.htm sayfasına bir bağlantı olabilir, ancak geçerli klasörün iki düzey yukarısında bulunan farklı bir klasörde. Göreli adresler, aynı sunucuda ancak farklı klasörlerde bulunan ve köprülerle birbirine bağlanan bir grup Web sayfası oluştururken çok kullanışlıdır. Sayfaları normal bir bilgisayarda hazırladıktan sonra, sayfalar ve köprüler arasındaki bağlantının kopacağından korkmadan Web sunucusuna gönderebilirsiniz, çünkü sunucuda yerleşimlerinin göreceli yapısı aynı kalacaktır ve bu nedenle, köprüler "çalışacaktır."Oluşturmak için mutlak
adresler, sayfanın tam adresini girmelisiniz. Örneğin, Moskova Devlet Üniversitesi'nin web sitesi adresine bir köprü oluşturmanız gerekiyorsa, alan adının metnini URL satırına girmeniz gerekir. http://www.msu.ru. Örneğin IP adresini belirten metni girebilirsiniz. http://192.206.228.46.Böyle bir köprü oluşturmak için adres çubuğuna buna benzer bir metin girin posta:adres. Örneğin, bir köprü bağlantısına tıklandıktan sonra adrese bir mektup göndermek için bir e-posta istemcisinin başlatılması gerekiyorsa Ö [email protected], ardından adres giriş satırına metni girmeniz gerekir posta:Ö [email protected] . Ayrıca bir zarf görselinin bulunduğu düğmeye tıklayabilir ve açılan pencerede aynı adresi önek belirtmeden girebilirsiniz. posta:.
Bazen zaten tarayıcıda bulunan bir sayfaya bağlantı oluşturmanız gerekir. Örneğin, hızlı bir şekilde sayfanın başına, bir paragrafa vb. dönmeniz gerekir. Tipik olarak, bu tür bağlantılara olan ihtiyaç, büyük miktarda bilgi içeren sayfalarda ortaya çıkar. Böyle bir köprünün adresine denir yer imi.
Bir yer imine köprü oluşturmadan önce, ilk olarak ikincisinin oluşturulması gerekir. Bunu yapmak için, gelecekteki bir yer imini (bir metin parçası, bir resim vb.) seçmeniz ve komutu çalıştırmanız gerekir. Ekle/Yer İmi. Açılan pencerede görünümü Şekil 2'de gösterilmektedir. 13, giriş satırına yer iminin adını girin ve Tamam düğmesine tıklayın. Şekil 2'de gösterilen örnekte. Sayfa 13'te önceden oluşturulmuş bir yer işareti zaten var Sekme 1 ve metin giriş penceresinde hazırlanır Yer İşareti 2 başka bir yer imi. Daha sonra, yer imi oluşturma penceresinden çıkmalı, sayfa oluşturma penceresinde yer imine giden köprü öğesini seçmeli ve Yer imi(Şek. 12) listeden istediğiniz yer imini seçin. Metni adres çubuğuna yerleştirilecektir. Örneğin, bir yer imi seçilirse Yer İşareti 2, adres çubuğundaki köprü bir dize gibi görünecektir #Yer İşareti 2. Tamam'a tıkladıktan sonra yer imine bir köprü oluşturulacaktır.
Görüntüleme penceresinin programlanması
Köprüye tıkladıktan sonra web sayfası tarayıcıya yüklenmeye başlar. Genellikle çağıran sayfayla aynı pencereye yüklenir. Sayfanın yeni bir pencerede yüklenmesini istiyorsanız Şekil 2'deki pencereyi kullanmalısınız. 12 Giriş etiketinin sağındaki düğmeye tıklayın Çerçeve seçimi. Açılan pencerede satırı seçin Yeni Pencere. Artık böyle bir köprüye tıkladıktan sonra tarayıcıda bir pencere açılacak ve indirilebilir içerik bu pencerede görünecektir.
Tartışılana ek olarak, çağrılan sayfayı tarayıcıda sunmak için birkaç seçenek daha vardır. Bunlar, Web tasarımı için önemli ölçüde daha fazla fırsata sahip olan daha karmaşık sayfalara - çerçeve sayfalarına aittir. Çerçeve sayfalarının tasarım özellikleri aşağıda tartışılacaktır.
7. Metin olmayan öğelerin eklenmesi
Metin olmayan öğeleri bir sayfaya eklemek için bir menü öğesi kullanın Sokmak. Bazı elemanlar için aynı işlem FP panellerinden kopyalanabilir.
Menü listesi Şekil 2'de gösterilmektedir. 14. Alt menüleri içeren satırlar sağ tarafta üçgen şekilli bir işaretçiyle işaretlenmiştir. Kısayol tuşları kullanılarak çoğaltılabilen işlemler, tuş kombinasyonunun adıyla işaretlenmiştir.
 |
Pirinç. 14. Ana |
En sık kullanılan metin dışı Ekle menü öğelerinden bazıları şunlardır:
- Açıklık . Özel bir aralık olmadan yeni bir paragrafa geçin (Shift + Enter ile aynı);
Bu öğeleri eklemenin bazı özelliklerine bakalım.
Yatay çizgi
Eklemek için sayfada istediğiniz yere tıklayın, menüden satırı seçin Ekle/Yatay Çizgi ve öğeyi eklemek için üzerine tıklayın. Bir çizginin niteliklerini değiştirmeniz gerekiyorsa, fare imlecini üzerine getirin, bağlam menüsünü açmak için sağ tıklayın ve çizgiye tıklayın. İLEyatay çizginin özellikleri . Çizgi niteliklerini değiştirebileceğiniz aynı adda bir pencere görünecektir: genişlik, yükseklik, renk ve diğer nitelikler.
Çoğu zaman, sayfanın farklı yerlerine önceden atanmış niteliklere sahip bir satırın eklenmesine ihtiyaç duyulur. Bunu yapmak için çizgiye ve ardından düğmeye tıklayın.
kopyalama panelde Standart satırı panoya kopyalamak için. Şimdi sayfada istediğiniz yere ve ardından ekle düğmesine tıklamanız gerekiyor Arabellek içeriğini seçilen konuma yapıştırmak için. Bu sayede sayfanın farklı yerlerine birden fazla kez satır ekleyebilirsiniz.Not: Açıklanan yöntem, bir Web sayfasının herhangi bir öğesini kopyalamak için kullanılabilir.
Resim bir Web sayfasının en önemli öğesidir. Üzerinde çizim olmayan bir sayfa bulmak nadirdir. Çizimler, bir görüntüyü taşımanın ana rolüne ek olarak, yazıtları stilize etmek, çeşitli çizgiler, çerçeveler oluşturmak, grafikleri tasvir etmek, yani bilgiyi grafik görüntü biçiminde sunmanın gerekli olduğu her yerde kullanılır.
Eklemek için sayfada resmin bulunması gereken yere tıklamanız, komutu yürütmeniz gerekir. Sokmak
/Çizim/Dosyadan veya düğmeye tıklayın Dosyadan resim ekleme panelde Standart(Şekil 5.2). Açılan pencerede diskteki resmin bulunduğu dosyayı seçin ve Tamam'a tıklayın.Ekledikten sonra resmi işaretleyebilir veya değiştirmeden bırakabilirsiniz. İşaretlemek için resme sağ tıklamanız, ardından satırdaki içerik menüsünde olmanız gerekir.
Resim özellikleri. Görünümü Şekil 2'de gösterilen iletişim kutusunda. 15, resmi işaretleyebilirsiniz.Yer işaretinde Yaygındırçizimi temsil eden dosyanın adı belirtilir. Farklı bir dosya seçerek resmi değiştirebilirsiniz.
Çizgide Metin Araç ipucunu temsil edecek metni girebilirsiniz. Tarayıcıdaki bir kullanıcı fare imlecini bir resmin üzerine getirdiğinde, resim kısa bir süre için imlecin altında görünecektir.
Resmin köprü görevi görmesi gerekiyorsa aynı sekmede köprü adresini seçebilirsiniz.
Bitişik sayfa öğelerinden bir resim için girintiler oluşturmanız gerekiyorsa özellikleri kullanabilirsiniz. aralıklar sol ve sağda yatay dolgu için ve üstte ve altta dikey dolgu için. Kısımda Boyut Resmin boyutunu ve oranlarını değiştirebilirsiniz. Genişlik ve yükseklik özellikleri kullanılarak resim istenilen yönde uzatılabilir ve sıkıştırılabilir. Boyutlar, resmin gerçek boyutlarına göre mutlak birimler (piksel) veya göreceli birimler (yüzde) cinsinden belirtilebilir. Deformasyon sırasında resmin oranlarının korunması gerekiyorsa seçeneğini ayarlamanız gerekir. Oranları koruyun.
Resim formatları
formatında yapılmış çizimler bulunmaktadır. raster grafikler ve formatta vektör grafikleri.
Raster grafiklerde, resmin tüm pikselleri hakkındaki bilgiler bir dosyaya kaydedilir ve her piksel, pikselin renk, parlaklık, kontrast, koordinatlar ve diğer karakteristik özelliklerini saklayan bir bit dizisi olarak temsil edilir. Raster formatları doğal olarak adlandırılabilir, çünkü resim hakkındaki bilgiler monitör ekranında sunulduğu biçimde saklanır, bu nedenle çıktı işlemlerini gerçekleştirmek minimum zaman alır. Bununla birlikte, bitmap grafikleri genellikle bunları saklamak için çok fazla belleğe ihtiyaç duyar, bu nedenle bir sayfaya yalnızca küçük grafiklerin yerleştirilmesi mantıklıdır. Raster görüntü dosyasının boyutunu küçültmek için sıkıştırma yöntemleri kullanılır. Orijinalle karşılaştırıldığında, sıkıştırılmış bir çizim genellikle onlarca kat daha az hafıza kaplar. Sıkıştırılmış bitmap görüntüleri daha hızlı yüklenir, ancak görüntünün sıkıştırmasını açmak biraz zaman alır.
Vektör grafikleri esas olarak matematiksel formülleri kullanarak geometrik şekilleri tasvir etmek için kullanılır. Bir çizimi temsil etmenin bu yöntemi çok etkilidir, çünkü her piksel hakkında veri depolamayı gerektirmez ve bir çizimi temsil etmek, matematiksel hesaplamalara ve bir grafik nesnesi oluşturmaya yönelik talimatların yürütülmesine indirgenir. Tipik olarak bu tür çizimler tasarım programlarında kullanılır, örneğin
CAD.Ayrıca birde şu var meta dosyası formatı Her iki grafik türünü birleştiren. Bir örnek, uzantıya sahip dosyalardır .wmf. Bu tür dosyalar, örneğin metin belgelerine gereken görünümü kazandırmak için çizimlerin boyutlarının sık sık değiştirilmesi gerektiğinde popüler Word düzenleyicisindeki çizimleri temsil etmek için kullanılır.
Şu anda Web sayfası geliştiricileri arasında yaygın olarak kullanılan iki tarama formatı vardır: GIF(Grafik Değişim Formatı), 1987'de geliştirilen ve 1989'da CompuServe tarafından geliştirildi ve JPEG Ortak Resim Uzmanları Grubu geliştirme grubunun kısaltılmış adını alan.
GIF formatında (uzantısına sahip dosyalar
.gif) görüntü blok yöntemi kullanılarak kodlanır. Bilgisayara alındıktan sonra kodu çözülür ve monitör ekranında oynatılır. GIF formatı, sınırlı sayıda renge sahip çizimler için en küçük miktarda dosya belleği sağlar.GIF formatını kullanmak, aşağıdakiler de dahil olmak üzere birçok efekt oluşturmanıza olanak tanır: şeffaflık
(şeffaflık). Bu efekt, bir çizimin dikdörtgen dışında bir biçimde sunulması gerektiğinde yaygın olarak kullanılır. Bu durumlarda dikdörtgen görüntünün bir kısmı özel şeffaflık rengiyle, diğeri ise normal renklerle boyanır. Sayfaya yerleştirildikten sonra şeffaflık rengiyle doldurulmuş piksellerdeki tasarım, arka plan rengindeki piksellerle değiştirilir ve geri kalan pikseller her zamanki gibi yeniden üretilir, böylece şeffaflık etkisi yaratılır. Artık aynı tasarım, renklerin eşleşmemesi durumunda tasarımın istenmeyen dikdörtgen konturlarının yeniden oluşturulacağından korkmadan farklı renkteki alt tabakalara yerleştirilebilir. Şeffaf GIF'ler oluşturmak için Photo Shop gibi birçok resim düzenleyiciyi kullanabilirsiniz.Diğer bir etki ise indirilen GIF'in tarayıcıda oluşturulma şeklidir. Resim şu formatta kaydedilmişse geçmeli(serpiştirilmiş), daha sonra tarayıcıya iletildiğinde görüntünün farklı kısımlarından yüklenir. Düşük bağlantı hızında, indirmenin başlangıcındaki bulanıklıktan sonunda netliğe kadar resmin kademeli olarak ortaya çıkmasının etkisi yaratılır. Aralıklı formatlı grafiklerin avantajları açıktır, çünkü genellikle, istenmeyen grafiğin bulunduğu sayfanın yüklenmesi tamamlanmadan çok önce, kullanıcı yüklemeyi durdurabilir, böylece normal formatlı grafiğin tamamı için bilgisizce beklemek zorunda kalacağı zamandan tasarruf edebilir. aktarılacak. FP programı, herhangi bir GIF çizimi için şerit efekti oluşturmanıza olanak tanır.
GIF'ler, Web sayfalarının içeriğini canlandırmak ("canlandırmak") için kullanılan ilkel animasyon oluşturmak için kullanılabilir. Animasyon efektleri şüphesiz sayfayı süslüyor ve çoğu zaman dikkati tek tek parçalarına çekmenin bir yolu olarak hizmet ediyor. Dezavantajı ise animasyonlu çizimler içeren dosyaların hacminin artmasıdır. Animasyonlu GIF'ler oluşturmak için, basitten çok karmaşığa kadar birçok programı kullanabilirsiniz; bu, tüm animasyon filmlerini tek bir dosyada oluşturmanıza olanak tanır. Basit bir animasyon programına örnek olarak MP Gif Animator (V. Pham tarafından) verilebilir. Güçlü bir animasyon programı Ulead GIF Animator Lite'tır (Ulead Systems'in bir ürünü).
JPEG formatında (uzantıları olan dosyalar) .jpg, daha az sıklıkta .jpe veya jpeg) doğa fotoğrafları, zengin renk paletine sahip yüksek kaliteli görüntüler gibi çok renkli görüntülerin sıkıştırılmış biçimde saklanması tercih edilir. Bir çizimi grafik düzenleyicilere (örneğin, Photo Shop) kaydederken, birbiriyle ters ilişkili olan dosya boyutunu ve çizimin kalitesini kontrol edebilirsiniz. Bu özellik genellikle Web sayfası geliştiricileri tarafından resimli dosyaları en aza indirmek ve kalitelerini bir miktar kaybetmek için kullanılır. Çoğu zaman bu tür görüntüler pratik olarak görsel olarak ayırt edilemez, ancak karşılık gelen dosyaların boyutunda 1,5-3 kat farklılık gösterebilirler.
BMP formatındaki çizimleri içeren dosyaları (uzantısına sahip dosyalar) göz ardı edemezsiniz. .bmp). Bu ilk grafik formatlarından biridir. Bu formattaki çizimler çok fazla bellek kaplar, ancak bugün hala kullanılmaktadır, ancak yalnızca çok küçük görüntüleri temsil etmek için.
Son zamanlarda, Web için özel olarak GIF formatının yerini alması gereken yeni bir PNG resim formatı geliştirildi.
Grafik dosyalarının boyutunu azaltmak için ciddi bir kaynak, grafik editörlerindeki özel görüntü işlemedir. Çoğu zaman, çizim kalitesinde neredeyse hiç bozulma olmadan dosyayı birkaç kez küçültmek mümkündür. İncirde. Şekil 5.16, Photo Shop grafik düzenleyicisini kullanarak bir görüntünün düzenlenmesine ilişkin bir örneği göstermektedir.
Bir tarayıcı kullanarak bir fotoğrafı dosyaya dönüştürürken, görüntünün beyaz gömleğin yakası gibi küçük bir alanında bile farklı renk özelliklerine sahip birçok piksel oluştu. Bir görüntüyü sıkıştırırken bu özellikleri korumak, her birine "bireysel" bir yaklaşım gerektirir ve bu da dosya boyutunun makul olmayan bir şekilde büyümesine neden olur.
Şekil 2'de solda. Şekil 16 grafik düzenleyici araç çubuğunu göstermektedir; altta ortada bir fotoğraf, üstte fotoğrafın büyütülmüş bir parçası (yakanın sağ tarafı), sağda ise rötuşlanmış parçanın büyütülmüş bir görünümü bulunmaktadır. Rötuş, gömleğin yakasının tek tip hale getirilmesini içeriyordu. Adlandırılmış parçayı görüntüleyen pikselleri tek renkli yaparsanız fotoğrafın kalitesinin bozulmayacağı, ancak sıkıştırılarak kaydedildiğinde tüm tek renkli piksellerle ilgili bilgilerin bir kez kaydedileceği ve bunun sonucunda dosya boyutu küçüldü. Fotoğrafın çeşitli bölümlerine de benzer bir işlem uygulanarak dosya boyutunun 2,5 kat küçültülmesi sağlandı. Rötuşlama, aşağıdakiler de dahil olmak üzere çeşitli panel araçları kullanılarak yapılır:
Kalem Aracı (kalem) paneldeki aktif renkle vurgulanır.Resim dosyalarının boyutunu en aza indirmek için, bir resmi geliştirirken ve kaydederken grafik editörleri tarafından yerleştirilen grafik olmayan bilgileri onlardan kaldıran özel programları da kullanabilirsiniz. Örneğin, bu satırların yazarı Gold Software'in Advanced GIF Optimizer programını kullanıyor. Optimize edicilerin kullanılması genellikle bir GIF dosyasının boyutunu %10-60 oranında daha azaltabilir.
Bir resmin yüklenmesini hızlandırmak için, resmi ayrı parçalara bölebilir ve ardından bu parçaları farklı tablo hücrelerindeki sayfalara yerleştirebilirsiniz. Tarayıcıda görüntülendiğinde parçalanmış bir çizim, parçalanmamış bir çizimle aynı görünür. Parçalamanın avantajı, diğer sayfa öğeleri gibi görüntülerin de tarayıcıya paralel olarak yüklenmesidir, bu da sayfa yüklemesini hızlandırmaya yardımcı olur. Ek olarak, tam yüklü parça tarayıcıda hemen belirir ve bu, resmin hızlı bir şekilde yükleneceği yanılsamasını yaratmanıza olanak tanır. GIF ve JPEG resimleri ve düzenleme kaynaklarını aktarma yeteneğiyle birleştiğinde, resimlerin sayfalara yüklenmesinde gözle görülür bir hızlanma elde edebilirsiniz.
8. Çerçeveli sayfalar
Bu sayfalar Netscape Navigator tarayıcısı için kullanılacak ilk sayfalardır. Böyle bir sayfa, tarayıcıdaki bir dizi bağımsız çerçeve penceresini temsil eder; bu, ayrı ayrı sayfaları veya bir sayfanın farklı bölümlerini aynı anda görüntüleme yeteneklerini genişletmeyi, özellikle de bunların bağımsız olarak kaydırılmasına izin vermeyi mümkün kılar. Her kare ayrı bir dosyayla temsil edilir ve çerçevelerin tarayıcıda görüntülenme şeklini açıklamak için başka bir dosya kullanılır; bu, bir çerçeve dosyasıdır. Her çerçeve bir Web'dir sayfadır ve tek pencerede ayrı bir sayfa olarak görüntülenebilir.
İncirde. Şekil 17'de bölümün elektronik öğretim materyallerini gösteren sayfalar arasında gezinmenizi sağlayan bir Web sayfası gösterilmektedir.
|
| Pirinç. 17. Çerçeveli bir Web sayfası örneği |
Sayfa menü şeklinde düzenlenmiş olup üç çerçeveden oluşmaktadır.
: biri üstte, diğer ikisi onun altında - solda ve sağda. Üst çerçeve sayfa başlığını temsil eder. Alt çerçeveler, iki seviyeli bir menünün çoğaltılıp kullanılabileceği şekilde tasarlanmıştır. İlk menü düzeyi sol çerçevede düzenlenmiştir. İçinde kullanıcı istediği uzmanlığı, disiplini seçebilir veya köprülerden birine tıklayarak bu sayfadan bölümün ana sayfasına gidebilir. İncirde. 17 sol çerçevede, yazıtın bulunduğu köprüye tıklayın Bilgisayar Bilimi, köprüyü sınırlayan noktalı çerçeveden anlaşılabileceği gibi. Bu tıklamanın ardından bu disipline yönelik mevcut öğretim materyallerinin başlıklarını içeren bir sayfa yüklenir ve sağ çerçevede çoğaltılır. Sağ çerçevede fare imleci çizginin üzerinde duruyor Açık başlıklardan birinde. Böylece sağ çerçeve bir alt menü taşıyıcısı, yani aktif bir ikinci düzey menü görevi görür.Açıklanan organizasyon yöntemi, kullanıcı dostu bir biçimde, sol çerçevede isteğe bağlı olarak uzun bir disiplin ve uzmanlık listesi ve sağ çerçevede görüntülenmek üzere her uzmanlık veya disiplin için isteğe bağlı olarak uzun bir malzeme listesi oluşturmanıza olanak tanır. Bu durumda, sağ çerçeve listesinde her zaman sol çerçeve listesinden seçilen konumun içeriğini görebilirsiniz.
Bir çerçeve sayfası tasarlarken aşağıdaki sayfalar ilk olarak ayrı ayrı oluşturuldu:
- başlık.htm – çerçeve sayfasının başlığını temsil edecek sayfa;
- menu.htm – menünün sol çerçevede görüntülendiği sayfa;
- informatique.htm – disipline yönelik öğretim materyallerinin listesini görüntüleyen sayfa Bilgisayar Bilimi;
- sertifika.htm - uzmanlık alanındaki öğretim materyallerinin listesini görüntülemek için sayfa Sertifikasyon;
- tms_metod.htm – gerçek çerçeve sayfası.
Son sayfayı oluşturmak için menü kullanılarak yeni bir dosya düzenlenir Dosya /
Yaratmakve bir takım seçin Diğer şablonlar sayfalar...görev bölmesinden Yaratılış.Açılan iletişim kutusundaŞablonlar sayfalar, sekmeyi seç Sayfaçerçeve FP'nin parçası olan çerçeve yapısına sahip Web sayfalarının şablonlarını gösteren (Şekil 18).
Yeni çerçeveler web sayfasının penceresi (Şekil 19) seçilen yapıya uygun olarak parçalara bölünecektir.
Bağlam menüsünü, sayfa özellikleri penceresini açmak ve başlık satırına metni girmek için sağ tıklayın
Bölümün metodolojik materyalleri Genellikle tarayıcının üst kısmında görüntülenen tms_metod.htm sayfasını kaydedin.Daha sonra sırasıyla butona tıklayın Başlangıç sayfasını ayarlaüst ve sol çerçevelerde ve Şekil 2'de gösterilen köprü oluşturmak için standart pencereyi kullanarak ilgili çerçeve ile sayfanız arasında bir bağlantı kurun. 12. Düğmeye tıkladıktan sonra, üst çerçeveye başlık.htm adresi, soldaki menü.htm, sağdaki boş sayfa atanır (düğmeyi kullanarak) Bir sayfa yarat incirde. 19).
informatique.htm ve sertifika.htm dosyalarının köprülerle çağrıldıktan sonra sağ çerçevede görüntülenmesini sağlamak için, menu.htm dosyasındaki bu Web sayfalarına giden köprülere varsayılan olarak home değeri atanır.
9. Web sayfası geliştirme örneği
İncirde. 20 sundu
Web sayfası geçmişi.htm KSTU'nun TMS bölümünün kısa bir geçmişini gösteren.
Pirinç. 20. Bir Web sayfasının tarayıcıda görünümü
FP editöründe işaretlenen sayfanın görünümü Şekil 1'de gösterilmektedir. 21. Öncelikle yeni bir sayfa oluşturulur. Daha sonra, fareye sağ tıklandığında satırın tıklandığı bir içerik menüsü çağrılır. Sayfa Özellikleri. Açılan sayfa özellikleri penceresinde (Şekil 3), başlığı girilir TMS departmanının tarihçesi. Yer işaretinde Diğer Sayfa kenarlığı girintisi seçeneklerinin her birinde bir onay işareti bulunur ve değerleri sıfıra ayarlanır. Bu, tarayıcıya okunduğunda sayfanın, görünümün üst ve sol kenarlarından herhangi bir dolgu olmadan görüntülenmesi gerektiği anlamına gelir. Düğmeye tıklayarak Kaydetmek sayfa, History.htm adı altında diske kaydedilir.
Daha sonra tablo ekle komutu kullanılarak sayfaya dört sütun ve dört satırdan oluşan bir tablo yerleştirilir. Üst sıradaki hücrelere, h1.gif, h2.gif, h3.gif şeklinde üç resim soldan sağa doğru sırayla yerleştirilir (resimler daha önce Photo Shop grafik düzenleyicisinde tasarlanmıştı). İlk çizim (KSTU) 4 K, ikincisi (TMS) - 3,6 K, sonuncusu - 1,4 K boyutundadır. Tüm çizimler bordo zemin üzerine yapılmış yazıtlardır. Son rakam (MAKİNE MÜHENDİSLİĞİ TEKNOLOJİSİ BÖLÜMÜ TARİHİ yazısını içeren) hafızayı azaltmak için genişlik olarak küçültülmüştür.
Pirinç. 21. FP düzenleyicide işaretlenmiş bir Web sayfasının görünümü
Ardından, ilk satırın hücresine tıklayın ve komut verin Tablo/Satır Seç Hücrelerin ilk satırı vurgulanmıştır. Daha sonra imleç bunun üzerine yerleştirildi ve sağ fare düğmesine tıklandı. Bağlam menüsünde seçilen komut Hücre özellikleri ve beliren pencerede (Şekil 10), seçilen tüm hücrelere bg.gif resmi biçiminde bir arka plan atanır (bu aynı zamanda Photo Shop düzenleyicisinde de hazırlanır). Bu çizim aynı özelliklere sahip tek renkli 8x8 piksellik bir görüntüdür. Arka plan dosyasının boyutu yalnızca 46 bayttır. Tablonun ilk satırının tamamının aynı renkle boyanması için arka plan gereklidir (resimler aynı renkteki bir arka plana karşı yapılmıştır).
Daha dar olan h3.gif görüntüsünün hücrenin ortasına dikey olarak yerleştirilebilmesi için özelliği Dikey pozisyon belirlenmiş değer ortalanmış. Yatay konum varsayılan olarak bırakılır, yani hücrenin sol kenarına basılır. Tablonun ilk satırının son hücresi için (boş), özellik Genişlik değer 600 olarak atanmıştır. Bu, tablonun ilk satırının tamamının pencerenin tüm genişliğine sığması (ve hatta bir miktar kenar boşluğu sağlaması) için gereklidir; bu, sayfayı görüntülerken bir etki yaratacaktır. tarayıcıda başlığın (afişin) tek renkli gölgelenmesi (Şek. 20).
Daha sonra, KSTU web sitesine ve TMS departmanının web sitesine iki köprü atandı. Sayfayı görüntüleyen kişinin istenirse bu sayfaları görüntülemeye devam edebilmesi için bunlar gereklidir. İlk görsele (h1.gif) bir köprü atandı http://www.kgtu.runnet.ru KSTU web sitesine (Şekil 5.12). İkincisi (h2.gif) – TMS departmanının web sitesine köprü bağlantı http://tms.kgtu.runnet.ru. Resim özelliklerinin Metin satırında ilk metin atanır KSTU web sitesine, ikinci - TMS departmanının web sitesine. Bu satırlar, sayfayı görüntüleyen kişinin imleci resmin üzerine getirdiğinde araç ipuçlarındaki köprülerin amacını okuyabilmesi için gereklidir. Köprü resimlerinin ana hatlarının tarayıcıda görünmesini önlemek için kenar kalınlığı özelliği sıfıra ayarlanır ve kenarlık daraltılır (Şekil 15). Bu, tablonun ilk satırının işaretlenmesini tamamlar.
Tablonun ikinci satırındaki ilk iki hücre,arrow.gif dosyasındaki aynı resmi içerir. Resim yukarıyı gösteren bir oku temsil etmektedir. Dosya boyutu yalnızca 324 bayttır. Resimlerin amacı izleyiciyi, üstlerinde kullanabilecekleri köprüler olduğu konusunda uyarmaktır. Okların tam olarak karşılık gelen resimlerin altında bulunmasını sağlamak için özellik yatay pozisyon hücrelere bir değer atandı merkezinde.
Sayfa metni tablonun üçüncü satırında bulunur. Metni eklemeden önce bu satırın ikinci ve üçüncü hücreleri birleştirildi. Birleştirmeden önce hücreler seçildi, ardından menü komutu yürütüldü Tablo/Hücreleri Birleştir. Daha sonra imleç hücreye yerleştirildi ve boş paragraflar eklemek için Enter tuşuna birkaç kez basıldı.
Hücrenin ilk paragrafında metnin üst kısmı klavyeden yazılır (çeşitli zamanlarda TMS departmanının başkanlığını yapan çalışanların listesinden önce gelir).
Aşağıda bir satır ve iki sütundan oluşan bir tablo bulunmaktadır. Sol sütuna çalışanların isimleri, sağ sütuna ise departmanda görev yaptıkları yıllar girilir. Tablo hücreleri, özellik şu şekilde biçimlendirilir: dikey hükümler anlamı var yukarı, mülk yatay konum – sol kenarda. Bu düzenleme, tarayıcıda soyadlarının ve periyotların birbirinin tam altında iki bitişik sütunda konumlandırılmasına olanak tanıyacak.
Tablonun altında hikayenin açıklamasını tamamlayan metin bulunmaktadır.
Tüm metin yazı tipindedir Arial, bazı parçaları kalın harflerle yazılmıştır. Bunlar arasında sayfayı görüntülerken dikkat etmeniz gereken tarihler, soyadlar, uzmanlık kodları ve diğer unsurlar yer alır.
Metin parçalarından birinin ilginç bir özelliğini vurgulama fırsatı kaçırılmadı: TMS bölümünde öğretilen uzmanlık alanlarının adlarının ilk harflerinden bir kısaltma oluşturursanız, ilk harflerden oluşan kısaltmayı tekrarlayacaktır. bölümün adının yani yine “TMS” elde edersiniz (Metnin bu kısmı Şekil 20 ve 21'de görünmüyor. Bu özellik, uzmanlık adlarındaki ilk harflerin vurgulanmasıyla vurgulanmaktadır. kalın ve kırmızı.
Son olarak, büyük tablonun alt satırındaki tüm hücreler birleştirilir ve bölümün çıktı verileri, daha küçük bir yazı tipinde - adres, telefon numaraları, e-posta adresi - elde edilen hücreye girilir.
Windows 10 için Microsoft FrontPage, HTML öğrenmek zorunda kalmadan web siteleri oluşturmanıza olanak tanır. Gerekli metni proje sayfasına, resimleri uygun yerlere yerleştirerek yerleştirmeniz yeterlidir. Karmaşık yardımcı programlar veya özel komut dosyaları kullanılmadan eklentilerin ve efektlerin geliştirilmesi mümkündür.
Uygulama, siteyle etkileşime geçmek için bir dizi araca sahiptir. Entegre şablonlar genel olarak önemli İnternet sayfaları veya içerik oluşturmak için kullanılır. Profesyonel tasarım tekniklerini ve metin stillerini kullanmak mümkündür. Kişisel tarzınızı somutlaştıracak çeşitli seçenekler mevcuttur. Windows 10 için Microsoft FrontPage'i resmi web sitesinden kayıt olmadan ve SMS olmadan Rusça olarak indirmenizi öneririz.
Program bilgisi- Lisans: Ücretsiz
- Geliştirici: Microsoft
- Diller: Rusça, Ukraynaca, İngilizce
- Cihazlar: PC, netbook, dizüstü bilgisayar (Acer, ASUS, DELL, Lenovo, Samsung, Toshiba, HP, MSI)
- İşletim Sistemi: Windows 10 Home, Professional, Enterprise, PRO, Enterprise, Education, Home Edition (güncellemeler 1507, 1511, 1607, 1703, 170)
Daha önce özel bilgi olmadan web sayfaları oluşturmanın oldukça karmaşık ve imkansız olduğu görülüyorsa, WYSIWYG işlevine sahip HTML editörlerinin piyasaya sürülmesinden sonra, biçimlendirme dilleri hakkında hiçbir şey bilmeyen mutlak bir aceminin bile bir web sitesi oluşturabileceği ortaya çıktı . Bu grubun ilk yazılım ürünlerinden biri, Microsoft'un Trident motorundaki Front Page idi ve bu, 2003 yılına kadar (dahil olmak üzere) ofis paketlerinin çeşitli sürümlerinde yer alıyordu. Son fakat bir o kadar da önemlisi, programın bu kadar geniş bir popülerliğe sahip olması da bu gerçek sayesinde oldu.
Programın özellikle yeni başlayanların ilgisini çeken ana özelliği, HTML kodu veya diğer işaretleme dilleri bilgisi olmadan sayfa düzenleme yeteneğidir. Bu, adı Rusçaya çevrilen "ne görürsen onu alırsın" ifadesinin İngilizce kısaltması olan WYSIWYG özelliği sayesinde mümkün olmaktadır. Yani kullanıcı, oluşturulan web sayfasına neredeyse Word kelime işlemcisinde olduğu gibi metin yazma ve resim ekleme olanağına sahip olur. İkincisinden temel fark, Ön Sayfanın Flash ve XML gibi daha farklı web bileşenlerine sahip olmasıdır. WYSIWYG işlevi, çalışırken etkinleştirilir "Yapıcı".
Araç çubuğundaki öğeleri kullanarak metni Word'dekiyle aynı şekilde biçimlendirebilirsiniz:
- Yazı tipi türünü seçin;
- Boyutunu ayarlayın;
- Renk;
- Konumlandırmayı ve çok daha fazlasını belirtin.
Ayrıca doğrudan düzenleyiciden resim ekleyebilirsiniz.
Standart HTML düzenleyici
Daha ileri düzey kullanıcılar için program, işaretleme dilini kullanan standart bir HTML düzenleyiciyi kullanma olanağı sunar.
Bölünmüş Düzenleyici
Bir web sayfası oluştururken programla çalışmanın başka bir seçeneği de bölünmüş düzenleyici kullanmaktır. Üst kısmında HTML kodunun görüntülendiği bir panel bulunur ve alt kısmında sürümü modunda görüntülenir. "Yapıcı". Panellerden birindeki verileri düzenlediğinizde diğerindeki veriler otomatik olarak değişir.
Görünüm Modu
Ön Sayfa ayrıca, ortaya çıkan web sayfasını Internet Explorer tarayıcısı aracılığıyla sitede görüntüleneceği biçimde görüntüleme olanağına da sahiptir.
Yazım denetimi
Modlarda çalışırken "Yapıcı" veya "Ayrılıkla"Ön Sayfanın Word'dekine benzer bir yazım denetimi işlevi vardır.
Birden çok sekmede çalışma
Program birkaç sekmede çalışmanıza, yani aynı anda birkaç web sayfası oluşturmanıza olanak tanır.
Şablonları uygulama
Ön Sayfa, programın içine yerleştirilmiş hazır tasarım şablonlarına dayalı bir web sitesi oluşturma fırsatı sunar.
Web Sitelerine Bağlantı Verme
Program çeşitli web siteleri ile veri aktarımı yaparak iletişim kurma yeteneğine sahiptir.
Avantajları
- Kullanımı kolay;
- Rusça dil arayüzünün mevcudiyeti;
- Yeni başlayanlar için bile web siteleri oluşturma yeteneği.
Kusurlar
- Program 2003'ten bu yana güncellenmediğinden güncelliğini yitirmiştir;
- Geliştirici tarafından uzun süredir desteklenmemesi nedeniyle resmi web sitesinden indirilemiyor;
- Kodun yanlışlığı ve fazlalığı not edilir;
- Modern web teknolojilerini desteklemez;
- Front Page'de oluşturulan web sayfası içeriği, Internet Explorer motorunda çalışmayan tarayıcılarda düzgün görüntülenmeyebilir.
Ön Sayfa, bir zamanlar kullanıcılar arasında popüler olan ve web sayfaları oluşturma kolaylığıyla dikkat çeken, WYSIWYG işlevselliğine sahip bir HTML düzenleyicisidir. Ancak Microsoft tarafından uzun süredir desteklenmediği ve web teknolojileri çok ileri gittiği için şu anda umutsuzca modası geçmiş durumda. Ancak birçok kullanıcı bu programı nostaljiyle hatırlıyor.
Karmaşık İnternet siteleri ve portalları oluşturmak için çok çeşitli ek araçlara sahip olan, İnternet sayfalarını tasarlamanın temel ilkelerini oldukça kolay anlayabileceğiniz bir program.
Microsoft FrontPage programı hakkında kısaca
Bu, Web sitelerini tasarlamak, hazırlamak ve yayınlamak için öğrenmesi kolay ve kullanışlı bir Web düzenleyicisidir. MS Office ürün ailesiyle entegrasyon, tanıdık bir arayüz ve çok sayıda şablon sayesinde program, MS Word'de çalışmanın temellerine aşina olan acemi kullanıcıların bile çalışmaya hızlı bir şekilde hakim olmalarını sağlar. Aynı zamanda FrontPage, "aptallar" için bir çözüm olarak adlandırılamaz: program, İnternet sayfalarını optimize etmek için kapsamlı işlevsellik ve çeşitli araçlar sağlar.
Microsoft FrontPage adının 2003 yılına kadar mevcut olduğunu, daha sonra yeni işlevlerle desteklendiğini ve yazılımın adının değiştiğini belirtmekte fayda var. FrontPage, 2007'de Microsoft Expression Web ve 2010'da Microsoft Office SharePoint Designer olarak yeniden adlandırıldı. Aslında yeni versiyonlara bazı eklemeler eklendi ancak programın temel görünümü korundu.
Temel program araçları
Microsoft FrontPage programının genel görünümü
Microsoft FrontPage'in MS Word araçlarıyla pek çok ortak noktası vardır; bu nedenle birçok düğme ve menü sekmesi aynı zamanda sezgiseldir ve sayfa oluşturma sürecini kolaylaştırır. Pek çok kişi basit metni nasıl yazacağını ve biçimlendireceğini, Microsoft Word'de tablo oluşturmayı zaten biliyor ve aynı prensip FrontPage'de bir sayfayı düzenlemek için de geçerli.
Sağdaki şekil, metin, bağlantılar ve resimler içeren bir sayfa şablonu oluşturabileceğiniz standart bir araç seti içeren programın genel görünümünü göstermektedir. "Görünüm" sekmesine, ardından "Araç Çubuğu"na gidin ve " Standart", "Biçimlendirme" Ve " Tablolar", bu araçlar yalnızca bir sayfa oluşturmak için yeterli olacaktır. Aşağıda, "Tasarımcı", "Kod" ve "Görünüm" sekmelerine dikkat edin - bunlar, oluşturduğunuz sayfanın nasıl göründüğünü her zaman görüntüleyebileceğiniz üç farklı moddur beğenmek.
- Tasarımcı'da tüm düzenlemeler girilir, metin yazılır ve biçimlendirilir, resimler eklenir, bağlantılar oluşturulur, arka plan ve yazı tipi renkleri Microsoft Word'dekiyle aynı şekilde değiştirilir.
- "Kod" sekmesinde sözde HTML kodunu görüntüleyebilirsiniz. HTML, World Wide Web'deki belgeler için standart biçimlendirme dilidir. Çoğu web sayfası HTML kullanılarak oluşturulur. Bu sekmede sayfayı da düzenleyebilirsiniz ancak bu işaretleme dilini bilmeniz gerekir. Ancak yeni başlayanlar tüm değişiklikleri yapıcıda yapmalıdır ve HTML'deki tüm değişiklikler otomatik olarak gerçekleşecektir.
- "Görünüm" sekmesinde sayfanın doğrudan tarayıcıda (Internet Explorer gibi) nasıl göründüğünü görebilirsiniz.
Diğer Microsoft FrontPage menüleri, düğmeleri ve işlevlerine ilişkin ayrıntılı açıklamalar programın yardımında sağlanmaktadır. Bunu yapmak için "F1" tuşuna basın.
FrontPage'de sayfalar için şablon oluşturma
Ana tabloyu editöre ekleme
Ve böylece, basit bir şablon oluşturmak için üç bloktan oluşan bir tablo eklemeniz gerekir. Üç blok basit bir standarttır: üst blok site adı içindir, ikinci blok site gezinme bağlantıları içindir, üçüncü blok ise sayfadaki metin, resimler ve diğer bilgiler içindir. Kolaylık sağlamak için daha fazla masa bloğu ekleyebilirsiniz, ancak bu blokların nasıl, kaç adet ve hangi boyutta yapılacağı bir zevk meselesidir. Tablo oluşturarak değil, sayfalara "div" denilen elemanları ekleyip onlara belirli stiller atayarak blok oluşturmanın başka bir yolu daha var ama bu yöntem yeni web yöneticileri için değil ve bununla ilgili ayrı bir makale yazılabilir.
- Tablo eklemek için “Tablo” > “Ekle” > “Tablo” sekmesine gidin ve alanları sağdaki şekilde gösterildiği gibi doldurun. Aslında kendi parametrelerinizi girebilirsiniz ancak bu tablonun sabit bir genişliği vardır ve ekran alanının %100'üne kadar uzanır. Bu şekilde tablo tarayıcıda kompakt bir şekilde görüntülenecektir.
- Daha sonra, yerleştirmeden sonra aynı yüksekliğe sahip oldukları için üç hücrenin tümünü ayarlamanız gerekir. En üstteki hücreye sağ tıklayın ve "Hücre Özellikleri" ne gidin, yükseklik alanına koşullu olarak "150" girin ve "noktalarla" kutusunu işaretleyin, yani. Hücre boyutu 150 piksel olacaktır. Aynı menüde hücrenin arka plan rengini seçebiliriz ve “stil...” menüsünden tıklayarak diğer hücre ayarlarını yapabilirsiniz örneğin hücre kenarlığının rengini ve boyutunu seçebilir, bunu deneyin ve sonucu görün. Hücrenin kendisine sitenin adını girebilirsiniz.
- Daha sonra site gezinme bağlantıları için tasarlanan ikinci hücreyi düzenliyoruz. Genişliği yaklaşık 40 piksele ayarlıyoruz, bu yeterli olacaktır, ayrıca arka plan rengi, kenar boşlukları gibi diğer ayarları da zevkinize göre ayarlıyoruz. Daha sonra, bağlantıların adlarını dikey çizgi işaretleri veya başka bir işaretle ayırarak yazıyoruz (bunları aşağıda şablonun tamamını indirerek görebilirsiniz). Testi seçin ve MSWord'deki gibi orta hizalama düğmesine basın. Aynı şekilde yazı tipini, yazı tipi boyutunu ve diğer metin ayarlarını değiştirebilirsiniz.
- Son hücreyi de kurduk. Bir tebrik metni girebileceğiniz ana metin için tasarlanmıştır.
- Son olarak “Dosya” > “Özellikler” sekmesine giderek burada sitenin adını girip sayfanın genel arka planını ve diğer genel ayarları değiştirebilirsiniz.
Şablon artık hazır. Sitenin sonraki tüm sayfalarının çerçevesidir. Site HTML kodunda şöyle görünür:
Sitenin şablonunu bu şekilde alıyoruz
< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "metin/html; karakter kümesi=windows-1251"> < title >Sitenin adı < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Sitenin adı < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Ev | < b >Sayfa 2 | < b >Sayfa 3 | < b >Sayfa 4 | < b >Sayfa 5 | < b >Kişiler < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Ana sayfa metni. Buraya bir tebrik metni ekleyebilir ve sitenin neye adandığını kısaca yazabilirsiniz.
Bu HTML kodu, düzenleyicinin "Kod" sekmesinden hemen eklenebilir ve bitmiş şablonu hemen göreceksiniz. Kendi ihtiyaçlarınıza uyacak şekilde değiştirilebilir ve düzenlenebilir. Burada ana metnin girildiği yere ve alanlara yakın konumlanmaması için örnekte gösterildiği gibi “div” etiketinde girinti ayarıyla çerçevelendiğini açıklamakta fayda var.
Ek Şablonlar
- Ayrıca FrontPage programında ve diğer benzer programlarda sayfa oluşturmak için kullanılabilecek standart şablonlar bulunduğunu, bunların kolayca düzenlenebileceğini ve herhangi bir şablonu ihtiyaçlarınıza göre özelleştirebileceğinizi de bilmeniz gerekir. Standart bir şablon seçmek için, açılan pencerede "Dosya" sekmesi > "Oluştur..." seçeneğine gidin, istediğiniz herhangi bir şablonu seçebileceğiniz "Diğer sayfa şablonları"nı seçin.
- İkinci bir seçenek daha var - şablonun tamamını internetten indirin. Bu tür hizmet veren pek çok site var. şablonlar ücretli veya ücretsiz olabilir. Bunu veya bu şablonu indirdikten sonra programda düzenleyebilir, gerekli içerikle doldurabilir ve şu veya bu öğenin stilini değiştirebilirsiniz.
Standart tablo ve tema düzenlerini kullanın
Microsoft FrontPage, hazır tablo düzenleri ve web sitesi oluşturmaya yönelik temalar için iyi araçlar sağlar
Microsoft FrontPage'in, normal sayfalar veya kartvizit siteleri oluşturma sanatını öğrenmenize yardımcı olabilecek standart bir dizi tablo düzeni ve temaya sahip olduğunu bilmeniz gerekir. Ve böylece sağ üstte bir açılır menü var (tablo düzenlerini ve tasarım temalarını kullanmanın sonucunu da gösteren sağdaki resme bakın), tıkladığınızda, "Düzen" seçeneğini seçmeniz gereken bir menü görünecektir. Tablolar ve hücreler” ve ardından aşağıda birçok farklı masa düzeni görünecektir, kendi takdirinize ve zevkinize göre herhangi birini seçebilirsiniz. Bu, tabloyu manuel olarak oluşturmanıza olanak sağlar.
Ve böylece, metninizi, logonuzu, bağlantılarınızı tablo hücrelerine yazarak veya yapıştırarak, aynı menüye giderek, sayfanın tasarımı, bağlantılar, sayfa tasarımı için çeşitli temalar seçebileceğiniz “Tema” menüsünü seçebilirsiniz. arka plan ve çok daha fazlası. Bu fırsat, İnternet sayfalarının nasıl oluşturulacağını yeni öğrenenler için iyidir ve bir web sitesi oluşturma sürecini oldukça net bir şekilde yansıtır. Başka bir deyişle, Microsoft FrontPage'de farklı ayarları deneyebilir ve belirli bir sayfanın nasıl dönüştürüldüğünü net bir şekilde görebilirsiniz. Burada bir tavsiyede bulunabilirsiniz: programın tüm işlevlerini inceleyin ve şu veya bu menüden yararlanmaktan korkmayın, çünkü her aracın tam teşekküllü bir sayfa oluşturmak için kendi özelliği ve amacı vardır.
Resim ekleyin ve sayfalara bağlantılar oluşturun
Acemi web yöneticilerinin bir sayfaya nasıl resim ekleyeceklerini ve diğer sayfalara nasıl bağlantı oluşturacaklarını bilmeleri önemlidir. Örneğin site adının metni yerine site logosunun resmini ekleyebilirsiniz. Bunu yapmak için önce görseli eklemek istediğiniz alana tıklayın, ardından en üstte “Ekle” sekmesi > “Çizim” > “Dosyadan” seçeneğine tıklayın, istediğiniz görseli seçin ve ardından “Ekle”ye tıklayın. hangi resmin sayfada görüneceğini belirler. Resme sağ tıklayarak ek resim ayarlarının bulunduğu menüye gidebilirsiniz. Tüm resimlerin, tüm resimler için kesin olarak tanımlanmış tek bir klasörde olması önemlidir.
Sitenin diğer sayfalarına gitmek için kullanıcıların sitenin tüm sayfalarını ziyaret edebilecekleri bağlantılar oluşturmanız gerekir. Bunu yapmak için, bağlantı için istediğiniz metni seçip “Ekle” > “Köprü” sekmesine gitmeniz, açılan menüde bağlantının oluşturulduğu sayfayı belirtmeniz ve “tamam”a tıklamanız gerekiyor. . Aynı pencerede, bağlantının yeni bir pencerede açılıp açılmayacağı gibi bağlantılarla ilgili başka ayarlar da vardır. Prensip olarak bunu kendi başınıza inceleyebilirsiniz.
Çözüm
Özünde bu editörler birbirine benzer ve benzer işlevlere ve menülere sahiptir. Temel ayarlara hakim olduktan sonra diğer düzenleyicilerde kolayca web siteleri oluşturabilirsiniz. Bu ilkelere hakim olduktan sonra, CSS adı verilen yöntemi kullanarak daha karmaşık bir web sitesi tasarımı yöntemine geçebilirsiniz. Ne olduğunu ve bir web sitesi tasarımının nasıl düzenleneceğini CSS ile ilgili makalede okuyabilirsiniz.
Bu "şablon" yönteminin dezavantajı, her sayfanın oluşturulan şablona göre ayrı ayrı oluşturulması gerekmesidir. Motor adı verilen araçları kullanarak web siteleri oluştururken olduğu gibi, ayrı sayfa oluşturmaya gerek olmadığında, içerik eklendikçe otomatik olarak oluşturulurlar.
Makaleyle veya web siteleri oluşturmak için bu tür programların kullanımıyla ilgili herhangi bir sorunuz varsa, bunları forumumuzun tartışma başlığında sorabilirsiniz.
