Ev » Şapkalar » Bilgisayar bağımlılığım var. Bilgisayar bağımlılığı ve çocuk gelişimi

Bilgisayar bağımlılığım var. Bilgisayar bağımlılığı ve çocuk gelişimi

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.

Hemen yukarıdaki örneğin kötü bir alt tabaka seçimi örneği olduğunu 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 genellikle arka plan olarak 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ücreler arasında 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
menü listesi Sokmak

En sık kullanılan metin dışı Ekle menü öğelerinden bazıları şunlardır:

Açıklık

Yatay çizgi. Yatay bir çizgi ekleyin;

Sembol.

Standart olmayan bir karakterin, yani klavyede bulunmayan bir karakterin eklenmesi;

Tarih ve saat. Düzenlenmekte olan sayfanın güncellenme tarihini ve saatini görüntülemek için standart bir damga. Geliştirici, çıkış modunu yalnızca tarihi veya günün tarih ve saatini gösterecek şekilde ayarlayabilir. Aralarından seçim yapabileceğiniz çeşitli damga sunum seçenekleri vardır. Örneğin, "14 Şubat 2001 02/12/25". Bir sayfaya böyle bir damga yapıştırılmışsa, bu, sayfanın en son 14 Şubat 2001 tarihinde öğlen 12'de düzenlendiği anlamına gelir. 2 dakika. 25 saniye bilgisayar zamanlayıcısı ile;

Dosya. Diskten seçilen dosyanın tüm içeriğini ekler. İçerik, klavye imlecinin bulunduğu konuma eklenir. Bu şekilde örneğin bir belgenin metnini ekleyebilirsiniz;

Çizim
. Bir dosyadan resim ekleme;

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 unsurudur. Ü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 veya 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.

5.1.1. Yeni bir web sitesi ve sunum modları oluşturma………………... - 58

5.1.2. Yapının organizasyonu web sitesi………………………………………….. - 61

5.1.3. Bir web sayfasını düzenlemek…………………………………………… - 64

5.1.4. Metin ekleme ve biçimlendirme…………………………………….. - 66

5.1.5. Ana Renkleri Düzenleme web sayfaları…………………………….. - 69

5.1.6. Tablolar, düzen tabloları oluşturma ve düzenleme……………….. - 69

5.2. Uygulama nesneleri olarak grafik görüntüler …………………………. - 76

5.2.1. Bir web sayfasına grafik ve ses arka planı ekleme………………
5.2.2. Web sayfasına resim ekleme..................................................................................................
5.2.3. Görüntü özellikleri…………………………………………………………
5.2.4. Bir görüntüyü düzenlemek……………………………………………………………….
5.2.5. Çizilen nesneler……………………………………………………………

5.3.1. Web sayfalarında köprüler ve yer imleri oluşturma…………………….
5.3.2. Grafiksel etkin noktalar oluşturma………………………..
5.3.3. FrontPage 2003 kullanarak köprülerin kontrolü ………………………
5.3.4. Genel sınırlar…………………………………………………………….
5.4. Basamaklı Stil Sayfaları (CSS) ……………………………………………………………
5.4.1. İç stiller……………………………………………………………….
5.4.2. Uygulanan stiller……………………………………………………………
5.4.3. Dış stil sayfaları………………………………………………………..
5.5. FrontPage 2003 uygulamasındaki çerçeveler (çerçeveler) …………………………………

5.6. FrontPage 2003 uygulamasındaki formlar…………………………………………………………. - 100

5.7. Uygulama bileşenleri ve kısa açıklamaları………………………. - 104

5.8. FrontPage 2003'ün ek özellikleri ………………………………… - 111

5.8.1. Sarma ve Konumlandırmayı Kullanma……………………………. - 111

5.8.2. Dinamik HTML ve JavaScript kullanarak efektler……………….. - 113

Bölüm 5. Microsoft Office FrontPage 2003 Uygulaması.

Microsoft Office FrontPage 2003, standart bir arayüz kullanarak web siteleri (web siteleri) oluşturmak ve sürdürmek için tasarlanmış bir uygulamadır

WYSIWYG (“ne görüyorsan onu alırsın”).

MS FrontPage2003 ayrı bir uygulama olarak mevcuttur. Kurulum klasörünün boyutu 155 MB'tır. Donanım Gereksinimleri.

Bilgisayar ve işlemci. Pentium 133 MHz veya üzeri işlemcili PC, Pentium III önerilir.

Aynı anda çalışan her uygulama için ek 8 MB RAM.

Sabit disk. 245 MB boş sabit disk alanı ve 115 MB sabit disk alanı,

işletim sisteminin kurulu olduğu yer (kullanılabilir sabit disk alanı gereksinimleri, yapılandırmanın yanı sıra kurulum işlemi sırasında seçilen bileşenlere de bağlıdır).

İşletim sistemleri: Microsoft Windows® 2000 Service Pack 3 (SP3), Microsoft Windows XP veya üzeri.

Web sitesindeki programla ilgili yardım bilgileri - http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

MS Office FrontPage 2003 yeni bir geliştirme ortamı sağlar: düzenler, cetveller,

Kılavuz çizgileri, örnek görseller, katmanlar, şablonlar, gelişmiş temaların tümü, HTML bilgisi bile olmayan bir geliştirici için bir web sitesi projesini uygulama sürecini kolaylaştırmak üzere tasarlanmıştır. Web düzenleyici, tablolarla çalışmak için kullanışlı araçlara, yerleşik görüntü işleme araçlarına sahiptir ve çeşitli multimedya nesnelerini sayfalara kolayca yerleştirmenize olanak tanır: çizimler, videolar, animasyonlar, ses parçaları. MS Office paketi ile sıkı entegrasyon, MS Word belgelerini sayfalar halinde görüntülemenize olanak tanır,

MS Excel tabloları ve grafikleri, MS Access'ten dinamik olarak veri alır, VBA, yazım denetleyicileri ve web sitesi sayfalarını tasarlamak için yaklaşık 60 hazır tema kullanır. MS FrontPage 2003 modern Web için destek sağlar

basamaklı stil sayfaları (CSS), dinamik efektler (DHTML), çerçeveler, aktif sayfalar (ASP), ActiveX kontrolleri ve Java uygulamaları gibi teknolojiler.

FrontPage programı yalnızca bir Web sayfası düzenleyicisi değildir, aynı zamanda sayfa gezinme şeması, çeşitli raporlar kullanarak site analizi, toplu geliştirme, belirli amaçlar için özelleştirme gibi site yönetim araçlarını da içerir.

tarayıcılar, bir siteyi HTTP ve FTP protokolleri aracılığıyla bir Web sunucusuna yükleme. Bu programı kullanarak, yalnızca web sayfaları oluşturup düzenlemekle kalmaz, aynı zamanda ek komut dosyaları yazmadan bunlara çeşitli karmaşık öğeler (sayaçlar, bağlantı çubukları, arama çubukları, dinamik efektler, sürüngenler vb.) de ekleyebilirsiniz.

Ancak bu bileşenlerin çoğu yalnızca web'in

FrontPage (Microsoft), SharePoint™ Team Services 1.0 (Microsoft) veya

Microsoft Windows® SharePoint Hizmetleri. Kullandığınız tarayıcının türüne bağlı olarak bazı bileşenler çalışmayabilir. Bu, web sayfaları oluştururken uygulamanın yeteneklerinin kullanımına belirli kısıtlamalar getirir.

MS FrontPage web düzenleyicisinin dezavantajları, ağırlıklı olarak Internet Explorer tarayıcısına yönelimini içerir, bu nedenle bitmiş sitenin çalışmasını diğer tarayıcılarda kontrol etmelisiniz. Ve ayrıca bitmiş HTML kodunun bir miktar fazlalığı. Düzenleyici, sayfa kodundaki değişiklikleri izler ve kullanıcı tarafından silinen etiketleri geri yükler.

Şekil 5.1 – MS Office FrontPage 2003 program penceresi

Temel olarak MS FrontPage 2003 çoğu MS Office uygulamasına benziyor

2003 (Şekil 5.1).


– başlık satırı	- Çalışma alanı
- Menü çubuğu	– düğme çubuğunu görüntüle
- Standart araç çubuğu	– “çizim” araç çubuğu
– “biçimlendirme” araç çubuğu		- durum çubuğu
– sunum paneli		- görev bölmesi
– mevcut bilgi alanı		Referans

görünümler Program hakkında yardım almak için komutu çalıştırmanız gerekir.

Yardım→Microsoft Office FrontPage ve FrontPage Yardım panelinde bağlantıları takip etİçindekiler . Bilgisayarınız İnternet'e bağlıysa, http://office.microsoft.com web sitesinde bulunan belgeler yardım içindekiler tablosuna eklenir. Aksi takdirde içindekiler tablosu yalnızca uygulamayla birlikte yüklenen belgelerden oluşur.

5.1. Uygulama ortamında web sitesi oluşturma ve düzenleme.

Bir web sitesi oluşturmaya başladığınızda, konusuna, sitenin alt bölümlerinin sayısına ve her birindeki sayfalara karar vermeniz gerekir; Ayrıntılı bir yapısal diyagram geliştirmenin yanı sıra her web sayfası için metin ve grafik materyali hazırlayın. Doğrudan MS Office FrontPage 2003'te bir web sitesi geliştirme süreci aşağıdaki algoritma kullanılarak gerçekleştirilebilir.

1) Yeni bir web sitesi oluşturun veya önceden oluşturulmuş bir web sitesini açın.

2) Yapıyı organize etme (düzenleme)İnternet sitesi.

3) Sayfaları düzenle web sitesi herhangi bir sırayla: 3.1) belirli bir sayfa için düzenleme moduna gidin;

3.2) web sayfasının özelliklerini ayarlar;

3.3) klavyeden metin girin veya panoya yapıştırın ve biçimlendirin; 3.4) arka plan, ses, tablolar, grafikler ekleyin,

3.5) MS Office FrontPage 2003'ün dinamik efektlerini ve bileşenlerini ekleyin; 3.6) web sayfasını kaydedin ve Internet Explorer tarayıcısında görüntüleyin;

3.7) düzenlemeye devam edin veya başka bir web sayfasını düzenlemeye geçin.

4) Gerekirse 2. adıma dönün ve yenilerini ekleyin internet sayfaları.

5) FrontPage 2003'ü kapatın, açın web sitesini bir tarayıcıda açın ve test edin (web sitesini farklı tarayıcılarda farklı monitör uzantılarıyla görüntüleyin).

5.1.1. Yeni bir web sitesi ve sunum modlarının oluşturulması.

Yeni bir web sitesi oluşturmak için aşağıdaki adımları tamamlamanız gerekir.

1) Komutu çalıştır Dosya → Yeni.

2) Görev alanının Oluşturma panelinde (1 Şekil.5.2) köprüleri izleyin

Tek sayfalık web sitesi (2 Şekil 5.2).

3) Açılan Web Sitesi Şablonları penceresinde (3 Şekil 5.2), Genel sekmesinde Tek Sayfalık Web Sitesi şablonunu seçin (4 Şekil 5.2). Şablonun açıklaması (5 Şekil 5.2)

iletişim kutusunun sağ alt kısmında görünür. (Başka bir şablon seçerseniz, yeni web sitesi zaten belirli bir tasarıma sahip çok sayıda web sayfası içerecektir; bazı durumlarda özel bir sihirbaz başlatılacaktır.

Web sitesinin yapısını ayarlayabileceğiniz ayarlar.)

4) Alanı doldurun Yeni web sitesinin konumunu belirtin: (6 Şekil.5.2) manuel olarak

(tam yolu girin) veya Gözat düğmesini (7 Şek.5.2) kullanarak (konumu tanımlayın)

Yeni bir web sitesini kaydetmek için diske gidin, bir klasör açın (oluşturun), düğmeye basın

Açık).

5) Tamam düğmesine basın.

Şekil 5.2 – Yeni bir web sitesi oluşturmak

Web sitesi oluşturulduktan sonra (Şekil 5.3), panelleri görüntüle Web sitesi sekmesi (1) kontrol panelini görüntüle Bu görünümde hizmet bilgileri (2) ve komut düğmeleri (3) bulunur ve çalışma penceresinde geçerli görünümün içeriği (4) bulunur.

Panel düğmeleri görüntüle(5 Şekil 5.3), web sitesini sunmanın farklı modlarına geçiş yapabileceğiniz altı düğme içerir.

Klasör Görünümü – Bir web sitesindeki klasörlerin ve sayfaların listesini gösterir. Bu modda, sağ taraftaki Klasör oluştur düğmesini kullanarak yeni klasörler oluşturmak kullanışlıdır.

Şekil 5.3 - Klasörler web sitesinin görünümü

Uzak Web Sitesi görünümü – web'inizi görüntülemek için kullanılır

Uzak bir web sunucusundaki site.

Rapor görünümü – web sitesiyle ilgili rapor seçeneklerinin bir listesini içerir. Her özet raporun kendi adı, öğe sayısı, toplam dosya boyutu ve açıklaması vardır.

Bu mod örneğin hiper metin geçişlerindeki hataları tanımlamak için kullanılabilir.

Geçiş görünümü – bir web sitesinin yapısının grafiksel temsilini gösterir.

sayfalar.

Görevler görünümü – web oluşturmaya yönelik görevleri düzenlemek için kullanılır.

web sitesi (genellikle bir web sitesinde birden fazla kişi çalışıyorsa kullanılır).

Bu görünümlerin tümüne Görünüm menüsünden erişilebilir.

FrontPage 2003 ile oluşturulan bir web sitesi web sayfaları, resimler, multimedya dosyaları içerebilir; Neredeyse tüm olası dosya türlerinin yanı sıra gizli klasörler ve dosyalar (uygulamada görüntülenmeyen), uygulamanın özel işlevselliğini destekler. Gizli klasörler arasında _vti_cnf ve _vti_pvt bulunur. Web sitesi klasörünü örneğin Bilgisayarım programında açarsanız görülebilirler. _vti_cnf klasörü her dosya hakkında bilgiler içerir;

Varsayılan olarak, oluşturulduğunda Bir sayfa web sitesi, klasörler oluşturulur

Özel ve görseller ile index.htm dosyası web sitesinin ilk (ana) sayfasıdır.

index.htm web sayfasını görüntülemek için dosya adının üzerine farenin sol tuşuna çift tıklamanız gerekir. Sonuç olarak, panelleri görüntüle sekmenin sağında

web sitesinde index.htm sekmesi (1 Şekil.5.4) ve Kapat düğmesi (2 Şekil.5.4) görünecektir. bilgi alanı panellerini görüntüle düğme Hızlı etiket seçimi(3 Şekil 5.4) ve

çalışma alanı boş bir belge görüntülenecektir. Açık düğme çubuklarını görüntüle (4

Şekil.5.4) bir web sayfasını düzenlemenin çeşitli modlarına geçiş yapabileceğiniz düğmeler görünecektir.

Tasarımcı Görünümü – Web sayfasını WYSIWYG modunda gelişmiş bir kelime işlemci olarak görüntüler.

Bölünmüş Görünüm – aynı web sayfasını hem gelişmiş kelime işlemci modunda hem de web sayfasının HTML kod düzenleyicisinde görüntüler. Modlardan birinde yapılan değişiklikler anında ikinciye yansıtılır.

Kod görünümü – web'in HTML kodunu doğrudan düzenlemenize olanak tanır

sayfalar.

Önizleme Görünümü – Sayfanın tarayıcıda nasıl görüneceğini gösterir.

Bu görünümlere erişmek için Görünüm→Sayfa komutunu kullanın.

Bir web sitesindeki dosya ve klasörlerin listesini Sayfa görünümünde görmek için şu komutu çalıştırmanız gerekir: Görünüm→Klasör Listesi veya düğmeye basın

Anahtar paneli standart araç çubuğunda veya klavyede aynı anda ALT ve F1 tuşlarına basın.

İÇİNDE Sonuç olarak çalışma alanı iki bölüme ayrılmıştır (Şekil 5.4). Solda

– sağdaki Klasör Listesi (5) veya Geçişler web sitesinin görünümleri – Görünüm menüsünden herhangi bir görünüm.

Programda düzenleme için bir web sitesinin sunumunun bu organizasyonu

FrontPage 2003 en uygunu gibi görünüyor.

Düzenlediğiniz web sayfasının çalışma alanını artırmak için görev bölmesini kapatabilirsiniz. Bu panelin FrontPage 2003 uygulamasının sonraki başlatmalarında görünmesini önlemek için şu komutu çalıştırmanız gerekir:

Araçlar→Seçenekler ve Genel sekmesinde, görev bölmesini açmak için kutunun işaretini kaldırın.

Web sitesiyle çalışmayı bitirmek için komutu çalıştırmanız gerekir.

Dosya → Düğümü Kapat.

Şekil 5.4 – Komutu yürüttükten sonra FrontPage 2003 program penceresi Görünüm→Klasör Listesi

FrontPage 2003'te bir web sitesini açmak için aşağıdaki adımları tamamlamanız gerekir.

Komutu çalıştır Dosya → Düğümü aç.

Açılan Bir web sitesi aç iletişim kutusunda, web sitesinin bulunduğu klasörü açın.

Aç düğmesini tıklayın.

5.1.2. Organizasyon
5.1.2. Organizasyon
web sitesi yapısı.

Web sitesinden sonra
yaratıldı, onu yaratmanız gerekiyor
orijinal yapı, yani
eklemek	gerekli
yeni web sayfaları. Ek		Şekil 5.5 – Geçişler bilgi paneli
yapıya yeni web sayfaları		– yeni bir web sayfası oluşturmak
site düzenlenebilir		– mevcut bir web sayfasını eklemek
		– bir bağlantı çubuğu oluşturma
Farklı yollar.		– bağlantı çubuğuna dahil etme (hariç tutma)
		– bağlantı çubuğuna dahil etme (hariç tutma)
	Hadi düşünelim	– alt ağaç görünümü
modunda web sayfaları oluşturma		– yatay veya dikey yerleştirme
temsil		– yapı görüntüleme ölçeğinin seçilmesi

Geçişler. Bu modda (Şekil 5.5), web sayfaları grafik diyagram (8) biçiminde görüntülenir ve bilgi paneli, aşağıdakilerle çalışmanıza izin veren komutları (1-7) içerir.

web sitesi yapısı. Yeni web sayfaları oluşturmak için aşağıdaki adımları tamamlamanız gerekir.

1) Bilgi panelindeki 1 düğmesine basın. Şu anda yapının web sayfalarından hiçbiri seçilmemişse, o zaman başlıklı bir web sayfası görüntülenir.

Üst sayfa 1. Mevcut web sayfalarından herhangi birinin olması durumunda

yapısı seçildiğinde, seçilen sayfaya ince bir çizgiyle (8) bağlanan Yeni Sayfa 1 başlıklı bir web sayfası görünecektir. İkinci durumdakiyle aynı etki, mevcut web sayfalarından herhangi birine sağ tıklayarak ve açılır menüdeki komutu çalıştırarak elde edilebilir. Yeni→Sayfa. Sonraki tüm sayfalar öncekilerden yalnızca sayı bakımından farklı olacaktır.

2) Daha sonra oluşturulan web sayfalarının Klasör Listesi penceresinde görüntülenmesi için

Yenile komutunu standart araç çubuğundan veya Görünüm menüsünden çalıştırmalısınız.

3) Başlıkları olan bir web sayfasının Klasör listesi penceresinde Üst sayfa X

toppageX.htm dosyalarına, başlık içeren web sayfalarına karşılık gelir Yeni sayfa X, new_str_X.htm dosyalarına karşılık gelir; burada X sayıdır. Adları olan dosyalar

new_str_X.htm, adları aşağıdakilerden oluşacak şekilde yeniden adlandırılmalıdır:

yalnızca Latin harflerinden, sayılardan ve izin verilen sembollerden . Bunu yapmak için ilgili dosyaya sağ tıklayın ve komutu seçin. Yeniden adlandırın ve

dosya adını gerekli olanla değiştirin.

4) Bir web sitesinin yapısını değiştirirken mevcut sayfalar silinebilir (istenen sayfaya sağ tıklayın, Sil'i seçin, alttaki onay kutusunu açın ve Tamam'a tıklayın) ve şemaya göre taşıyabilirsiniz (sayfayı taşımak için sol tıklayın) istenilen konuma). Web siliniyor veya taşınıyorsa

sayfada daha düşük seviyeli sayfalar varsa bunlar da silinecek veya

etkilenmiş.
		yaratıldı		internet sayfaları


web sitesinin kök klasörüne yerleştirilir. Eğer
çok fazla sayfa var, bunları farklı sayfalara yerleştirmek mantıklı
	uyarınca		yapı.	Bunun için
pencere Oluşturmanız gereken klasörlerin listesi (Şek. 5.6)					Şekil 5.6 – Klasör Listesi penceresi
pencere Oluşturmanız gereken klasörlerin listesi (Şek. 5.6)
						Bir web sayfası oluşturun
bilgi paneli Klasör Listesi) ve basıldığında						- bir klasör oluştur
bilgi paneli Klasör Listesi) ve basıldığında						- bir pencereyi kapat
						- bir pencereyi kapat

Dosyaları istediğiniz klasörlere taşımak için sol tıklayın.

II. Klasör Listesi penceresini kullanarak web sayfaları oluşturma sürecine bakalım (Şekil 5.6). Bu pencere, web sitesinin klasörlerini ve dosyalarını, iç içe geçmelerini belirterek alfabetik sırayla görüntüler. Yeni web sayfaları oluşturabilmek için aşağıdaki adımları tamamlamanız gerekmektedir.

1) 2 numaralı düğmeyi kullanarak, Yeni klasörX adlarını gerekli olanlarla değiştirerek, belirli bir iç içe geçme yapısına sahip gerekli sayıda klasör oluşturun.

2) Oluşturmayı planladığınız klasörü seçin web sayfası.

3) 1 numaralı düğmeye basın ve new_page_Х.htm'deki yeni dosyanın adını gereken adla değiştirin.

(yalnızca Latin harfleri, sayılar ve izin verilen semboller ) uzantıyı değiştirmeden

.htm dosyası.

4) Gerekirse farenin sol tuşuna basarak dosyaları klasörden klasöre sürükleyebilirsiniz.

5) Ortaya çıkan yapıyla çalışmanın rahatlığı ve netliği için web sitesinde grafiksel olarak da düzenleyebilirsiniz. Bunu yapmak için, web sitesi sunum modunu Geçişler'i seçin ve oluşturulan web sayfalarını aktarmak için farenin sol tuşuna basın.

grafik blok diyagramı. Gerekirse diyagramın grafik öğelerinin adlarını istediğiniz öğeye sağ tıklayıp komutu seçerek değiştirebilirsiniz.

Yeniden isimlendirmek.

Şekil 5.7 – Yeni bir web sitesi web sayfasını kaydetme

FrontPage 2007 - SharePoint Designer 2007

Fark ettiğim gibi, birçok İnternet kullanıcısı bunu deniyor FrontPage 2007'nin Rusça sürümünü indirin. FrontPage'in artık SharePoint Designer olarak adlandırıldığını lütfen unutmayın. Onlar. FrontPage 2007'yi indirmek istiyorsanız, SharePoint Designer 2007'yi indirmeniz gerekir. Üstelik Nisan 2010'dan bu yana SharePoint Designer 2007 kesinlikle hale geldi.
özgür!

Program, Microsoft web sitesinden ve arama yapamayacak kadar tembel olanlar için, ardından SharePoint Designer 2007'yi İndir bağlantısını izleyerek mevduat dosyalarından indirilebilir. Peki, yeni ne var?

FrontPage 2003 ile çalışmış olanlar SharePoint ile çalışırken herhangi bir zorluk yaşamayacaktır çünkü... Program arayüzü neredeyse hiç değişmeden kaldı.

SharePoint Designer 2007 arayüzü

Peki SharePoint Designer 2007'ye yükseltmeye değer mi yoksa FrontPage'e bağlı kalmak mı daha iyi? Eminim buna değer. Gerçek şu ki, FrontPage 2003'ün piyasaya sürülmesinden sonra Microsoft'tan yoldaşlar uyumadılar ve SharePoint Designer 2007'ye pek çok yararlı şey eklediler.

Örneğin, basamaklı stil sayfaları (CSS) oluşturma yeteneği büyük ölçüde geliştirildi. Daha fazlasını söyleyeceğim - şimdi var görsel modda CSS oluşturma yeteneği! Onlar. HTML'de (köprü metni biçimlendirme dili) tamamen sıfır olabilir ve yine de siteniz için stil sayfaları oluşturabilirsiniz.

Yapılan yenilikler sayesinde SharePoint'in ürettiği kod, FrontPage kodundan çok daha temiz hale geldi. Genel olarak FrontPage 2003 kullanıcılarının bu konuyla ilgili bir örneğe göz atmalarını öneririm.

Sonuç olarak, SharePoint Designer 2010 programının yeni bir sürümünün zaten ortaya çıktığını söylemek istiyorum (buna FrontPage 2010 diyebilirsiniz :) Ancak onunla her şey SharePoint 2007'deki kadar basit değil, gerçek şu ki, yeni sürüm program, tek bir projede çok sayıda kişinin işbirliğine maksimum düzeyde bağlıdır. SharePoint Designer 2010 ile çalışmak için, sunucuda uygun yazılımın kurulu olması gerekir. Barındırıcıdan bunu yüklemesini isteyebilirsiniz, ancak bunun bedelini ödemek için.

Bu nedenle şu anda SharePoint Designer 2007 çok talepkar olmayan kullanıcılar için uygundur.

FrontPage, HTML sayfaları oluşturmak ve ardından bunları "yayınlamak" için kullanılan bir programdır. Bu, uzun süredir desteklenmeyen oldukça eski bir yazılım çözümüdür. Onun yerini program aldı.

Fonksiyonel

FrontPage, web sayfaları oluşturma sürecini basitleştirmek ve daha rahat hale getirmek isteyen web yöneticileri için yararlı bir yardımcı olacaktır. Program, yalnızca sayfalar oluşturabileceğiniz değil, aynı zamanda bunları isteklerinize veya müşteri gereksinimlerinize göre tasarlayabileceğiniz geniş bir araç seti sağlar. Programın kullanıcı hatalarını kontrol edebilmesi oldukça kullanışlıdır. Etiketlerdeki tüm hatalar bulunacak ve daha fazla düzeltme için size gösterilecektir.

Yazılım, sayfa oluştururken kullanabileceğiniz yerleşik bir dizi şablon içerir; bu, zamandan tasarruf etmenizi sağlar ve tekerleğin yeniden icat edilmesini önler. Özel bir yöneticinin yardımıyla bitmiş çalışmanızı çok hızlı bir şekilde yayınlayabilirsiniz. Zorluklar ve sorular olması durumunda yardım bölümünü açmanızı öneririz; bu, çıkmazdan nasıl çıkış yolu bulacağınızı size Google'dan daha iyi anlatacaktır.

Çalışma modları

Yazılım ürünü, çalışma penceresinin iki alana bölüneceği durumda - kod oluşturma ve görüntüleme - tasarımcı, kod, sonuçları görüntüleme ve "birleşik" mod gibi çeşitli çalışma modları sağlar. Tasarımcıyla çalışırken yapılan tüm hatalar gösterilecektir - burada metin, bağlantılar, çerçeveler ve diğer birçok öğe arasına eklenen resimlerle de çalışabilirsiniz. Kod modunu görüntüleme için değil düzenleme için kullanmak daha mantıklıdır.

Ana Özellikler

web sayfalarının oluşturulması, tasarımı ve içeriği;
tasarım modunu (WYSIWYG) kullanarak görsel kod incelemesi;
entegre şablon kütüphanesi;
nihai sonucun hızlı ve rahat bir şekilde yayınlanması için yerleşik yönetici;
dizine erişme yeteneği;
hataların otomatik aranması ve düzeltilmesi;
Grafik kabuğunun Rusça versiyonunun mevcudiyeti.

Modern teknolojiler sürekli gelişiyor ve herkes onların gerisinde kalmak istemiyor. Her geçen gün daha fazla içerik yayınlandıkça bilgisayar oyunu bağımlılığı da giderek daha popüler hale geliyor. Bilgisayar organik olarak her insanın hayatına girmiştir ve onsuz daha fazla varoluşu hayal etmek zaten oldukça zordur.

Her kişi bir cihazı farklı amaçlar için kullanır: Bazıları iş bağlantılarını sürdürmek için buna ihtiyaç duyar, bazıları ise ufuklarını genişletmek için ona ihtiyaç duyar. Bir kişinin bilgisayar başında oyun oynayarak geçirdiği süre belirlenen normları aşıyorsa oyun bağımlılığının geliştiğini söyleyebiliriz.

Oyuncu, gerçek hayata dikkat etmeden, sanal dünyada meydana gelen olaylarla giderek daha fazla ilgilenmeye başlar. Dünya istatistiklerinin gösterdiği gibi, gezegen nüfusunun %5'inden fazlasında bilgisayar oyunu bağımlılığı tespit edildi. Uygun önlemler alınmazsa sorun ilerlemeye başlayacaktır. Her durumda, aile ve arkadaşlar, problemden kurtulmaya yardımcı olacak bir psikologdan yardım almalıdır.

Nelere dikkat etmelisiniz?

Birçok bağımlılığın patofizyolojik belirtileri ve oluşum ilkeleri aynıdır. Bunlar belirli beyin merkezlerinin uyarılmasından kaynaklanır. Yukarıda açıklanan sorunun yalnızca gençleri ilgilendirdiğini düşünmenize gerek yok; çok sayıda yetişkinin en sevdikleri oyunları oynayarak onlarca saat harcadığını görebilirsiniz.

İnsanlar kendilerini sanal dünyaya kaptırdıktan hemen sonra mutluluk ve iyi bir ruh hali yaşarlar. Oyun bağımlılığı, kişinin bilgisayarında geçirdiği zamanı kontrol etmeyi bırakmasına neden olur. Uyku, 24 saat oyun oynamanın önünde nesnel bir engeldir; bu nedenle çoğu oyuncu, kafein içeren içeceklere ve diğer uyarıcılara başvurur. Yetişkinlerin ve çocukların vücutları üzerinde olumsuz etkileri olabilir.

Yetişkin nesil oyuncuların diyetinde, düşük alkollü içeceklere ve yarı mamul ürünlere doğru kayan bir değişiklik gözlemlenebilir. Oyun bağımlılığı, oyuncunun kişisel hijyenini kontrol edememesine neden olur:

diş temizliği;
tarama;
duş vb.

Bağımlılığın sonuçları hareketsiz bir yaşam tarzı, değişen uyku döngüsü ve kötü beslenme ile ilişkilidir. Bilgisayarın teknik durumunda bir arıza varsa, "kronik oyuncu" hemen moralini kaybedecektir. Stresli bir durumda olacak ve saldırganlığını ailesine ve arkadaşlarına sıçratacak.

Yetişkin nesil

Oyun bağımlılığı sizi sürekli olarak yeni ekipmanlara para harcamaya ve gerekli programları güncellemeye iter. Bağımlı bir kişi için gerçeklik ikinci planda kalmaya başlar. İşi, ailesi ve kişisel gelişimi hakkında düşünmeyi bırakır. Onun düşüncesi sadece yeni bir görevi tamamlamak veya yeni bir güncelleme yüklemekle ilgili.

Bağımlılık ilerledikçe belirtiler daha da kötüleşecek, ancak çoğu kişi zamanının boşuna olduğunu fark etmeye başlayacak. Bu tür insanlar giderek mevcut dünyayı terk etmeye ve kendilerini sanal gerçekliğe kaptırmaya çabalamaya başlıyor. Bir karakteri iyi oynamak, gerçek sorunları çözmekten daha iyidir. Bilgisayar oyunlarıyla ilgili konular, bağımlı bir kişinin sözlüğünde giderek daha fazla yer alıyor. Zamanla tüm boş zamanlarını almaya başlarlar ve beyin sadece onları düşünür.

Kumar bağımlılığı, beyne sürekli olarak belirli dürtüler gönderilerek belirli merkezleri uyarması nedeniyle merkezi sinir sisteminin (CNS) sürekli yük altında olmasına yol açar. Hasta aşağıdaki belirtilerle karşılaşabilir:

Ani ruh hali değişimleri.
Sosyal bozulma.
Endişe.
Panik atak vb.

Sorun ne kadar uzun sürerse, sonuçların da o kadar büyük olması beklenmelidir. Bilgisayar oyunlarına çok zaman ayıran bir yetişkin, kendinden şüphe duyma ve yaşamdaki anlam kaybıyla ilişkili sürekli rahatsızlık yaşamaya başlar. Klinik uygulamanın gösterdiği gibi, oyun bağımlılığı libido üzerinde belirli bir iz bırakarak cinsel alanda çeşitli sorunlara yol açar. Kalabalıktan bağımlı bir kişiyi seçmek o kadar da zor değil. İyi iletişim kuramıyor, içine kapanık ve utangaç.

Çocuk ve gençlik sorunu

Çocuklarda ve ergenlerde bağımlılığın sonuçları biraz farklıdır. Oyunlar bir çocuğun hayatına girerse kişiliğinin oluşumunu etkileyebilir. Genç kumar bağımlıları, ebeveynleri onlardan en az bir dakikalığına bilgisayardan uzaklaşmalarını istediğinde, çok geçmeden öfkeli ve saldırgan çocuklara dönüşüyorlar.

Bağımlılığın sonuçları okula düzenli devamsızlıkla ilişkilendirilecek ve ebeveynlere ve sevdiklerinize yalan söylemek norm haline gelecektir. Bazı ailelerde çocukların en sevdikleri oyun için çalmaya veya para dilenmeye başladıkları noktaya gelir ve bu da agresif planı nedeniyle zulme neden olabilir.

Oyun efektleri bir çocuğun olgunlaşmamış ruhuna aşırı yük getirebilir. Gerçek dünya ile sanal dünya arasındaki ince çizgi tamamen silinebilir. Çocuklar ne kadar erken yaşta oyun oynamaya başlarlarsa sağlık ve akademik sorunları da o kadar hızlı gelişecektir. Pek çok kişi, yemeklerin giderek daha fazla bilgisayardan ayrılmadan yapıldığını ve bunun sindirim sürecini etkilediğini fark etmiş olabilir.

Okuldayken bir kumarbazın tüm düşünceleri yalnızca gelecekteki boş zaman beklentisiyle meşgul olur. Hasta gençler her zamanki arkadaşlıklarını terk etmeye başlar ve sağlıksız yiyecekler diyetlerinde giderek daha fazla hakim olur.

Neyden korkmalısın?

Herhangi bir bağımlılığın sonuçları her insanın sağlığını olumsuz yönde etkiler. Mevcut durum ilerledikçe eklemlerde ve omurgada sorunlar kendini hissettirir. Hareketsiz bir yaşam tarzı sonuçta metabolik süreçlerin bozulmasına yol açar.

Uzun süre oturmak aşağıdaki sonuçlara yol açar:

Sürekli baş ağrıları.
İştah azalması.
Hızlı yorulma.
Azalan aktivite vb.

Daha ileri vakaları ele alırken kardiyovasküler sistemle ilgili sorunları vurgulamak gerekir. Uzun süreli kafein kullanımıyla sinir sisteminin tükenmesi başlayabilir ve bu da ciddi sonuçlara yol açabilir.

Bağımlı kişilerin yetersiz beslenmeye başladığı ve bunun gastrointestinal sistem hastalıklarının gelişmesine yol açtığı gerçeğini de hesaba katmak gerekir:

gastrit;
kabızlık;
kolit;
gastroduodenit vb.

Sorunun çocuk versiyonu göz önüne alındığında, beynin hafıza ve konsantrasyondan sorumlu loblarının gelişiminin yavaşladığını belirtmek gerekir. Ebeveynlerin zamanında önlem almaması durumunda çocuklarında gelişimsel sorunlar gelişebilir.

Çok sayıda fizyolojik soruna rağmen psikolojik sorunları da dikkate almak gerekir. Bağımlı insanlar hayatta önemli bir başarı elde edemezler çünkü inisiyatiflerini ve "ateşle mücadeleyi" kaybederler. Sürekli oyun arzusu, profesyonel sonuçlar üzerinde kötü bir etkiye sahiptir: Bir çalışan, mesai saatleri içinde görevlerini yerine getirmeden oyun oynayabilir. İhmal ve bağlılık eksikliği işten çıkarılmayla sonuçlanacaktır.

Bazı bilgisayar oyunlarını oynayabilmek için sürekli para enjeksiyonu gerekir. Borç bağımlılığın doğal bir sonucudur. Kazanma umuduyla kişi borç para alabilir veya kredi alabilir.

Kişi sorununu ne kadar erken fark ederse, sorunu ortadan kaldırmak için o kadar erken adımlar atılabilir. Kendi başınıza bundan kurtulamıyorsanız, bu tür sorunları çözebilecek nitelikli uzmanlara her zaman başvurabilirsiniz. Tüm bağımlılıkların benzer bir gelişim mekanizması vardır ve bu nedenle asıl önemli olan, doğru etki kollarını bulmaktır.

Görüntüleme