Microsoft Office FrontPage 2003, kolayca web sitesi oluşturmanıza olanak tanıyan benzersiz bir programdır. Kanıtın apaçıklığı, basit olanın kişiliksizliği diyebiliriz standart programlar, Yeni başlayanlar için vazgeçilmez bir yardımcı olun. Daha ayrıntılı olarak anlamak için Microsoft'un yetenekleri Office FrontPage, bir dizi olası komuta bakalım.

Bir sayfayı yayınlarken HTML metnini optimize etmek için uzak web sitesini yapılandırmanız gerekir.

1. Gönderilen Web-Vuzol sekmesinde, Web-Vuzol sekmesinde HTML metni yayınlarını optimize et düğmesini tıklayın.

2. HTML Optimizasyonu sekmesinde, Yayınlarken seçeneğini seçin, uygun öğeleri seçerek HTML kodunu optimize edin.

3. Gerekli parametreleri seçin.

Notlar

· Microsoft FrontPage, web sitesinde daha önce yayınlanmış olan web sayfalarının ayarlarını kilitlemez. Bu parametreleri kendi tarafınızda yakalamak için web sitenizde yayınlayın.

· Yerel bir web sitesinden uzak sitelere yayınlarken HTML metninin optimizasyonu devre dışı bırakılabilir, ancak doğrudan devre dışı bırakılamaz.

· Dinamik web sayfalarındaki tüm HTML ek açıklamalarını veya ek açıklamalarını ayarlarsanız, HTML metnini optimize ederken FrontPage programı o sayfaya ilişkin dinamik web şablonlarının tüm kodunu görüntüler. Bu nedenle sayfanın tamamı dinamik bir web şablonuna bağlanır ve artık alt siteler için görüntülenmeyecektir. Microsoft FrontPage'deki web bileşenlerine ek olarak çok çeşitli bileşenleri dahil edebilirsiniz. işlevsel yetenekler, Sayfadaki satış noktalarının sayısını kaydeden tıbbi satış noktalarından başlayarak, setlerden oluşan fotoğraf koleksiyonlarına kadar grafik görseller. İki tür web bileşeni vardır: geliştirme bileşenleri ve inceleme bileşenleri. Geliştirme sürecinin bileşenleri, web sayfalarının oluşturulması ve geliştirilmesi yöntemlerini içerir. Bunlar FrontPage programında mevcuttur. Bir web sitesine bir bileşen (örneğin, fotoğraf koleksiyonu veya posta paneli) eklediğinizde, ek bileşenler yüklemeniz gerekmez. güvenlik yazılımı veya web sitesinde barındırmak için web sunucusundaki sunucu teknolojileri. Bileşenler şu anda Microsoft FrontPage Sunucu uzantısını, SharePoint Team Services'ı (Microsoft) veya Microsoft FrontPage Server uzantısını çalıştıran web sunucularında barındırılan web sitelerinde mevcuttur. Microsoft Windows SharePoint Hizmetleri.

· Hiper-güçlendirme - bu, web sayfaları ve dosyalar arasındaki bağlantılar anlamına gelir. Giriş düğümünde bir hiper kuvvete bastığınızda, nesnenin türüne bağlı olarak nesne tarayıcıda görüntülenir, açılır veya başlatılır. Örneğin, bir sayfada hyperforce'a bastığınızda o sayfa tarayıcıda görüntülenir ve bir hyperforce'a bastığınızda avi-file Bu dosya şurada açıldı: Windows programcısı. Hipergücü ayarlama yöntemleri:

Dosyaya veya web sayfasına gidin yerel önlemler, intranet veya internette

Gelecekte oluşturulacak dosyaya veya web sayfalarına gidin

E-posta yoluyla bildirimler

Dosya aktarımını başlatmak, örneğin bir dosyayı indirmek veya bir dosyayı protokol aracılığıyla göndermek FTP'de

Git ipotekler

Hiper gücü yarattıktan sonra, onları geçilecek önemli nesneye kadar takip edin, bu da gerekli sayfa, Program, dosya, adres e-mail ile. Farenizi metnin veya küçüklerin üzerine getirdiğinizde, bir hiper güç biçimi olarak, sivri parmağı kaldırılmış bir elin görünümünü göreceksiniz, bu da bu öğenin tıklatılabileceği anlamına gelir. Microsoft FrontPage programında köprülere geçiş ve bunların görüntülenmesi, tanınma nesnesinin önemine bağlı olarak değişir. Hiper zorlandığında bu değerler URL formatında (Tekdüzen Kaynak Bulucu) kodlanır. URL'ler protokolü (örneğin, HTTP veya FTP) ve adın konumunu belirtir Web sunucusu veya tabloda gösterildiği gibi dosyanın yolları ve adlarının yanı sıra aralığa yerleştirin.

Bebeklerde hipertansiyon her zaman görülür. Ancak hangisinin daha güçlü olduğunu kontrol etmek için fare imlecinizi onun üzerine getirmeniz gerekir. Farenin üzerine geldiğinizde fare, sivri parmağı kaldırılmış bir el olarak görünecektir.Farenin metne veya bir bebeğe aşırı güçlü görünmesini sağlayabilirsiniz. Metin hiper metni, bir adrese atanan bir kelime veya kelime öbeği olarak adlandırılır URL'si tanıma Bir bebeğin görünümüyle hipergüçlü olana, atamanın URL'sinin atandığı bebek denir. Bu e-posta adresi bebeğe iki yoldan biriyle atanabilir.

· Her küçük çocuğa yıkama için hiper-kuvvetli vikorystuvana verilir. Bu sayede bebeğin herhangi bir yerine basıldığında önemli olan nesne ortaya çıkar. Örneğin, düğme, hiper-güç atanmış ve temizlik için kullanılan küçük bir düğmedir.

· Bir bebeğin bir veya daha fazla hiper nesnesi olabilir, böylece bebeğin hiper güçlü alanlarını tanımlayabilirsiniz. Hipernesneleri içeren küçük şeye hiper harita denir. Örneğin hiper harita, bir web sitesinin farklı bölümlerini temsil eden küçük bir şey olabilir; Ana sayfa, Katalog sayfası vb. Düğümün herhangi bir tarafını görüntülemek için hiper harita alanına tıklayın.

Aşırı şiddeti göstermenin yolları: Web tarayıcılarında aşırı şiddet içeren metinler bazen vurgulanır ve farklı bir renkte görüntülenir. Hiper gücü görüntülemek için tarayıcıda kullanılacak renkleri seçmek mümkündür. Standart HTML niteliklerini seçerseniz, farklı ülkelerdeki hiper uygulanabilirliği temsil eden üç renk seçebilirsiniz. Hiper yaptırım - hiper yaptırımı vikorize etmeyin. Aktif hipervijilans - dahil şimdiki an hipergüç. Hiper-güç yeniden incelendi; geçiş zaten gerçekleşmiş olduğundan hiper-güç. Yer imi, benzer şekilde işaretlenmiş bir sayfadaki bir şarkının veya seçilen metnin adıdır.

Bazı durumlarda aşırı duyarlılık için yer imleri kullanılabilir. Örneğin, alt düğümlerde sayfanın tek bir bölümünü göstermeniz gerekiyorsa, sayfanın o bölümünün yer işaretinin tanıma kutusunda belirtileceği bir abartma ekleyin. Aşırı kuvvetle basıldığında, yan kısım değil, yan kısım görüntülenecektir. Yer imleri, sayfadaki şarkıları aramak için de kullanılabilir. Örneğin sayfadaki her ana başlık için bir yer imi ekleyebilirsiniz. Cildin tarafı değiştirilirken bir sonraki sekmeye gidilerek bölüm kolaylıkla belirlenebilir.

Yer imi bir metin için değil, bir yer için oluşturulduğundan, FrontPage programında belirtilir. Diğer durumda metin kesikli çizgiyle vurgulanır. Microsoft FrontPage'de bir web sitesindeki bir dosyayı yeniden adlandırdığınızda, dosyanın tamamının aranması iptal edilir. Bu tür hiper güçlü ayarlar oluştuğunda, dosya adı otomatik olarak bu ayarlarda güncellenir. Bir web sitesindeki bir dosyayı (örneğin başka bir klasöre veya alt klasöre) taşıdığınızda, Microsoft FrontPage tüm köprüleri otomatik olarak yenisine güncelleştirir. Bir web sitesi yayınlamadan önce abartılarınızı kontrol etmeniz önerilir. Web sitesi uygunsuz aşırı güç (geçersiz bir URL adresi ile aşırı güç) uyguluyorsa, tavsiye düğümünde böyle bir mesaja bastığınızda, tarayıcıda afla ilgili bir bildirim görüntülenir. Böyle bir yasağın nedeni URL adresinin yasaklanması olabilir veya URL adresleri siteden kaldırılan bir tarafı işaret ediyor olabilir. Hedef internetteki başka bir site ise taşınmış veya silinmiş olabilir.

Özel yeteneklerin kontrol edilmesi: Microsoft Kaynakları Office FrontPage 2003, web sayfalarındaki özel yeteneklerin kontrol edilmesine yönelik yeni bir özellik sunar. Özel yeteneklerin doğrulanması, mevcut yetenekler ile web için özel yeteneklere yönelik metodolojik öneriler arasındaki farkları belirlememize olanak sağlar (Web İçeriği Erişilebilirlik Yönergeleri, WCAG) WWW Konsorsiyumu (W3C) veya ABD Rehabilitasyon Yasasının 508. Maddesine uygun olarak. WCAG, işitme, görme ve işitme engelli kişilere yönelik özel yeteneklere sahip web sayfalarının oluşturulmasının temelini atıyor. Bölüm 508, çok çeşitli bilgi cihazları ve teknolojilerinin özel yetenekleri için ABD standartlarını belirler.

FrontPage div'in özel yeteneklerini kontrol etme işlevleri hakkında ek bilgi. Microsoft FrontPage'in iyileştirilmesi. Ek tuşları kullanarak sık kullandığınız görevlerden hızla çıkabilirsiniz. Microsoft FrontPage programındaki anahtarların kullanılabilirliği, gerekli komutun verilen formda mevcut olup olmamasına bağlıdır. Microsoft FrontPage'de sıklıkla kötüye kullanılan görevler:

Robotun web sayfalarıyla kontrol edilmesi - F8

Kullanılabilirlik Denetleyicisini başlatın - CTRL + N

Yeni bir web sayfası oluşturma - CTRL + O

Web sayfasını açın - CTRL + F4

Web sayfasını kapatın - CTRL + S

Web mağazanızı kaydetme - CTRL + P

Web sitesi arkadaşı - F5

Web sayfasının güncellenmesi; klasör listesini güncelleme - CTRL + TAB

Açık web sayfaları arasında gezinme - CTRL + SHIFT + B

Web sayfasını tarayıcıda görüntüleme - ALT + F4

bütünlük Microsoft robotları FrontPage - CTRL + ÜST KRKT + 8

İşlenmeyen işaretlerin çizimi - CTRL + /

HTML etiketini tasarım modunda göster - CTRL + F

Bir web sayfasında metin veya HTML kodu arayın - CTRL + H

Bir web sayfasındaki metni veya HTML kodunu değiştirme - F7

Web sayfasında yazımı kontrol edin - SHIFT + F7

Uygulamada kelime arayın - ESC

Kaydırma - CTRL + Z veya ALT + BOŞLUK ÇUBUĞU

Kalan kısma tıklayın - CTRL + Y veya SHIFT + ALT + BOŞLUK

Döndür veya tekrarla - DEL

Web sayfasını veya klasörleri, klasör listesinde veya herhangi bir iletişim kutusunda görüntüleyin - PROBILE

Erişim ve erişim - F12

Akış sayfasının tarayıcıda ileri görünümü CTRL + PAGE DOWN veya CTRL + PAGE UP

Gösterimler arasında gezinme Kod, Tasarımcı, Alt Bölüm ve İnceleme - ALT + PAGE DOWN veya ALT + PAGE UP

Alt dosyadaki Kod ve Yapıcı alanları arasında geçiş yapma - ALT + F1

Klasör listesini gösterme veya ekleme - YUKARI oklu düğme

Yukarı, aşağı, sol veya sağ ok tuşlarıyla hiper güç verilerindeki hiper güç düğümleri arasında gezinin

Rozlarynka akış düğümü ve hipergüç kaynağında sağa geçiş - SHIFT + SOL OK

Kodlama teknikleriyle çalışmak

Hızlı etiket düzenleyici - CTRL + F2

Zaman saati yer imini ekle - F2

Zaman saati sekmesi artık kullanılabilir - SHIFT + F2

Ön zaman saati sekmesi - CTRL + G

Satıra git - CTRL + L

Otomatik tamamlama - CTRL + ENTER

Kod parçalarını ekleme - CTRL +>

Kapatma etiketini ekle - CTRL +<

Altyazı etiketi ekleme - CTRL + /

HTML notları ekleme - CTRL + BOŞLUK

Metni ve paragrafları biçimlendirme - CTRL + SHIFT + F

Yazı tipini değiştirin - CTRL + SHIFT + P

Yazı tipi boyutunu değiştir - CTRL + B

Formatı dondur - CTRL + U

Koltuğun takviyesi - CTRL + I

Zastosuvannya kötü biçim - SHIFT + TAB

Vikoristannya pipeti - CTRL + artı işareti

zastosuvannya denetleyici biçim - CTRL + eksi işareti

zastosuvannya sözleşme biçim - CTRL + SHIFT + C

Formatı kopyala - CTRL + SHIFT + V

Biçim ekleme - CTRL + SHIFT + Z veya CTRL + SPACE

Formatı manuel olarak görüntülemek için - CTRL + E

Paragrafı ortala - CTRL + L

Paragrafı sola hizalayın - CTRL + R

Paragrafı sağa hizalayın - CTRL + M

Bir paragraf için sol erişimi ayarlama - CTRL + SHIFT + M

Paragrafın doğru erişimini değiştirme - CTRL + SHIFT + S

zastosuvannya stil- CTRL + ÜST KRKT + N

Zastosuvannya stili "Zvichainy" - CTRL + ALT + 1

Stili "Başlık 1" olarak ayarlayın - CTRL + ALT + 2

Stili "Başlık 2" olarak ayarlayın - CTRL + ALT + 3

Stili "Başlık 3" olarak ayarlayın - CTRL + ALT + 4

Stili "Başlık 4" olarak ayarlayın - CTRL + ALT + 5

Stili "Başlık 5" olarak ayarlayın - CTRL + ALT + 6

Stili “Başlık 6” olarak ayarlayın - CTRL + SHIFT + L

Metin ve içeriği düzenleme ve taşıma - BACKSPACE

Kötülüğün bir sembolünü görelim - DEL

Sağ elini kullanan bir karakter seçin - CTRL + BACKSPACE

Tek kelimeye bakın kötülük - CTRL + DEL

Bir kelimeyi sağ elle görüntüleme - CTRL + C veya CTRL + INS

Metni veya Malyunkiv'i kopyala - CTRL + X veya SHIFT + DEL

Görülen metni Microsoft Office panosuna düzenleme - CTRL + V veya SHIFT + INS

Pano yerine yapıştırın - SHIFT + ENTER

Satıra satır ekleme - CTRL + SHIFT + SPACE

Metni ve resimleri görüntüleme - SHIFT + SAĞ OK

Bir sembolü sağ elle görüntüleme - SHIFT + SOL OK

Bir kötü sembolü görün - CTRL + SHIFT + SAĞ OK

Kelimeyi sonuna kadar görme - CTRL + SHIFT + SOL OK

Satırın sonuna kadar görüldü - SHIFT + HOME

Kulaktan görünür satır - SHIFT + YUKARI OK

Bir satır yukarıya bakın - SHIFT + AŞAĞI OK

Aşağıdaki bir satırın görünümü - CTRL + SHIFT + AŞAĞI OK

Paragrafın sonuna bakın - CTRL + SHIFT + YUKARI OK

Aşağıdaki bir ekranın görünümü - SHIFT + PAGE UP

Hayvanın bir ekranını görüntüleme - CTRL + A

Tüm sayfaları görüntüle - ALT + ENTER

Tablo ekleme - TAB

İmleç ortadayken tüm satır ortalarının görünürlüğü.

ağ geçidi otomatik kroki görülen bebek - CTRL + K

Görev alanına erişim ve çalışma Ekle ve aç - SHIFT + CTRL + ALT + T

Tablo ekleme - TAB

Sonraki tablo seçimi yerine görüntüle - SHIFT + TAB

İmleç üst veya alt ortada bulunduğunda görünür sütun - CTRL + T

ağ geçidi otomatik kroki görülen bebek - CTRL + K

Metin alanları ve metin alanları için izin verilen veri türünü ve diğer parametreleri ayarlayabilirsiniz. Örneğin, katılımcı numaralarını veya seri numaralarını toplamak için metin alanına yalnızca sayıların girilmesine izin verin ve diğer karakterlerin girişini engelleyin. Ayrıca, düğüme herhangi bir rakamı veya harfi kaçırmadan girebilmeniz için gerekli karakter sayısını da belirleyebilirsiniz. Ayarlar grubunda bir anahtarın bulunması mümkündür.

Örneğin, formda iki atlama teli bulunduğundan: "Yani" ve "Hayır" ve giriş düğümü bunlardan birini kontrol etmeden formu göndermeye çalıştığından, bir bildirim görünür. "Öğe seç" gibi talimatları izleyerek düğümden listeden bir öğe seçmesini isteyebilir, izin verilen minimum ve maksimum öğe sayısını belirtebilir ve ilk öğeyi seçebilirsiniz. Veri girme kurallarını belirledikten sonra, sonuçlar formda göründüğü gibi görünecektir. Formu giriş düğümüne gönderdikten sonra, girilen verileri toplamanız gerekir - formun sonuçlarını görüntüleyebilir, giriş düğümlerini görüntüleyebilir veya yeniden işleyebilirsiniz.

Kullanıcı formu tarayıcıya gönderdiğinde tüm alanların değerleri ayarlanır

і
gidiyor form işlemcisi (Form işleme. Bir form bir düğüme gönderildiğinde sunucuda görüntülenen bir program. Microsoft FrontPage'deki her form, önceki form işlemeyle ilişkilidir.). Örneğin bir form alanı bir metin alanı ise form toplayıcıya gönderilen değerler, alana girilen metindir. Microsoft FrontPage'de form sonuçlarını kabul eden ve çeşitli işlemleri tamamlayan çok sayıda form toplayıcı bulunur. FrontPage'e her form gönderildiğinde bilgiler veritabanına kaydedilir. Örneğin, kişiler hakkında bilgi toplamak için bir form kullanıyorsanız form sonuçlarını doğrudan yöneticinin veritabanına kaydedebilirsiniz. Sonuçları mevcut veritabanına kaydedebilir veya ek FrontPage programını kullanarak yeni bir veritabanı oluşturabilirsiniz. Form giriş düğümüne her gönderildiğinde FrontPage, dosya açıldığında görüntülenebilecek sonuçları dosyaya sağlar. Örneğin, bir web sitesine gönderenler için bir ziyaretçi defteri oluşturabilir ve sonuçları bir HTML dosyasına kaydedebilir ve ayrıca bu dosyada bir gönderi oluşturarak toplantı sahibi ana bilgisayarların başkalarının yazdıklarını görebilmesini sağlayabilirsiniz. Sonuçları bir XML dosyasına kaydettikten sonra, sonuçları FrontPage'de düzenleyebilir veya Office Excel 2003 gibi XML biçimindeki verileri destekleyen herhangi bir uygulamaya aktarabilirsiniz. Her form gönderdiğinizde, düğüme olan bağlantı Bildirimler, bu formun sonuçlarını yerleştirmek için belirtilen adrese e-posta yoluyla otomatik olarak gönderilecektir.

Form sonuçlarını işlemek için özelleştirilmiş komut dosyalarını da kullanabilirsiniz. Bir web sitesinin yayınlanması süreci, tüm depo verilerinin, dosyaların ve klasörlerin çıktı dağıtımından aynı yere kopyalanmasıyla birlikte gerçekleşir. Microsoft FrontPage'de bir sitenin yayını, yayıncıların kullanımına açmak, siteyi yedeklemek ve web sitesinden önce yayınları güncellemek amacıyla iptal edilir. Web sitesinde oluşturulan dosya ve klasörlerin yerel bilgisayarınıza kaydedildiğinden emin olun. Oluşturulan düğüm tamamlandıktan sonra internette veya yerel intranette yayınlanır, böylece araştırmacılar ek web taraması kullanarak web sayfalarınızı görüntüleyebilir. Bazen web sitesinin yedeklenmiş bir kopyasına ve bunun bir sabit diskte veya sabit diskte saklanan kayıtlı bir kopyasına ihtiyaç duyulur. Microsoft FrontPage, yayımlama sırasında böyle bir kopya oluşturmanın kolay bir yolunu sağlar. Bir web sitesinin dosyaları veya klasörleri güncellendiğinde FrontPage, sitenin çıktısı ile sonu arasında ayrım yapmak için özel terimler kullanır. Yerel web sitesi FrontPage programında açılan son web sitesidir ve uzak web sitesi yayınlanacak son sitedir.

Uzak Web sitesi, dosyaları uzak ve yerel ayarlar arasında taşımayı kolaylaştırarak iki yönde yayınlamanıza olanak tanır. Bu, daha önce yayımlanmış bir düğümü güncellerken en çok sorun yaratan durumdur. Silinmiş bir Web-Vousol gönderilirken, “Yerel Web-Vousol” ve “Silinmiş Web-Vousol” panellerinde, dosyaların yayımlanma durumunu belirten açıklama içeren simgeler görüntülenir. Büyük çalışma ortamlarında hem yerel hem de uzak web sitelerinde güncellemeler çok sayıda yazar tarafından gerçekleştirilebilir. Microsoft FrontPage, yerel web sitesindeki dosyaları uzak web sitesinde yayınlanan dosyalarla karşılaştıracaktır. Dosyaların yerel ve uzak sürümlerini senkronize etmeniz gerekebilecekse seçeneklerin açıklaması aşağıda verilmiştir.

Yerel web sitesinde dosyanın yeni bir sürümü tespit edilir edilmez, yerel ve uzak web sitelerinin güncellenmesi için senkronizasyon gerçekleştirilecektir (diğer adımlar manuel olarak girilerek). Ayrıca uzak bir web sitesinden yerel bir web sitesine bir yayın da seçebilirsiniz. Yerel sitedeki "Uzak Web Sitesi" seçeneğini kullanarak dosyaları senkronize ederken, uzak Web sitesindeki dosyalar şifrelenebilir. Dosyalar kötü niyetli bir aracı tarafından uzaktaki bir üniversiteye yerleştirilirse yerel üniversite de risk altında olabilir. Dosyaları senkronize etmeden önce uzak web sitesine yalnızca güvenilir kullanıcıların erişebildiğinden emin olun.

Bu programın yaratıcısı Microsoft Corporation, çalışanlarının kişisel verilerine ilişkin güvenlik politikasına uygunluğunu teyit etmektedir. Bu amaçla, belirli verileri yetkisiz erişime, sahtekarlığa ve ifşaya karşı korumak için çeşitli teknolojiler ve prosedürler kullanılır. Microsoft, kendi takdirine bağlı olarak bu gizlilik bildirimini güncelleme hakkını saklı tutar. Böyle bir güncelleme yapılması durumunda başvurunun üst kısmında yer alan yenileme tarihi değişir. Güncellenen gizlilik bildirimi, Microsoft Office FrontPage Resources 2003'ün son güncelleştirme paketine (SP) dahil edilecektir. Microsoft Office FrontPage Resources 2003 programının devamı, bu gizlilik bildiriminin sahibi anlamına gelir. Microsoft gizlilik bildirimlerine tamamen saygı gösterir.

Microsoft FrontPage, HTML düzeninizi düzenlemenizi sağlayan bir düzenleyici olan bir programdır. Yazılım, "Ne koyarsanız onu alırsınız" ilkesini takip eder. Yardımcı program motoru, ev tarayıcısı IE ile de uyumlu olan bir teknolojiye dayanmaktadır. Yazar, üçüncü taraf motorların kurulu olduğu görünümlerle çalışma zamanlarında görüntülerin farklı görüneceğini ifade ediyor.

Program, perakendeciler tarafından yapılan değişiklikleri gerçek zamanlı olarak otomatik olarak işlemek için tasarlanmıştır.

Web sayfaları oluşturmanın temel işlemlerinde uzmanlaşmak isteyen yeni başlayanlar için Wikoristan önerileri editörü. Çok sayıda olasılığa sahip daha karmaşık ve karmaşık analoglar göz önüne alındığında, bu programa önemsiz denilebilir. Ancak temel işlevsellik, site oluşturmanın temelini hızlı bir şekilde anlamanıza olanak tanır.

Microsoft FrontPage'in yeni Rusça sürümünü resmi web sitesinden kayıt olmadan veya SMS olmadan ücretsiz olarak indirin.

Sistem avantajları

  • Desteklenen İşletim Sistemi: Windows 7, 10, 8, 8.1, Vista, XP
  • Bit kapasitesi: 32 bit, 64 bit, x86

Programların depo kompleksine Microsoft Office Web sitesi sunucusunda oluşturmanıza, düzenlemenize ve göndermenize olanak tanıyan bir dizi eklenti ekleyin. Bunlardan biri son derece basit bir programdır. Ön Sayfa . Bununla profesyonel bir Web tasarımcısının ihtiyaçlarını karşılayacak katlanır sayfalar da oluşturabilirsiniz.

Bir Web sayfasını açtığınızda, eklenen taraf daha sık görüntüleneceği için sayfayı daha çekici bir görünüme sahip olana kadar taşıyın. Bu durumda, aşağıda iki süper güçlü gücü birleştireceğiz - karlılık ve minimum hafıza. Küçük bir sayı oluşturmak için bir dizi küçük kapasiteli cihazı, örneğin küçük olanlar yerine çiçeklerle birleştirebilirsiniz, ancak bir kenar ekleyerek bunları istediğiniz sayıda küçük cihazla, renkle, formatlar vb. Zengin bir zevkin işareti olarak görülebilecek bir taraf veren diğer düzen, seçim ve yerleştirme unsurları. Bir Web sayfası oluşturma süreci genellikle Web tasarımı olarak adlandırılan yaratıcı bir süreçtir. Görünüşe göre Web tasarımcıları, karmaşık bir sayfanın oluşturulması için aylar harcıyor, ona birçok kez geri dönüyor, onu uygulamanın en etkili yolunu arıyor ve aynı zamanda ondan yola çıkıyor. en fazla bir yıllık çalışma süresi içinde. Bir kez dikilen bir takım elbisenin birkaç kez değiştirilmesi gerektiğinden, şarkıcının kumaşını boyayıp atölyeye getirmesi gibi, Web sayfası da buna tam uygun olacak şekilde gerektiği şekilde “değiştirilebilir” ve iç tabanları boyanabilir. üst ve titizlik.

Ancak bu tür düşünceleri herkes kabul etmiyor, Web sayfasının genişletilmeye yönelik bir bilgi olduğuna ve onu gerçeğe dönüştürmenin hiçbir şekilde zorunlu olmadığına saygı duymak mantıklıdır, üstelik nedir? Uzun zaman oldu.

Sonuç pratik bir kavramdır - başlık, başlık, reklam sayfaları eklenir ve sayfalar, örneğin sipariş metinleri, bahçecilik talimatları, herhangi bir plan ve diğer her şey gibi "kuru" bilgileri minimum işaretlemeyle genişletmek için tasarlanmıştır. .

1. FP arayüzü

Web sayfalarını Ön Sayfa oluşturma ve düzenleme programı klasördedir Ofis programlarıMicrosoft Office.

FP'yi başlattıktan sonra ekranda Şekil 1'de gösterilene benzer bir pencere belirir. 1. Bu amaçla program penceresinde, FP yardımıyla yazılmış, düzenlemeye yönelik metodolojik bir kılavuz bulunmaktadır.


Küçük 1. Program penceresi Ön Sayfa

Program menüleri yerleştirir ve araç çubuklarını seçer. Bir FP profesyoneli Web tasarımını üstlenmek istediğinde, kural olarak Microsoft Office ailesinden Word programıyla çalışmaya yeni başlayan kişidir, bu nedenle FP arayüzü Microsoft tasarımı tarzında tasarlanmıştır ve hatta Word programının arayüzüne benzer, bu nedenle işte herhangi bir özel zorluk yaratmayın.

Program arayüzü - menüler, paneller, düğmeler ve diğer öğeler - uygulamaları bu bölümde tartışılacak olan Web öykülerinin oluşturulması veya düzenlenmesi sırasında bu öğelerin ihtiyaçlarını açıklamak daha iyidir.

Bir sayfa geliştirirken, program otomatik olarak metni HTML (hareketli köprü metni işaretlemesi) ile yazılmış bir işaretleme dosyası oluşturur. Bu dosyada manuel olarak değişiklik yapabilirsiniz (ayrıca programın metni, Not Defteri gibi en basiti gibi temel bir metin düzenleyicide derlenebilir, ancak bu çok hantaldır). FP metin düzenleyicisine gitmek için pencerenin altındaki etikete tıklamanız gerekir. kod, Daha sonra metin düzenleyicide değişiklikler yapın. Geliştirici profesyonelliğine saygı duymuyorsa, düzenlemeyi düzeltmek önemli olacağından HTML metninde değişiklik yapmamak daha iyidir. Sol tarafa döndürmek için etikete tıklayın yapıcı.

Sayfanın tarayıcınızda nasıl görüneceğini görmek için etikete tıklayın Pereglyad. Aşağıdakiler, en basit sayfaların bile bu modda doğru şekilde görüntülendiğini gösterir. Örneğin profesyonel bir tarayıcıda yan tarafa bakmak daha iyidir Firefox. Bunu yapmak için, klasördeki sayfa dosyasını bulun ve tarayıcıda açın (böylece tüm Web sayfaları tarayıcıda açılır).

2. Yeni bir Web sayfasının oluşturulması

Yeni bir Web sayfası oluşturmak için düğmeye tıklayın Yeni bir birincil hikayenin oluşturulması, Panelde döndürülmüş standart. Bu paneldeki düğmeler ve bunlara eşlik eden açıklamalar Şekil 2'de gösterilmektedir. 2.

Farklı bir şekilde yeni bir sayfa oluşturabilirsiniz. Menüde dosya bir satıra tıklayın yaratmak. Sağdaki program, standart sayfalar için şablonların bulunduğu bir pencere görüntüler. Buradan bir tür şablon seçebilir ve bunu mevcut sayfanızın temeli olarak kullanabilirsiniz. Temiz bir sayfaya ihtiyacınız varsa şablona tıklamanız gerekir. Boş taraf.

FP'de aynı anda birden fazla Web sayfasını monitör ekranında görüntülemenize olanak tanıyan çerçeveler de oluşturabilirsiniz. Çerçeveler zengin bir web sitesidir. Web tasarımcısının çerçeve seçiminden başlayarak ortadan kaldırılması gerekir.

Artık hikayeyi kaydedebilirsiniz. Bu amaçla düğmeye tıklayın kaydetmek, Daha sonra tarafı bilgisayarınızın diskine dosya olarak kaydedin. Bir sayfayı kaydederken, dosyayı vereceğiniz için hemen altında bu adlarla bir klasör oluşturmak daha iyidir. Web sayfaları her zaman uzantılı dosyalara kaydedilir .htm ya da başka .html(Buna Köprü Metni İşaretleme Dili denir - hiper metinleri işaretlemek için kullanılan bir dil). Örneğin, dosyayı şuraya kaydetmeyi düşünüyorsanız: about.htm, Daha sonra onlarla bir klasör oluşturun hakkında, Web hikayelerinizin kurulacağı diskin bu alanında. İlk sayfayı kaydetmeden önce, klasör biçiminde böyle bir alan, örneğin adların bulunduğu bir klasör oluşturmak daha hızlıdır. Fedorova'nın web sayfaları. Şimdi içinde tahmin edilen klasörü oluşturun hakkında, Ve içinde - sayfayı kaydet about.htm.

3. Web'in Gücü hikayesi

Daha sonra önemli sayfa parametrelerini değerlerle doldurmanız gerekir. Bu satır için, kenar çubuğu alanında farenin sağ tuşuna, ardından bağlam menüsünde - satıra basın güç tarafı. Sayfa otoritelerine girmek için diyalog penceresini açın (Şekil 3). Pencerede beş yer imi var

yeraltı, format banyosu, Dodatkovo, diğer, Dil .

İncirde. 3 yer imi pencerede etkinleştirilir

yeraltı. Sıraylaİsim Sayfa için bir başlık girmeniz gerekiyor.

Burada bölgeye bir ses dosyası bağlayabilirsiniz

tatlı ses. Bu sayfanın açık olan bilgisayarda görüntülenmesine ses de eşlik edecektir. Bilgisayarınızdaki arka plan sesini dinlemek için bir hoparlör kurmanız gerektiği ortaya çıktı. Uzantıları olan bir ses dosyasında gezinerek arka plan sesini çalın .wav. Bir dosyayı bağlamak için düğmeye tıklamanız gerekir etrafa bak Ve böyle bir dosyayı bağlamak için iletişim kutusunu kullanın. Birincil taraf için ses dosyasını bağlamanıza gerek yoktur.Yan astar bu yöntem kullanılarak birlikte katlanır. Astar sayfanın ana arka planıdır. Arka planı kullanabilirsiniz renk ya da başka Bebek. Şekil 2'de gösterilen Arka Plan sekmesindeki sayfanın güç penceresinin görünümü. 4.

Bir arka plan seçmeniz gerekiyorsa rengini görebilirsin, Daha sonra Arka Plan listesindeki düğmeye tıklamanız gerekir.

ve standart renk grubundan bir renk seçin. Kobalt değirmeninde yıkama sonrası renk oluşturulur. Yıkamanın rengini beyaz olarak adlandırın.

Renklerden etkilenmediyseniz renge tıklayın Gelenek(Koristuvach için başvuru). İletişim kutusunda 16 "777" ile 216 renk arasında bir renk seçebilirsiniz. Koristuvach'ın rengini seçmek için kullanılan pencerenin görünümü Şekil 1'de gösterilmektedir. 5.

Bir renk şeması seçmek için, önce ana paletten temel rengi seçin, ardından palet karesinde sağ tarafta yaklaşık renge tıklayın (bu nokta bir çarpı işaretiyle gösterilir), ardından sağ bölümde temel rengi seçin renk (anlamlar için trikutnik'e fare imlecini öğretin). "Renk/Dolgu" karesinde renk seçimini görsel olarak değerlendirebilirsiniz. Sağ elle seçilen rengin spektral özelliklerini gösterir. Bu özellikler manuel olarak değiştirilebilir.

Standart olmayan bir renk (gölge) seçerseniz ve düzenleme oturumunda birkaç kez seçmeniz gerekiyorsa, bunu ana palete eklenecek olan “Ek renkler” listesine yerleştirebilirsiniz. Bunun için seçmeden önce ek rengin ucuna tıklayın, bir renk seçin ve “Sete Ekle” butonuna tıklayın. Pencereden çıkmak için Tamam butonuna tıklayın.

Sayfanın arka planı bebek görevi göreceği için bu sekmeyi takip ederek gerekli bebeği açın

. Bu dosya, yan dosyanın kaydedildiği klasörde bulunmalıdır. İncirde. 6. Bir dosyaya kaydedilen bebek görünümündeki popo arka planının belirtileri kelebek.gif.

Olarak Şekil l'de görülebilir. Şekil 6'da, arka planda kar fırtınası görüntülerinden bebeklerin çok sayıda tekrarı bulunmaktadır ( kelebek).

Şekil 2'deki hizalama için Küçük çocuğun kendisine ait 7 Okremo göstergesi.

Görüntünün yan alanı karartması ve “gözlerin kamaşması” olarak adlandırılan durumu gizlediğinden, popoyu işaretlemenin kötü bir astar seçiminin poposu olmaması çok önemlidir. Güzelliği, küçüklerin sayfada arka planı nasıl oluşturduklarını açıkça göstermesidir.

Arka planın statik olması gerekiyorsa, yani tarayıcıda uzun bir sayfayı kaydırdığınızda arka planın yok edilemez hale gelmesi için seçeneği yüklemeniz gerekir. astar yapmak.

Uygulamada, arka plan bağlamında, diğer tarafa odaklanmak yerine, zengin bir arka plan oluşturmak için düşük doygunluktaki görüntüleri seçin. Bu arada, zevk için sağdaki arka planı seçin

tasarımcı.

Zazvichay kafes emek formatı

bmp, gif, jpg , Png.

Annenizin küçüklerinize olan saygısını göstermek için Web sayfasının en büyük hafıza öğesini seçin. Bu nedenle tarayıcıyı sunucuya bağlamak en sinir bozucu saati alır. Bağlantının akışkanlığı azsa ve birkaç hacimli bebek yerleştirmek istiyorsanız o zaman tarafın fiyatı gecikebilir. Bu sayfaya bakarsanız atraksiyonun sonuna girip dokunabilirsiniz. Bu nedenle küçüklerin sayfadaki etkileşimini ve boyutlarını sınırlamak gerekir.

Küçük olanın 1-5 kilobaytı (K) aşmaması için arka planın hoş bir boyutta olması önemlidir. Bir kilobayttan az olduğu için daha kısadır. Karşılaştırma yapmak gerekirse, sitenin maliyetinin 10-20 bini geçmediğini varsayalım. Üstelik çok fazla yazı içeren sayfalar da oldukça büyük boyutlara sahip. 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) olmamasıdır. Örneğin, ekranda böyle bir yere 150 K boyutunda bir bebek yerleştirmek gerekiyorsa, Web sayfasında bu alana ilişkin talimatlar yalnızca 50 bayt, yani bebeğin kendisinden 3000 kat daha az yer kaplayabilir. Bilgisayara iletilen Web sitesinden etrafa bakar. Bu tür talimatların sayısı az olduğundan sayfanın boyutu da oldukça küçüktür

depozitoyla

format banyosu Ayrıca metnin rengini de ayarlayabilirsiniz. Hemen metinsel GIPERPOVANN'ın Albayı ile kalkabilirsiniz, yaki Storinka'nın tarayıcısındaki tarayıcıya girecek: Kolir Vekstovikh Gіperposyn, Kolir Giperin, Yakik Coristuvach, Kolir Giperposylannya'ya, kuralların yakında.

depozitoyla Dodatkovo Sayfa girişini tarayıcı penceresinin sol üst köşesinde ayarlayabilirsiniz. Kenarların arkasına 8 piksellik girişler yerleştirilmiştir.

depozitoyla

DilSayfanızı kaydetmek ve sayfanızı daha çekici hale getirmek için özel metin kodlamaları yükleyebilirsiniz.

4. Vikoristan masası

Tablolar belki de Web sayfalarını düzenlemenin en etkili ve vazgeçilmez yöntemidir. Arka plan olmadan idare edebilseniz de, masa olmadan yapmak neredeyse imkansızdır.

Herhangi bir tablo, satırlar ve sütunlar halinde düzenlenmiş sütunlardan oluşur. Ortanın kenarları birleştirilebilir, kordonların iç kenarlarına yerleştirilebilir, ortalar arasında bir boşluk oluşturulabilir, orta elemanlar arasındaki konum ayarlanabilir, ortayı kaplayan diğer elemanlardan kenarlar oluşturulabilir, konturlar katlanabilir, diğer masalar yerleştirilebilir ortasına ve çok daha fazlasına.

tablo ekle

Yan tarafa tablo eklemek için menü komutunu seçmeniz gerekir.

TTablo / Ekle / Tablo. Şekil 2'de gösterildiği gibi pencerede. 8, ardından satır sayısını ayarlayın ve stovptsiv. Burada ayrıca tablonun sayfadaki konumunu da ayarlayabilirsiniz.. Yıkama ve ayrılma pozisyonunu belirleyin. Ancak tarayıcı penceresindeki tablonun görüntülendiğinde ortada yatay olarak konumlandırılması gerekiyorsa, seçeneği ayarlamanız gerekecektir. merkezde hizalama.

Kordon boyutu seçeneği masa ile ortayı ayıran çizgilerin kalınlığını ayarlamak için kullanılır. Sıfıra ayarlanmışsa ve bir onay işareti varsa Masanın kordonunu aydınlatın, Bu durumda kordonlar tarayıcıda görünmeyecektir. Bu, sayfayı düzenlemek için görünmez bir tablo oluşturmanıza olanak tanır.

güç

orta saha Tüm tablo elemanlarına içeriden piksel cinsinden giriş eklemek için tasarlanmıştır. güç orta aralık Tablonun diğer tüm öğeleri arasındaki mesafeyi piksel cinsinden ayarlamanıza olanak tanır. genişliği ayarla birlikte boyutlara bakılmaksızın tablonun genişliğini piksel cinsinden veya görüntüleme penceresinin genişliğine göre piksel cinsinden belirtmek için kullanılır. Hazırlandıktan sonra kapatılır. Bu, tablonun boyutunun її boyutlarının birlikte belirleneceği anlamına gelir.

Tablonun stilini ve arka plan düzenini ayarlamanız gerekiyorsa bunu aynı pencerede yapabilirsiniz.

Tabloyu işaretlemeyi bitirdikten sonra Tamam düğmesine tıklamanız gerekir.

Tablo elemanlarının düzeni

Bitişik ortalar veya masanın tamamı üzerindeki işlemler ortaları görmekle başlar. Fareyi, klavyeyi veya diğer araçları görebilirsiniz

F.P. Hedefi görmek için fare imlecini herhangi bir hücreye yerleştirmeniz, farenin sol tuşuna basmanız ve sol tuşu kullanarak onu orta boyunca yumuşak bir şekilde hareket ettirmeniz gerekir. Klavyeyi görmek için klavye imlecini ortaya yerleştirmeniz, Shift tuşuna basmanız ve ardından klavye imlecini alt alan görünmeyene kadar (yukarı, aşağı, sola, sağa) hareket ettirmek için istediğiniz tuşa basmanız gerekir. Tablonun tamamının yanı sıra her satırı veya satırı görebilirsiniz.

İçin ob'ednannya Ortadakileri gördüğünüzde imleci onların üzerine getirip sağdaki fare tuşuna basmanız gerekiyor. İçerik menüsünü temizlemek için satıra tıklamanız gerekir İşletmenizi konsolide edin. Aynı şekilde reklamları da silebilirsiniz.

Gerekli olan her şey paramparça etmek birkaç satır veya yığın üzerinde bir veya birkaç orta, onları görmeniz gerekir (bir ortayı bölerseniz onları görmenize gerek yoktur), komutu girin ortaları kırmak. Bölme penceresinde, bölümün nasıl seçileceğini bir sütunda veya satırda belirtmeniz gerekir. Daha sonra sütun veya satır sayısını girin. Bu, şekilde gösterilmiştir. 9.

Burada konumu yatay veya dikey olarak ayarlayabilirsiniz. Bunun için sepetleri yatay konumda (orta, sol, sağ) seçin veya dikey değil(En yüksekte, ortada, en altta, eksenin hemen altında). İncirde. 10 ortada dikey olarak konumlandırılmamış - canavar(Yerleştirildiğinde iç elemanlar kutunun üst kenarına bastırılacaktır), yatay olarak - merkezinde(Bunun yerine ortalanacaktır).

Kutunun genişliğini ve yüksekliğini piksel veya yüzlerce olarak ayarlayabilirsiniz.

Arka plan kısmında sayfanın arka planını programlayabileceğiniz gibi aynı şekilde kitabın arka planını da renkli veya renkli görünümde ayarlayabilirsiniz.

Örneğin, yeni bir arka plan yüklemek için birkaç ortama yeni nitelikler atamanız gerekiyorsa, bu tek adımda yapılabilir. Bu tür ortaları görebilir, ardından bunları açıklanan şekilde işaretleyebilirsiniz. Tüm öğelerin özelliklerini tanımak gerekiyorsa, daha basit olarak bunları tabloların kendisinde tanımak gerekir. Bunun için orta butona tıklayıp aynı komutu girmeniz gerekiyor.

5. Metin ekleme ve biçimlendirme

Bir sayfaya metin eklemek için klavyeyi tıklamanız, istediğiniz konuma gitmeniz ve klavyeden metni oraya girmeniz veya Windows panosunu kullanarak başka herhangi bir belgeden kopyalamanız gerekir. Bu sayede doğrudan tablonun yan tarafına veya ortasına metin girebilirsiniz.

Biçimlendirme, yazı tipinin, boyutunun, renginin, kalınlığının, italik yazının, vurgunun, yatay metin yönlendirmesinin ve bir dizi başka eylemin dikkate alınmasını içerir. Bu işlemler, Word düzenleyicisinde benimsenen standartlara uygundur: önce metnin bir parçasını görmeniz, ardından biçimlendirme işlemine devam etmeniz gerekir.

Word düzenleyicide görünürlük esas olarak tuşa basıldığında Girmek (Yeni bir paragraf eklenerek) paragraflar arasında ekstra geniş aralık oluşturulur. Paragraflar arasındaki boşluğun bir paragrafın satırları arasındaki boşlukla aynı olmasını istiyorsanız tuşuna bastıktan sonra Vardiya і, її tuşunu bırakmadan, tuş Girmek.

6. Hiper silo eklentisi

aşırı güçlü Buna, başka bir Web sayfasına bir mesaj, e-posta adresleri, küçük mesajlar veya aynı sayfadaki bir dosya veya yer imine atanabilen bir Web sayfasının herhangi bir öğesi denir. Aktivasyonları siparişe tıklanarak gerçekleştirilir. Bir Web sayfasını tarayıcıda görüntülerken fare imlecinin görünümüne göre aşırı gücü belirleyebilirsiniz: eğer bir öğe aşırı güçlüyse, üzerine geldiğinizde imleç bir simge şeklini alır.

Sayfada bir abartı oluşturmak için bir sonraki hiperboost olacak yan öğeyi görebilirsiniz. Metin varsa, izi görmek için, tuşa basarken sol tuşa basarak veya klavye imleci tuşlarını hareket ettirerek yeni hedef üzerinde yumuşak bir şekilde hareket edin.

Vardiya. Eğer küçük bir kızsanız, görmek için üzerine tıklamanız yeterli., Şekil 2'deki göstergelerin türü. 12.

Hiper kuvvet, bilgisayarınızın diskinde bulunan başka bir taraftaki ekrandan kaynaklanıyorsa, Şekil 1'deki pencereye tıklamanız gerekir. 12 klasör görüntülerinin bulunduğu düğmeyi kullanın ve diskteki bir Web sayfasını seçin (uzantıları olan bu dosyayı seçin) HTML ya da başka

htm ). Bir satırda adres ve göründüğünde İletişim Adresi Web tarafı olan bir dosya. Oluşturulan sayfayla aynı klasörde yer alan sayfanın ana adresi sadece dosya adıdır, örneğin “photo2.htm”. Mesaj aynı klasörün dışındaki bir dosyaya gönderilirse hiper mesaj “../../ HomePage.htm” satırı şeklini alabilir, yani mesaj aynı klasördeki HomePage.htm sayfasına gönderilir. bilgisayarda, ancak akış klasörüne kıyasla iki düzeyde bulunan farklı bir klasörde. Aynı sunucuda veya farklı klasörlerde bulunan ve köprülerle birbirine bağlanan bir grup Web sayfası oluştururken yönlendirme adresleri daha da kolaydır. Birincil bilgisayarınızdaki sayfaları hazırladıktan sonra, sunucunun yerleşimi için görünür bir yapıya sahip olması nedeniyle, sayfalar ve hiperlinkler arasındaki bağlantıların kopmasından korkmadan bunları Web sunucusuna gönderebilirsiniz. .

Kapı için mutlak

Sonraki sayfa adresini tekrar girin. Örneğin, Moskova Devlet Üniversitesi web sitesinin adresinde hiper yaptırım oluşturulması gerekiyorsa, URL satırına alan adının metnini girmeniz gerekir. http://www.msu.ru. Örneğin belirlenmiş bir IP adresinden metin girebilirsiniz. http://192.206.228.46.

Adres satırında böylesine hiper güçlü bir iz oluşturmak ve metni forma girmek için mailto: adresler. Örneğin, bir e-posta istemcisini başlatmak için e-postaya tıkladıktan sonra adrese bir sayfa göndermek gerekir. Ö [E-posta korumalı].ru, Daha sonra adresi girme satırına metin girmeniz gerekir posta:Ö [E-posta korumalı].ru . Ayrıca zarf görsellerinin bulunduğu butona tıklayabilir ve kutuya bu adresi önek eklemeden girebilirsiniz. posta:.

Bazen mesajı tarayıcıda bulunan tarafa kaydetmek gerekebilir. Örneğin hızlı bir şekilde sayfanın başına, bir paragrafa vs. dönmeniz gerekiyor. Dolayısıyla bu sayfalarda çok fazla bilgi yer aldığından bu tür mesajlara ihtiyaç duyulmaktadır. Bu tür hiper-güçlü adreslere denir yer imi.

Yer işaretini açmadan önce geri kalanını oluşturmak gerekir. Bunun için mevcut yer imini (bir metin parçası, küçük şeyler vb.) görmeniz ve komutu girmeniz gerekir. Ekle / Yer İşareti. Pencerede, Şekil 2'deki göstergelerin görünümü. 13, giriş satırının yanında yer imi adını girin ve Tamam düğmesine tıklayın. Sivri uçlu incirde. 13. sayfada önceden oluşturulmuş bir yer imi zaten var Sekme 1, Ve hazırlıkların girildiği pencerede bir metin var Yer İşareti 2 Diğer yer imleri. Ardından, ana yer imi penceresinden çıkın ve düğmesini kullanarak ana sayfa penceresinde yer iminin hiper güç öğesini görün. Yer imi(Şek. 12) listeden gerekli yer imini seçin. Bu metin adres satırına yerleştirilecektir. Örneğin, yer imi seçildi Yer İşareti 2, O zaman adres satırında hiper güç var ve satırları görebiliyorum # Yer İşareti 2. OK butonuna bastıktan sonra yer iminde abartı oluşturulacaktır.

Görüntüleme penceresinin programlanması

Mesaja tıkladıktan sonra web sayfası Tarayıcının çekiciliği başlıyor. Tıklama sayfasının bulunduğu pencerenin ilginizi çektiğinden emin olun. Tarafın yeni pencerede görüntülenmesi gerekiyorsa Şekil 1'deki pencereyi takip edin. 12 Girişi yazmak için sağdaki düğmeye tıklayın çerçeveleri seç. Pencerede bir satır seçin yeni yaş. Artık tarayıcıda bu tür hiper güçlere tıkladıktan sonra bir pencere açılacak ve bunun yerine kaydolmaya davet edileceksiniz.

İncelediklerimize ek olarak, ilgili sayfayı tarayıcıda sunmak için bir dizi başka seçenek de vardır. Web tasarımı açısından önemli ölçüde daha fazla potansiyele sahip olan, daha fazla katlanabilir çerçeveli sayfalara ihtiyaç vardır. Çerçeve sayfalarının tasarım özellikleri aşağıda tartışılacaktır.

7. Metin olmayan öğelerin eklenmesi

Parçanın yan tarafına metin olmayan öğeler eklemek için menü öğesini seçin sokmak. Bazı öğeler için bu işlem FP panellerinden kopyalanabilir.

Şekil 2'deki gösterge menülerinin listesi. 14. Oyuncu değişikliğini temsil eden çizgiler sağda tricut yakınındaki göstergeyle gösterilir. Kısayol tuşları kullanılarak gerçekleştirilebilecek işlemler tuş kombinasyonunun adıyla gösterilir.

Küçük 14. Esas olarak
menü listesi Sokmak

Ekle menüsünün en sık kötüye kullanılan metin dışı öğelerine bakalım:

  • Rozriv
  • . Özel bir aralık olmadan yeni bir paragrafa geçin (Shift + Enter ile aynı);
  • Yatay sıra. Yatay bir çizgi ekleyin;
  • Sembol.
  • Standart olmayan bir karakterin, yani klavyede bulunmayan bir karakterin eklenmesi;
  • Tarih ve saat. Düzenlenen sayfanın güncellenme tarihini ve saatini görüntülemek için standart damga. Satıcı, modu yalnızca tarihi veya varış tarihini ve saatini görüntüleyecek şekilde ayarlayabilir. Seçtiğinizde, damgayı sunmak için size çeşitli seçenekler sunulacaktır. Örneğin, "Şiddetli 14 2001 02/12/25". Çünkü yan tarafta böyle bir ekleme damgası, en son düzenlendiği zamanın 14'üncü 2001'de, 12 yılında olduğu anlamına geliyor. 2 xv. 25 saniye bilgisayar zamanlayıcısının arkasında;
  • Dosya. Diskten seçilen dosya yerine her şey ekleniyor. Bunun yerine klavye imlecinin kurulu olduğu yere yerleştirilir. Bu şekilde, örneğin bir tür belgenin metnini ekleyebilirsiniz;
  • Bebek
  • . Küçük olanı dosyaya yerleştiriyoruz;

    Bu öğeleri eklemenin ayrıntılarına bir göz atalım.

    yatay çizgi

    Eklemek için sayfada istediğiniz yere tıklayın, menüden bir satır seçin Ekle / Yatay çizgi Ve bir öğe eklemek için üzerine tıklayın. Bir çizginin niteliklerini değiştirmeniz gerekiyorsa, fare imlecini üzerine getirin, bağlam menüsünü seçmek için sağ tıklayın ve çizgiye tıklayın. ZYatay çizginin özellikleri . Çizgi niteliklerini değiştirebileceğiniz aynı adda bir pencere göreceksiniz: genişlik, yükseklik, renk ve diğer nitelikler.

    Çoğu zaman sayfanın farklı yerlerine önceden atanmış niteliklere sahip bir satır eklemeye ihtiyaç duyulur. Bunun için çizgiye ve ardından düğmeye tıklamanız gerekir.

    kopyala panelde standart satırı panoya kopyalamak için. Şimdi sayfada istediğiniz yere tıklamanız ve ardından ekle düğmesine tıklamanız gerekiyor Arabellek yerine seçilen konuma yapıştırmak için. Bu sayede yan tarafta farklı yerlere çizgi ekleyebilirsiniz.

    Not: Yöntemin açıklamaları Web sayfasının herhangi bir öğesini kopyalamak için kullanılabilir.

    Bebek bir Web sayfasının en önemli unsurudur. Üzerinde küçük bir şey olmayan bir taraf bulmak nadirdir. Ana rol görüntüleri taşımaktır, küçük parçalar yazıyı stilize etmek, farklı çizgiler, çerçeveler oluşturmak, grafikleri görüntülemek, yani bilgiyi grafik biçiminde bir görüntüde sunmanın gerekli olduğu yerlerde kullanılır.

    Eklemek için küçüklerin suçlanacağı sayfayla aynı yere tıklamanız gerekir, komuta tıklayın sokmak

    / Malyunok / Z dosyası veya düğmeye tıklayın Küçük olanı dosyaya ekleyin panelde standart(Şekil 5.2). Pencerede, diskteki bebeğin bulunduğu dosyayı seçin ve Tamam'a tıklayın.

    Ekledikten sonra küçük olanın düzenini iptal edebilir veya değişiklik yapmadan silebilirsiniz. İşaretlemek için bebeğin üzerinde sağ fare tuşuna basmanız, ardından içerik menüsünde sırasıyla basmanız gerekir.

    güç küçük olan. İletişim kutusunda, Şekil 2'de gösterilen gösterge türü. 15, bebeği işaretleyerek vykonat yapabilirsin.

    depozitoyla yeraltı Bebeği temsil eden dosyanın adı belirtilir. Farklı bir dosya seçerek görüntüyü değiştirebilirsiniz.

    Sırayla metinİpucunu temsil edecek metni girebilirsiniz. Tarayıcıdaki bir kullanıcı fare imlecini bebeğin üzerine getirirse, imleç kısa bir süreliğine imlecin altında kaybolacaktır.

    Bebek abartı rolünü oynamaktan suçlu olduğundan, aynı sekmede abartı adresini seçebilirsiniz.

    Sayfanın daha küçük unsurlarından küçük girişler oluşturmak gerekiyorsa yetkilileri vikorize edebilirsiniz. aralıklarüstten ve sağdan yatay girişler için ve üstten ve alttan dikey girişler için. Bölümde Rozmir Bebeğin boyutunu, oranlarını değiştirebilirsiniz. Bebek genişliğine ve yüksekliğine bağlı olarak gerektiği kadar gerilebilir, sıkılabilir. Boyutlar, bebeğin gerçek boyutlarına göre mutlak birimler (piksel) veya göreceli birimler (yüzlerce) cinsinden belirtilebilir. Deformasyon sırasında bebeğin oranlarını korumak gerekiyorsa seçeneği ayarlayın orantıları koru.

    Malyunkiv formatları

    Küçükleri, Wikonalıları formatta bölün raster grafikler ve formatta vektör grafikleri.

    Raster grafiklerde, bebeğin tüm pikselleri hakkındaki bilgiler bir dosyaya kaydedilir ve her piksel, pikselin renk, parlaklık, kontrast, koordinatlar ve diğer özellikleri gibi özelliklerini koruyan bir bit dizisi biçiminde sunulur. . Raster formatları doğal olarak adlandırılabilir, çünkü küçüklerle ilgili bilgiler monitör ekranında sunulduğu biçimde kaydedilir, bu nedenle işlemin tamamlanması en az bir saat sürer. Bununla birlikte, taramalı görüntülerin kaydedilmesi için çok fazla bellek gerekir, bu nedenle sayfanın yan tarafına yalnızca küçük görüntülerin yerleştirilmesi haklıdır. Değiştirme yöntemi ile raster little'ların dosyasını sıkıştırma yöntemlerini kullanacağım. Orijinaline benzer olan bu minicikler hafızada onlarca kat daha az yer kaplıyor. Minik minikler en kısa sürede ilginizi çekecektir, ancak küçüğün paketini açması saatler sürmeyecektir.

    Vektör grafikleri esas olarak geometrik şekilleri matematiksel formüller kullanarak tasvir etmek için kullanılır. Bebeği temsil etmenin bu yöntemi çok etkilidir çünkü cilt pikselleri hakkında veri kaydetmeyi gerektirmez ve bebeğin tespiti matematiksel hesaplamalara ve bir grafik nesnesi oluşturmak için yazılı talimatlara indirgenir. Bu tür küçükleri tasarım programlarında kullanmaya teşvik edin, örneğin

    CAD.

    Aynı görünüyor meta dosyası formatı, Grafiklerin görünüşünden rahatsız olanlar. Butt - uzantılı dosyalar .wmf. Bu tür dosyalar, örneğin gerekli boyutta metin belgeleri eklemek için sık sık değiştirilmeleri gerekiyorsa, popüler Word düzenleyicide belgeleri dosyalamak için kullanılır.

    Şu anda Web sitelerinden destek için yaygın olarak kullanılan iki raster formatı mevcuttur: GIF(Grafik Değişim Formatı), 1987'de genişletildi ve 1989'da CompuServe tarafından genişletildi ve JPEG, Distribütörler grubunun adı Joint Picture Experts Group kısaltıldı.

    GIF formatında (uzantıları olan dosyalar)

    .gif) Görüntü blok yöntemi kullanılarak kodlanır. Bilgisayara aktarıldıktan sonra kodu çözülür ve monitör ekranında görüntülenir. GIF formatı, çok sayıda renk kullanabilen çocuklar için en az miktarda dosya belleği sağlar.

    GIF formatını kullanmak, aşağıdakiler dahil kişisel olmayan efektler oluşturmanıza olanak tanır: iç yüzü

    (Şeffaflık). Bebeklere belirgin şekilde düz kesimli bir görünüm sunulması gerektiğinde bu etki yaygın olarak görülür. Bu durumlarda dikdörtgen görüntünün bir kısmı özel bir netlik rengiyle ve diğer temel renklerle boyanır. Tikh Pikkslava'daki STORINTSI Malyunok'ta PISLAL ROSISHNISH, PIDDOSKAING Koloor'un yardımcısı Yaki Zafarbovanі Koloro Prysti ve YAVAŞ YÖNTEMLERE MÜDAHALE EDİLEN INSHIP INSHELI, böyle bir rütbe ECHET'e bakıyor. Artık renkler farklı olduğunda bebeğin yanlış düz konturlarının oluşmasından korkmadan, aynı bebek farklı renkteki astarların üzerine yerleştirilebilir. Anlamlı GIF küçük resimler oluşturmak için Photo Shop gibi herhangi bir grafik düzenleyiciyi kullanabilirsiniz.

    Başka bir etki, GIF görüntüsünün tarayıcıda oluşturulma biçiminde yatmaktadır. Formatın ne kadar az tasarrufu var? geçmeli(Değiştirildi), daha sonra tarayıcıya aktarıldığında görüntünün farklı kısımlarından çizilecektir. Düşük akışkanlıkta, tohumun koçanın üzerine yayılmasından net bir şekilde bitene kadar bebeğin adım adım gelişimi etkisi yaratılır. Küçüklerin erdemleri formatta açıktır, çünkü çoğu zaman, önemsiz bir küçük çocukla ilgili hikayenin bitiminden çok önce, koristuvach onları sabitleyebilir ve böylece para harcamak zorunda kalacakları bir saat boyunca onları kurtarabilir. benzeri görülmemiş bir programa dahil olmak üzere her küçük şey farklı bir formatta. FP programı, herhangi bir GIF küçük olanlar için bir çizim efekti oluşturmanıza olanak tanır.

    GIF küçükleri, animasyon için Web sayfalarında ("arzu edilen") ve birlikte vikorize edilen ilkel animasyon oluşturmak için zafer kazanılabilir. Animasyon efektleri şüphesiz sayfayı aydınlatır ve genellikle büyük parçalara saygı göstermenin bir yolu olarak hizmet eder. Arka tarafta, dosyalar animasyonlu küçüklere uyum sağlayacak şekilde taşınır. Animasyonlu GIF'ler oluşturmak için, tek bir dosyada animasyonlu filmler oluşturmanıza olanak tanıyan basitten çok karmaşık programlara kadar çeşitli programları kullanabilirsiniz. Basit bir animasyon programına örnek olarak MP Gif Animator (yazar V. Pham) verilebilir. Bir diğer popüler animasyon programı ise Ulead GIF Animator Lite'tır (Ulead Systems'in bir ürünü).

    JPEG formatı için (genişletilmiş dosyalar) .jpg, Daha .jpe ya da başka jpeg) Doğa fotoğrafçılığı, yüksek kaliteli görüntüler ve zengin renk paleti gibi zengin miniklerin zengin görünümünün korunması önemlidir. Görüntüyü grafik düzenleyicilere (örneğin, Photo Shop) kaydederken, aynı yerde bulunan dosya boyutunu ve görüntünün boyutunu bire bir yönetebilirsiniz. Buradaki yetkililer, para israfı yaptıkları için, küçük dosyalar içeren dosyaları en aza indirmek için sık sık Web sitesi geliştiricilerinden yardım istiyorlar. Çoğu zaman bu tür görüntüler pratik olarak görsel olarak değişmez, ancak ilgili dosyaların varlığı nedeniyle 1,5-3 kat daha büyük olabilir.

    Küçük BMP formatlarına sahip dosyaları (genişletilmiş dosyalar) atlamak imkansızdır. .bmp). Bu ilk grafik formatlarından biridir. Bu formattaki küçük resimler hafızada çok fazla yer kaplar, dolayısıyla hâlâ kullanılmaktadırlar ve yalnızca küçük resimlerin saklanması için uygundurlar.

    Son zamanlarda özellikle Web uygulamaları için GIF formatının yerini alacak yeni bir PNG formatı oluşturuldu.

    Grafik dosyalarının boyutunu değiştirmek için ciddi bir kaynak, grafik düzenleyicilerdeki özel görüntü işlemedir. Velmy genellikle küçük çocuğun kalitesinden ödün vermeden dosyayı pratik olarak birkaç kez değiştirmeye karar verir. İncirde. 5.16, Photo Shop grafik düzenleyicisini kullanarak bir görüntünün nasıl düzenleneceğini gösterir.

    Fotoğraf, bir tarayıcı kullanılarak yeni bir görüntüdeki bir dosyaya dönüştürüldüğünde, görüntünün beyaz bir gömleğin yan tarafı gibi küçük bir kısmı, farklı renk özelliklerine sahip bir dizi pikselle sonuçlandı. Görüntüyü yoğunlaştırırken bu özelliklerin korunması, her birine “bireysel” bir yaklaşım gerektirir ve bu da dosyaya inanılmaz derecede yüksek bir görev yükler.

    Şekil 2'deki Zliva. Şekil 16 grafik editörünün araç çubuğunu göstermektedir, ortada altta bir fotoğraf vardır, sağ tarafta ise fotoğrafın rötuşlanmış kısmının daha büyük bir görünümü vardır (sağ tarafta). Tek renkli bir gömlek oluşturmak için rötuş yapıldı. Başlık parçasını görüntüleyen tek renkli pikseller oluşturursanız fotoğrafın netliğinin etkilenmeyeceği açıktır, ancak tüm tek renkli piksellere ilişkin sıkıştırılmış bilgileri kaydederseniz, bir tanesi yeniden kaydedilecektir. sonuç olarak dosya küçülmüştür. Fotoğrafın farklı parçalarına kadar benzer bir işlem gerçekleştirilerek dosya boyutunun 2,5 kat değiştirilmesi mümkün oldu. Araç da dahil olmak üzere çeşitli panel araçlarını kullanarak Wikon'a rötuş yapma

    Kalem Aracı (Zeytin), görüş panelindeki aktif renktir.

    Çizim dosyalarının boyutunu en aza indirmek için, geliştirme sırasında grafik editörleri tarafından yerleştirilen ve işin kaydedilmesi sırasında grafik olmayan bilgileri toplamak için özel programları da kullanabilirsiniz. Örneğin, bu serilerin yazarı Gold Software'in Advanced GIF Optimizer programını kullanıyor. Çeşitli optimize ediciler genellikle bir GIF dosyasının boyutunu %10-60 oranında değiştirmenize olanak tanır.

    Bebeği hızlı bir şekilde yakalamak için onu parçalara ayırabilir ve bu parçaları yanlara, masanın farklı merkezlerine yerleştirebilirsiniz. Parçalardan oluşan tarayıcıdaki bebeklere bakıldığında bebeklerin hiçbir parçası yokmuş gibi görünüyor. Parçalanmanın avantajı, sitenin diğer öğeleri gibi küçüklerin de aynı anda tarayıcıya aktarılması ve bu da sitenin indirilmesini hızlandırmasıdır. Ek olarak, çekim tamamlandıktan sonra parça tarayıcıda hemen belirir ve bu da tatlı ve çekici bir küçük yanılsaması yaratmanıza olanak tanır. GIF ve JPEG küçüklerini aktarma ve kaynakları düzenleme yeteneğini satın alarak, küçük resimlerin sayfalara çok daha hızlı yerleştirilmesini sağlayabilirsiniz.

    8. Çerçeveli yan sayfalar

    Bu sayfalar Netscape Navigator tarayıcısı için Wikoristan'da ilk kez bulunmaktadır. Böyle bir sayfa, tarayıcıda bir dizi bağımsız pencere çerçevesi sunar; bu, bitişik sayfaları veya sayfanın farklı bölümlerini eşzamanlı olarak görüntülerken aynı anda bunları bağımsız olarak kaydırma yeteneğinin artmasına olanak tanır. Dış görünüm çerçevesi bitişik bir dosyayla temsil edilir ve çerçevelerin tarayıcıda görüntülenme şeklini tanımlamak için çerçeve dosyası olan başka bir dosya kullanılır. Kaplama çerçevesi є Web- Yan ve yan görünümleri tek pencerede yan görünüm olarak görüntüleyebilirsiniz.

    İncirde. Şekil 17'de bir Web sayfası ve ardından bölümün elektronik öğretim materyallerini gösteren sayfa gezintisi gösterilmektedir.


    Küçük 17. Çerçeveli bir Web hikayesi

    Sayfa menü şeklinde düzenlenmiş olup üç çerçeveden oluşmaktadır.

    : Üst kısımda bir rötuş, altında iki rötuş daha - solda ve sağda. Üst çerçeve sayfa başlığını temsil eder. Alt çerçeveler, ana menüyü oluşturabilmeniz ve görüntüleyebilmeniz için katlanır. Sol çerçevedeki organizasyon menüsünün ilk seviyesi. Her öğrenciden uzmanlık alanınızı, disiplininizi seçebilir veya hiperlinklerden birine tıklayarak bu taraftan bölümün ana kısmına gidebilirsiniz. İncirde. 17 sol çerçevede, abartılı yazılar için ödemelere tıklayın Bilgisayar Bilimi, Hipergücü sınırlayan noktalı çerçeveye göre karar verebilirsiniz. Sağ çerçevedeki bu tıklamanın ardından bir sayfaya tıklanır ve bu disiplindeki metodolojik görünen materyallerin başlıklarının görüntülendiği bir sayfa açılır. Sağ çerçevenin satırında bir fare işaretçisi var açık başlıklardan birinde. Böylece sağ çerçeve bir alt menü taşıyıcısı, yani başka bir düzeyin aktif menüsü rolünü üstlenir.

    Organizasyon yönteminin açıklamaları, sol çerçevede uzun bir disiplin ve uzmanlık listesi ve bir cilt uzmanlığı veya disiplini için uzun bir malzeme listesi ve sağ çerçevede görüntülemek için manuel olarak oluşturmanıza olanak tanır. Bu durumda artık sol çerçeve listesinde seçilen konum yerine sağ çerçevenin listesine girebilirsiniz.

    Çerçeve tarafı genişletildiğinde yanında aşağıdaki kenarlar oluşturulur:

    • başlık.htm - çerçeve tarafının başlığını temsil edecek taraf;
    • menu.htm - menüyü sol çerçevede görüntülemek için kullanılan taraf;
    • informatique.htm - disiplindeki metodolojik materyallerin listesini görüntülemek için sayfa Bilgisayar Bilimi;
    • sertifika.htm - uzmanlık alanındaki metodolojik materyallerin listesini görüntülemek için sayfa sertifikasyon;
    • tms_metod.htm - ana çerçeve sayfası.

    Organizasyon sayfasının geri kalanını oluşturmak için ek menünün arkasında yeni bir dosya dosya /

    yaratmakve bir komut seçin diğer şablonlar taraf... Galuzi zavdan'da geçit.
    İletişim kutusundaşablonlar taraf, Titreşim sekmesi tarafçerçeve ,Gösterildiği gibi, FP deposunda yer alan çerçeve yapısına sahip Web sayfaları için şablonlar vardır (Şekil 18).

    Yeni çerçeve ağ hikayesinin penceresi (Şekil 19) aynı yapıya göre parçalara bölünecektir.

    Bağlam menüsüne, sayfa yetkilileri penceresine tıklayıp başlık satırına metni girmek için farenin sağ tuşuna tıklayın

    Bölümün metodik materyalleri, Tarayıcının üst kısmında görünür ve tms_method.htm sayfasını kaydeder.

    Daha sonra sırasıyla butona tıklayın Bir koçanı sayfası ayarlayınüst ve sol çerçevelerde ve Şekil 2'de gösterilen standart hiper güç penceresini kullanarak her çerçeveye kendi tarafındaki bağlantıları kuruyoruz. 12. Butona tıklandıktan sonra üstteki çerçeve başlık.htm, soldaki menu.htm, sağdaki boş taraf ise (düğme kullanılarak) adrese atanır. sayfayı kapat incirde. 19).

    informatique.htm ve sertifika.htm dosyalarının hipergüçlerine tıklandıktan sonra sağ çerçevede görüntülenmesi için menu.htm dosyasında bu Web sayfasındaki hipergüçlere kafa değeri atanır.

    9. Web sitesi geliştirmenin amacı

    İncirde. 20 sundu

    Web sayfası geçmişi.htm Bu KDTU'nun TMS Dairesi'nin kısa bir tarihçesini temsil etmektedir.

    Küçük 20. Web sayfasının tarayıcıda görünümü

    Şekil 1'deki göstergelerin FP editöründeki sayfa işaretlerinin türü. 21. Yeni bir sayfa oluşturuldu. Daha sonra farenin sağ tuşuna tıklayın ve satırda tıkladığınız içerik menüsüne tıklayın. güç tarafı. Sayfanın yetkililerinin sayfasında (Şekil 3) başlık girilmiştir. TMS departmanının tarihçesi. depozitoyla diğer Kaplama tarafı seçeneğinin yanına onay işareti konulur ve değerleri sıfırlanır. Bu, tarayıcıya okunduğunda parçanın yan tarafının, görüntüleme pencereleri arasında üst ve sol erişim olmadan görüntülendiği anlamına gelir. Düğmeye tıklayın kaydetmek Sayfa, History.htm adı altında diske kaydedilir.

    Daha sonra tablo ekle komutunu kullanarak yan tarafa dört sütun ve dört satırdan oluşan bir tablo yerleştirilir. Üst sıranın ortasına, sırayla sağa, üç küçük h1.gif, h2.gif, h3.gif yerleştirin (küçükler, Photo Shop grafik düzenleyicisinde öne bölünmüştür). İlk yavru (KDTU) 4 K, diğeri (TMS) - 3,6 K, geri kalan - 1,4 K boyutundadır. Bütün küçükler bordo yaprak bitlerinin üzerine yazılmıştır. Geriye kalan küçük (MEKANİK TEKNOLOJİ BÖLÜMÜ TARİHİ yazısıyla) daha küçük genişlikteki metinlerin hafızasını kısaltma yöntemini kullanıyor.

    Küçük 21. FP düzenleyicide bir Web sayfasının işaretleme türü

    İlk satırın ortasına tıklayıp komut vermelerine izin verin Tablo / Görünüm satırı Ortadaki ilk sıra görülüyordu. Daha sonra imleç onun üzerine getirilir ve farenin sağ tuşuna tıklanır. Bağlam menüsündeki komut seçilir işin gücü Ve görülen tüm görsellerin penceresinde (Şekil 10) bebek bg.gif'ine benzeyen bir astar var (yine Photo Shop editöründe hazırlanmıştır). Bu küçük, aynı özelliklere sahip 8x8 piksel boyutunda tek renkli bir görüntüye sahip. Astar dosyasının boyutu yalnızca 46 bayttır. Tablonun ilk sırasının tamamının aynı renkle doldurulması için bir astar gereklidir (Wikonian minyatürleri aynı renkte).

    Daha dar olan bebek h3.gif'in ortanın ortasına dikey olarak yerleştirilmesi için gücü dikey değil belirlenmiş değer ortalanmış. Astar nedeniyle yatay konum kaldırılır, yani ortanın sol kenarına bastırılır. Güç tablosunun ilk satırının (boş) kalan hücresi için Genişlik 600 değeri atanmıştır. Bu, tablonun ilk satırının tamamının pencerenin tüm genişliği boyunca yerleştirilmesini garantilemek (ve iyi bir kenar boşluğu sağlamak) için gereklidir; böylece sayfayı görüntülerken, tarayıcıda tek renkli bir başlık (banner) (Şek. 20).

    Ayrıca, KDTU web sitesinde ve TMS departmanının web sitesinde iki hiper güç tanındı. Sayfayı görüntülemek ve gerekirse bu sayfaları görüntülemek için gereklidirler. İlk bebeğe (h1.gif) hiper güç atandı http://www.kgtu.runnet.ru KDTU web sitesine (Şekil 5.12). Başka birine (h2.gif) - TMS departmanının web sitesine köprü http://tms.kgtu.runnet.ru. Küçüklerin otoritelerinin satır metni, metnin ilk anlamları KDTU web sitesine, Diğer - TMS departmanının web sitesine. Bu satırlar, imleci bebeğin üzerine getirdiğinizde sayfaya bakmak ve araç ipuçlarındaki hiper güç göstergesini okuyabilmek için gereklidir. Böylece kordon takımının küçük hiper güçlerinin güçlerinin konturları tarayıcıda görünmez, sıfır değeri atanır ve kordon yanar (Şek. 15). Bu noktada tablonun ilk satırının yerleşimi tamamlanmıştır.

    Tablonun diğer satırında, ilk iki ortada, ok.gif dosyasındaki aynı küçüklerden biri yerleştirilir. Bebek dağa doğru düz bir ok gösteriyor. Dosya boyutu yalnızca 324 bayttır. Küçükler, yandan bakıldığında üzerlerinde hızla oluşabilecek bir hiper kuvvet olduğunu belirtmek için tasarlandı. Yetkililer, okların tam olarak karşılık gelen küçüklerin altına çizilmesi için yatay pozisyon ortalara bir değer atanır merkezinde.

    Genişletme tarafının metni tablonun üçüncü satırındadır. Arkadaşın metnini eklemeden önce bu satırın üçüncü sütunu birleştirildi. Akşam yemeğinden önce ortası görünüyordu, ardından menü komutu görüntülendi Masa / Ortaları birleştirin. İmleci kutuya yerleştirin ve boş paragraflar eklemek için birkaç kez Enter tuşuna basın.

    Ortadaki ilk paragrafta metnin üst kısmı klavyeden yazılmıştır (üniversite öğrencileri listesine aktarılmıştır, farklı zamanlarda TMS bölüm başkanı kuşatılmıştır).

    Aşağıda bir satır ve iki sütundan oluşan bir tablo bulunmaktadır. Sol sütunda, ordunun askerlerinin takma adları, sağ sütunda ise bölüm başkanlarının kaderi tanıtıldı. Tablonun ortası, güç dikey konum Anlamı olabilir dağlarda, güç yatay olarak kamp yerisol kenarda. Böyle bir organizasyon, tarayıcıda adların ve dönemlerin tam olarak alt alta iki sütun halinde konumlandırılmasına olanak tanır.

    Arama tablosunun altında geçmişin son açıklaması olan metin bulunur.

    Yazı tipiyle yazılan tüm metinler Arial, Bu Wiconian parçalarının eylemleri kalın yazı tipiyle yazılmıştır. Bu sayılar tarihleri, isimleri, özel kodları ve dikkate alınması gereken diğer unsurları içerir.

    Metnin parçalarından birinin benzersizliğini vurgulama fırsatını kaçırmadık: TMS departmanında başlayan uzmanlıkların adlarının ilk harfleri kısaltmayı katlıyorsa, ardından kısaltmayı tekrarlayın, kısaltmanın ilk harflerini katlayın departmanın adı yani yine "TMS" ( Şekil 20 ve 21'de metnin bu kısmı görünmüyor.

    Büyük bilgi tablosunun alt satırının tamamı ortadadır ve departmanın son bilgileri - adresler, telefon numaraları, e-posta adresleri - daha büyük bir yazı tipiyle ortaya girilir.

    Karmaşık İnternet siteleri ve portalları oluşturmaya yönelik çok çeşitli ek araçlar içeren, İnternet sayfalarını tasarlamanın temel ilkelerini basitçe anlamanıza yardımcı olacak bir program.

    Microsoft FrontPage programı hakkında kısaca

    Bu, Web sitelerini tasarlamak, hazırlamak ve yayınlamak için öğrenmesi kolay ve kullanıcı dostu bir Web düzenleyicisidir. MS Office ürün ailesiyle tam entegrasyon, temel bir arayüz ve çok sayıda şablonla program, MS Word'de çalışmanın temellerini bilenler için işlerde hızlı bir şekilde ustalaşmanıza olanak tanır. Bu bağlamda FrontPage, "aptallar" için bir çözüm olarak adlandırılabilir: program, geniş işlevsel yetenekler ve İnternet sayfalarını optimize etmek için çeşitli yollar 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ştirildiğini belirtmek gerekir. FrontPage, 2007'de Microsoft Expression Web, 2010'da da Microsoft Office SharePoint Designer olarak yeniden adlandırıldı. Aslında yeni versiyonda ek adımlar eklenmiş ancak programın ana görünümü korunmuştur.

    Temel program araçları

    Microsoft FrontPage programlarının Zagalny görünümü

    Microsoft FrontPage, MS Word araçlarıyla iyi çalışır ve birçok düğme ve menü sekmesi de sezgiseldir ve ön sayfa oluşturma sürecini kolaylaştırır. Çoğu kişi zaten basit metin yazmayı ve biçimlendirmeyi, Microsoft Word'de tablo oluşturmayı ve FrontPage'deki sayfaları düzenlemek için aynı prensibi kullanmayı biliyor.

    Küçük ekranın sağ tarafında, standart bir araç seti içeren programın gizli bir görünümü bulunur; buna ek olarak metin, mesaj ve resimlerden oluşan bir sayfa şablonu oluşturabilirsiniz. "Görünüm" sekmesine, ardından "Araç Çubuğu"na gidin ve "Açık"a gidin Standart", "format banyosu"І" tablolar", Bu araçlar yalnızca bir yan sayfa oluşturmak için kullanılabilecektir. Aşağıda, oluşturulan tarafın her zaman nasıl göründüğüne bakabileceğiniz üç farklı mod olan “Tasarımcı”, “Kod” ve “Görünüm” sekmelerini görebilirsiniz.

    • Yapıcı, Microsoft Word'de olduğu gibi tüm düzenlemeleri yapmanıza, metni yazıp biçimlendirmenize, resim eklemenize, mesaj oluşturmanıza, arka plan renklerini ve yazı tiplerini değiştirmenize olanak tanır.
    • “Kod” sekmesinde başlıklara ve HTML koduna bakabilirsiniz. HTML, World Wide Web'deki belgeleri biçimlendirmek için standart dildir. Çoğu web sayfası HTML dili kullanılarak oluşturulur. Bu düzenleri bilmeniz gerekiyorsa bu sekme sayfayı düzenlemek için de kullanılabilir. Ancak, tohumlarda yapılan tüm değişikliklerin yapıcıda yapılması gerekir ve HTML'deki tüm değişiklikler otomatik olarak yapılacaktır.
    • “Perspektif” sekmesinde sayfanın doğrudan bir tarayıcıda (Internet Explorer gibi) nasıl göründüğünü görebilirsiniz.

    Microsoft FrontPage'in diğer menüleri, düğmeleri ve işlevlerinin ayrıntılı bir açıklaması ekte sunulmaktadır. Bunu yapmak için "F1" tuşuna basmanız gerekir.

    FrontPage'de yan sayfalar için şablon oluşturma

    Ana tabloyu editöre ekleme

    Ve böylece karmaşık bir şablon oluşturmak için üç bloktan oluşan bir tablo eklemeniz gerekir. Üç blok basit bir standarttır: sitenin adı için talimatlar içeren üst blok, sitede gezinme için başka bir blok, sayfadaki metin, resimler ve diğer bilgiler için üçüncü blok. Kullanım kolaylığı için masaya daha fazla blok ekleyebilirsiniz, aynı zamanda kaç blokla ve hangi boyutlarda çalışacağınızın da tadını çıkarın. Oluşturulan bir tablo aracılığıyla değil, kenarlara "div" elemanları adı verilen öğeleri ekleyerek ve onlara yeni stiller atayarak blok oluşturmanın başka bir yolu daha vardır, ancak bu yöntem yeni web yöneticileri için değildir ve ilgili bir makale yazabilirsiniz. yerine .

    1. Tablo eklemek için “Tablo” sekmesi > “Ekle” > “Tablo”ya gidin ve alanları sağdaki küçük kutuda gösterildiği gibi doldurun. Aslında parametrelerinizi girebilirsiniz, ancak verilen tablo Sabit bir genişliğe sahiptir ve ekrandan %100 daha düz çizilir. Bu şekilde tablo tarayıcıda kompakt bir şekilde görüntülenecektir.
    2. Daha sonra, yerleştirmeden sonraki koku aynı yüksekliğe yükseldiğinden, üç katmanın da ayarlanması gerekir. baskı altında sağ düğme en üstteki merkeze yönelin ve yükseklik alanında “Güçlü orta”ya gidin, “150” girin ve “puan olarak” kutucuğunu işaretleyin, böylece ortadaki boyut 150 piksel olacaktır. Bu menüde ortadaki arka plan rengini seçebiliriz ve "stil..." menüsüne tıklayarak ortadaki diğer ayarları yapabilirsiniz, örneğin orta kenarlığın rengini ve boyutunu seçebilirsiniz, burada deneyebilir ve sonucu görebilirsiniz. İstemcinin kendisinde sitenin adını girebilirsiniz.
    3. Daha sonra sitede gezinmeye yönelik başka bir satırı düzenliyoruz. Genişlik 40 piksel civarında olmalı, bu da yeterli olacaktır, arka plan rengi, alanlar gibi diğer ayarları da beğeninize göre ayarlayabilirsiniz. Daha sonra, ayırma işaretlerini kullanarak mesajların adlarını kendileri yazıyoruz. dikey çizgi veya farklı bir işaret ile (aşağıdaki şablonu indirerek inceleyebilirsiniz). Testi görebilir ve tıpkı MSWord'de olduğu gibi ortada doğrulama düğmesini kabartabilirsiniz. Aynı şekilde yazı tipini, yazı tipi boyutunu ve diğer metin ayarlarını değiştirebilirsiniz.
    4. Kalan orta da ayarlanır. Bu, ek metin ekleyebileceğiniz ana metne atanır.
    5. Son olarak “Dosya” > “Yetkililer” sekmesine giderek buradan sitenin adını girip sayfanın arka plan arka planını ve diğer ayarları değiştirebilirsiniz.

    Artık şablon hazır. Sitenin sonraki tüm sayfalarının çerçevesidir. Sitenin HTML kodunda nasıl göründüğünün ekseni:

    Bu web sitesinin şablonu

    < html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "Metin/html;karakter kümesi=windows-1251"> < title >Site 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" >Site adı < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >Golovna | < b >2. taraf | < 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" >Başlık metni. Burada tebrik metnini ekleyebilir ve siteye olan bağlılığını kısaca yazabilirsiniz.

    Bu HTML kodunu hemen editöre “Kod” sekmesinden ekleyebilir ve hazır şablonu hemen indirebilirsiniz. İhtiyaçlarınıza göre değiştirilebilir ve düzenlenebilir. Burada ana metnin nereye eklendiğini ve ekte gösterildiği gibi özelleştirilmiş girişle “div” etiketinin kenar alanlarına uzanmaması için açıklamakta fayda var.

    ek şablonlar

    1. Ayrıca FrontPage programında ve diğer benzer programlarda kendi sayfalarınız için oluşturabileceğiniz standart şablonlar bulunduğunu, bunları düzenlemenin kolay olduğunu ve herhangi bir şablonu ihtiyaçlarınıza göre özelleştirebileceğinizi de bilmeniz gerekir. Standart bir şablon seçmek için penceredeki "Dosya" > "Oluştur..." sekmesine gidin, "Diğer yan şablonlar"ı seçin; burada benzer herhangi bir şablonu seçebilirsiniz.
    2. Başka bir seçenek de şablonu internetten indirmektir. Böyle bir hizmet sunan birçok site var. Şablonlar ücretli veya ücretsiz olabilir. Başka bir şablon seçtikten sonra onu programda düzenleyebilir, gerekli yerle değiştirebilir ve diğer öğenin stilini değiştirebilirsiniz.

    Standart masa ve zaman düzenlerinden oluşan bir seçki

    Microsoft FrontPage, hazır tablo düzenleri ve web siteleri oluşturmaya yönelik tasarım için iyi bir araç sağlar

    Microsoft FrontPage'in, ana sayfalar veya kartvizit siteleri oluşturma sanatına başlamanıza yardımcı olabilecek standart bir tablo düzenleri kümesine sahip olduğunu bilmek önemlidir. Ben de sağda menü, vipada (sağda hayret, de -thelaxes, dekore edilmiş olanlar tarafından vicoristani Matett tablet I sonucu), menüyü ovuşturarak, vibrati avlusunda "Macaken masaları" il. Alttaki düzen masasından dilediğinizi seçip keyfini çıkarabilirsiniz. Bu sayede tabloyu kendiniz manuel olarak oluşturabilirsiniz.

    Ve metninizi, logonuzu, mesajınızı tablonun ortasına yazarak veya ekleyerek, aynı menüde sayfanın tasarımı, mesaj, sayfa arka planı ve daha fazlası için farklı temalar seçebileceğiniz “Tema” menüsünü seçebilirsiniz. Daha. Bu yetenek, yalnızca İnternet sayfaları oluşturmak isteyenler ve genel olarak site oluşturma sürecini anlamak isteyenler için iyidir. Başka bir deyişle, Microsoft FrontPage'de farklı ayarları deneyebilir ve her iki tarafın nasıl yeniden tasarlandığını öğrenebilirsiniz. Burada bir sezona tarih verebilir, programın tüm işlevlerini öğrenebilir ve diğer menülerde gezinmekten korkmazsınız, çünkü dış görünüm aracının tam teşekküllü bir taraf oluşturmak için kendi gücü ve amacı vardır.

    Bir resim ekleyin ve sayfada bir gönderi oluşturun

    Yeni web yöneticilerinin bir sayfaya resim eklemeyi ve diğer sayfalara mesaj göndermeyi bilmesi önemlidir. Örneğin site adının metni yerine siteye küçük bir logo ekleyebilirsiniz. Bir çekirdek için, sahaya konulan kudy, bölgenin sonunda değil, Potim en üstte "Ekle"> "Malyunok"> "Z dosyası" sekmesine koymak için viber Malyunok'u koydum "Ekleyin", psyla chogo tankını vuruşa yerleştirin. Ayı'nın sağ tuşu ile bebeğe tıklayarak menüye girebilirsiniz. ek ayarlar görüntü Tüm resimlerin, tüm resimler için tek bir katı klasörde olması önemlidir.

    Sitenin diğer sayfalarına gitmek için kullanıcıların siteye tüm sayfaları gönderebilecekleri bir mesaj oluşturmanız gerekir. Bunu yapmak için, göndermek için gerekli metni görmeniz ve “Ekle”> “Hyper-Forcing” sekmesine gitmeniz, menüde gönderimin oluşturulacağı tarafı belirtmeniz ve “tamam” a tıklamanız gerekir. . Hangi pencerede mesajların yeni bir pencerede açılıp açılmaması gibi mesaj göndermek için farklı ayarlar bulunur. Prensip olarak bunu kendiniz öğrenebilirsiniz.

    Visnovok

    Ö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. Bir web sitesinin tasarımının neyi ve nasıl düzenleneceğini CSS ile ilgili makalede okuyabilirsiniz.

    Bu "şablon" yönteminin dezavantajı, dış yüzeyin oluşturulan şablonun tabanı etrafında katlanması gerekmesidir. Yardım için siteler oluştururken, yani motorlar, sayfaları oluşturmak gerekli değilse, içerik ekleme dünyasında otomatik olarak oluşturulurlar.

    Makaleyle veya web sitesi oluşturmak için benzer programların kullanımıyla ilgili herhangi bir sorunuz varsa, bunları forumumuzun tartışma başlığında sorabilirsiniz.

    Benzer konulardaki makaleler

    FrontPage, HTML sayfaları ve bunların sonraki "yayınlarını" oluşturmaya yönelik bir programdır. Uzun süredir güncellenmediği için eski programın çözülmesi gerekiyor. Onun yerine bir program geldi.

    işlevsellik

    FrontPage, web sayfaları oluşturma sürecini basitleştirmek ve daha kullanışlı hale getirmek isteyen web geliştiricileri için yararlı bir araç haline gelecektir. Program, yalnızca sayfalar oluşturmakla kalmayıp aynı zamanda bunları ihtiyaçlarınıza veya para yöneticisinin çıkarlarına göre düzenleyebileceğiniz geniş bir araç seti sağlar. Programın koristuvach'ın merhametini kontrol etmek için tasarlandığını manuel olarak belirtin. Etiketlerdeki tüm bildirimler bulunacak ve daha fazla düzeltme yapılması için size gösterilecektir.

    Sayfaları kapatırken kullanılabilecek bir dizi şablon oluşturarak zamandan tasarruf sağlayacak ve bisiklete tekrar girilmesinin önüne geçeceksiniz. Özel bir yöneticinin yardımıyla bitmiş çalışmanızı hızlı bir şekilde yayınlayabilirsiniz. Ve zorluklar ortaya çıktığında ve beslenme ortaya çıktığında, doğum öncesi bölümü açmak mümkündür. Google'dan daha iyi Bana bu uzak köşeden çıkış yolunu nasıl bulacağımı göster.

    Robot modları

    Yazılım ürünü bir dizi işletim modu sunar - tasarımcı, kod, sonuçların gözden geçirilmesi ve "kombinasyon" modu; bu durumda çalışma iki alana bölünecektir - kod oluşturma ve inceleme. Yapıcıyla çalışırken tüm ayrıntılar gösterilecektir - burada metin, mesajlar, çerçeveler ve diğer öğelerin arasına eklenen resimlerle de çalışabilirsiniz. Kod modunu inceleme 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 düzeni;
    • ek tasarım modunda (WYSIWYG) kodun görsel olarak incelenmesi;
    • entegre şablon kütüphanesi;
    • nihai sonucun hızlı ve kolay bir şekilde yayınlanması için bir yöneticinin işe alınması;
    • bir suçluya kızma yeteneği;
    • otomatik arama değişikliklerin düzeltilmesi;
    • grafik kabuğun Rusça versiyonunun kullanılabilirliği.