İnternette sunulan içeriğin ana kütlesi web sitesidir. Bu, tarihsel olarak, sanal bir açık alana yerleştirilmek üzere tanınan, ancak gerçekliği dikkate almayan ve pratik olarak rekabet eden formatları olmayan en önemli belge türüdür. Web sayfalarının yapısı nasıldır? Bir tür web geliştirmelerinin yardımı için, pis koku devam ediyor mu?

Web sitesi nedir?

"Web tarafının ana unsurlarını değiştirin" - bize bilişim dersinde bir sınav görevlisi gibi görünüyor. Size ne söyleyebiliriz? Prensipte web sitesi olanlar hatırlatılır.

BT-fahivtsіv atamasının ortasında zagalnopriynyat'a Vіdpovіdno, özel bir programda - tarayıcıda görüntülemek için kullanılan ve ek bir yazılım güvenliği türü için bilgisayar ekranında görüntülenecek veriler olan tse belgesi çekirdek içerik— metinler, mesajlar, grafikler, videolar, müzik de. Web tarafı - ce Metin belgesi. Tarayıcı için geçerli veriler - mizanpajın öğeleri olarak çizilen harfler, sayılar ve özel karakterler - HTML. Web sitesinin yeni oluşturucusunun yardımı için tarayıcıya, diğer içeriğin ekranda hangi sırayla görüntüleneceğini "açıklayın".

Web sayfalarının sitelerin yapısındaki rolü

Web sayfasının web sitesinin ana bileşeni olduğunu nasıl söyleyebilirsiniz? Çoğu zaman doğru. Prote, daha fazla belirttiğimiz gibi, web sayfası sadece bir metin belgesidir. Sitede, kural olarak, resimler, videolar ve diğer multimedya öğeleri de görüntülenir. Web sitesi bunları barındıramaz ama kendi yapısı onlardan intikam alabilir. Böyle bir sıralamada, web sitesi, sanal içeriğin koristuvach'ların önünde gösterilmesindeki büyük rolü açısından sitenin ana bileşeni olarak adlandırılabilir.

Bazı durumlarda, açıkça görülüyor ki, görüntülenen belge sitenin tek bir bileşeni olacaktır - hiçbir nedenle grafikler, video ve diğer multimedya öğeleri aktarılmadı. Socrema, en iyi siteler - eğer hareketli web siteleri yeni ortaya çıktıysa - herhangi bir içerik içermiyordu. Ochima koristuvacha'dan önce, metin bu posilannya'dan daha fazlasıdır.

Köprü metni engelleme ilkesi

Ayrıca, Web tarafına, köprü metninin düzeninin oluşturulduğu HTML'imin katlanması olan belge denir. Ama nasıl bir tezahür? hiper metin nedir? Teoriye çok derin girmeden, bu metnin, aksi takdirde yardım için başkalarına hızlı bir şekilde erişmenizi sağladığı açıktır. Orijinal kitap için imkansız – “basit bir metin” var. Gerekli tarafa erişmek için okuyucu, zimist veya şaraba aşina olduğu bir gırtlak çaçası yetiştirmekten suçludur. "Köprü" modunda, çalışmanın ana kısmı, sayfanın HTML öğelerinde görüntülenen bilgilerin görüntülenmesi için bilgisayarı soymaktır.

Tıpkı bizim gibi bilişimciler gibi: "Web tarafının ana unsurlarını geri dönüştürün", bir belge belgesinin bileşenlerini sanki HTML işaretlemesi için oluşturulmuşlar gibi çok doğru bir şekilde açıklamaya başlayabiliriz. Elin arkasına, HTML tarafından engellenen bazı teorik anları görebiliriz.

Film HTML Yapısı: Etiketler

Bir tarayıcı, hareketli HTML ile katlanmış bir belgeden bir web sayfası hakkında gerekli verileri nasıl okur? Biraz basit.

Ana unsurlar Dana filmi- Tse etiketleri. Koca adamın kokusu - є vіdkrivaє ve є zakrivaє. İlki, apeks kemerlerinin yardımı için daha az atanır. Diğerleri - benzer şekilde, ancak diğer yayın önüne bir eğik çizgi yerleştirilir - sembolü /. Tarayıcı bunları tanıyabilir, bu nedenle web sayfalarını, belge gezgini tarafından oluşturulan algoritmalarla aynı şekilde sorunsuz bir şekilde görüntüler.

Eğri etiket büyük harflerle yazılır, ardından küçük harflerle kapatılır. Tse, BT fahivtsivleri arasında yorgunluk standardıdır. Tarayıcı, delice, harfler olsun, HTML komutunu tanır, ancak web perakendecilerinin hala etiket yazmak için atanan şemayı yapmaları önerilir. Örneğin, web sitesini diğer fakslarla desteklemek için kolaylaştırmak.

Öznitellikler

HTML-filmin diğer en önemli unsurları niteliklerdir. Ayrıca, web sayfasının yaratıcısı, örneğin yazı tipinin yüksekliği, rengi ve sayfanın konumu gibi içeriğin yetkisini ayarlayabilir. Aynı resimler, videolar ve diğer multimedya bileşenleri. Nitelikler, gösterilen etiketin sınırlarına yazılır.

Vmist

Mіzh tim, scho vіdkrivaє ta zakryvaє etiketi, raztashovaniya web sitesinin saldırgan anahtar bileşeni — vmіst. Tse, vlasne, ekranda coristuvachem'in önünde görüntülenebilen aynı içerik. Ayrıca metin, mesaj, resim, video veya diğer multimedya öğelerine sahip olabilirsiniz.

Web sayfası öğeleri

"Öyleyse Web sitesinin temel öğelerini elden geçirin, kahretsin!" - Vikladach'ı tekrarlıyorum. "Memnuniyetiniz için" - Sana söylüyorum. Belge türünün yapısına neler dahil edilmelidir, neler görülebilir? Web sayfasının HTML öğelerinin bağlamının bu yönüne bir göz atalım. Bu yüzden tarayıcının gözleri ekranda - ekranda havlayanlar - daha küçük dünya tarafından aranacağız. Sağda, bu tür programlara dayalı HTML algoritmalarının içeriği oluşturması gerçeğinde, ancak farklı olabilirler. HTML filminin özelliği: görüntüleri Web tarafında görüntüleyebilirsiniz. Farklı yollar. Herhangi bir kokuşma durumunda, bir web sitesi oluşturmanın emek-yoğun bakış açısına eşit açılardan bakabilmeleri, bu nedenle farklı yükümlülüklere izin vererek onlar adına zaman ve emeğin artmasını sağlar.

Web sayfası öğeleri: başlık

Web tarafının standart öğeleri, kulağa ne kadar garip gelirse gelsin, küçük bir miktarda sunulur. Aslında, bunlardan sadece ikisi var - başlık, belgenin ana kısmı. Vodnochas kozhen_ bunlardan anne dosit katlanabilir yapısı olabilir.

Başlığın özelliği nedir? Web sayfasının üst kısmındaki şarapları kontrol etmek. Başlığı oluşturan HTML kodunda ses geliyor, sadece metne “şifreli” aktarıyor, ancak görsel öğenin tüketimi için küçük grafik ekler de yerleştirebilirsiniz. І tse, vlasne, başlık hakkında söylenebilecek her şey. Geçerli bir belgenin yapısının rolünün önemsiz olduğu görülüyor. Ama öyle değil. Web sayfası başlıkları site indeksleme açısından önemlidir dürtme sistemleri-Yandex, Google. Bu öğe, sitenin tematik özelliklerinin yanı sıra web sitesiyle daha alakalı olmaktan sorumludur.

Ek HTML filmi için web sayfasının başlığı nasıl düzeltilir? Biraz basit. Etiket, gösterilen, tepe kemerleri ile her zaman HEAD gibi görünen altta yazılır, ardından - başlık değiştirilir, sonra - etiket kapatılır. Stink, web belgesinin en üstünde bilinçli olarak yazılmıştır.

Web belgesinin başlığı ek öğeler içerebilir. Metni belirli bir kodlamada görüntülemek için web sayfasının farklı bir biçimi kullanılabilir. Bu kritere göre bir web belgesinin geçerliliği nasıl sağlanır? Biraz basit. Belge başlığının yapısı, tarayıcıya filmin belirli kodlamasını - örneğin Kiril alfabesini - yazmasını söyleyen HTML algoritmalarının yerleştirilmesinden sorumludur. Karşılık gelen komutlar, diğeriyle aynı olan META etiketinin içine yerleştirilir, kıvrılır ve kapanır.

Web tarafındaki ana kısım

Web belgesinin ana kısmı BODY etiketi ile sarılır ve eğik çizgi içeren ikincil öğenin arkasına kapatılır. Etiketler arasında seçim yaptığınızda, neyin açılıp kapatılacağı çok sayıda olabilir. ek komutlar Köprü metni için film düzenleri Bunun nedeni, web sayfasının ana bölümünde bir renk alanı bulunmasıdır - metinler, gönderiler, grafikler, video, doldurma için çeşitli formlar.

Belirli içerik türlerinden gelen cilt, güç etiketlerine sahip olabilir. Web belgesinin ana bölümünün yapısı, yardımı ile metni biçimlendirmenin de mümkün olduğu HTML komutlarına sahip olabilir - örneğin, yazı tipine tek bir renk vermek, genişletmek ve diğer yetkiler.

Sık kullanılan HTML etiketlerinin özelliklerinin neler olduğuna bir göz atalım. Vlasne, kokuşmuş ve web sitesinin ana unsurlarını oluşturmaktadır.

Temel HTML etiketleri

Ayrıca, Web tarafının unsurları olduğu gerçeğini bildirmek amacıyla, temel HTML etiketlerinin özünü vurgulayacağız. Onlardan daha fazlasını getirdik - tarayıcının web sayfalarının başlıklarını okuduğu ve gösterdiği yardım için zokrema ti, belgenin ana bölümünü ayrıştırır.

P etiketi uzantıları ekleyin. Bu etiket, belgenin tüm paragrafını biçimlendirmenize olanak tanır. Örneğin, yazı tipi türünü aynı türe veya farklı renge ayarlayabilirsiniz. Ancak, ek ek etikete ihtiyaç vardır - FONT. Şarabı bunun ortasına yerleştirmeyi seçerseniz, en kısa yazı tipini gösterecek olan HTML komutunu web sayfasının diğer öğelerine koymanıza izin vermeyecek olan paragraf arasına işaret eder.

TABLE etiketinin yardımıyla tablolar oluşturulur. Farklı niteliklerin yardımı için, gerekli sütun ve satır sayısını belirleyebilir, genişliklerini, özelliklerini, yazı tipinin boyutunu ve rengini tablodaki metne ayarlayabilirsiniz.

IMG etiketi, resim tarayıcısı tarafından işlenmek üzere onaylanmıştır. Resmin boyutunu düzenleyen ve yana saçılan yeni bir özellik için farklı nitelikleri değiştirmek de mümkündür.

Diğer web belgelerine veya dosyalarına yazılanlar, ek A etiketinden sonra belirtilir.Kural olarak, öznitelikler, web sitesinin yapısında hiper uzay olduğunu gösteren ortaya yerleştirilir. Bir belge, dosya veya site belirttiğinizde, herhangi bir şekilde bilirsiniz.

FRAMESET gibi genişletilmiş etiket. Bu yardımla, web sayfasının alanını birkaç alana bölebilirsiniz - personel. Bunların dermal tarafında, web belgelerinin kenarlarına mesajlar yerleştirebilirsiniz. Bu çerçeveler, aynı anda iki tarafı tek bir ekranda doğru şekilde görüntülemenizi sağlar.

Web sayfalarının temel öğelerinden bahsedelim ve sonra HTML'yi taşımak için biçimlendirmelerinin yardımından bahsedelim - bunun gibi bir şey, sanki bir denetçi koymuş gibi yayındaki analizimizin algoritması olacaktır. “Web sitesinin ana unsurlarını kurtarın” diyerek bize geri döner dönmez, metodolojiye göre muzaffer bir şekilde konuyu ele alma şansımız var. Bu nedenle, "öğeler" terimi altında, bir web belgesinin yapısının temel bileşenlerini anlayabilir veya birlikte yazabiliriz - metin, resimler, tablolar, çerçeveler, mesajlar, böyle bir aracın yardımı için bir web yöneticisi olarak, örneğin hareket html.

Web geliştirme araçlarının özellikleri

Bunu söyledikten sonra, HTML standartları tarafından geçirilen etiketlerin ve niteliklerin kişisel olmadığını açıklayabiliriz. Krim HTML web perakendecileri, hiper metin belgelerinin biçimlendirilmesine yardımcı olabilir. Örneğin, JavaScript hareketli komut dosyalarının yardımı için, içeriğin sürekli güncellendiği dinamik Web tarafları oluşturabilirsiniz (çoğu koristuvach'ın arka planına gelince, bu nedenle komut dosyalarında yazılan algoritmalar mümkündür. kamera ARKASI).

Bir web perakendecisinin, örneğin Perl, PHP, Java, Python gibi tüm programlamaları yapmak için robotlarını kullanabileceğini eklemek güzel olurdu, bu tür yeteneklerin yardımıyla hiper metin belgelerine sahip robotlar daha da genişler. Bunu yapabilen herkese duyulan ihtiyaç, bugün web teknolojilerinin galusy stosuvannya'sının en yaygın insan olmasıdır. Modern perakendecilerin önünde nasıl duracağınız Zavdannya katlanabilir. Örneğin, bazen Rusça, İngilizce yazılmış Web taraflarını çevirmeniz gerekir. Bu durumda, perakendecinin araç takımı en çok yönlü olacaktır.

İnternet cilt kaynağının obov'yazkovymi bileşenleri gibi basit bir dizi standart öğenin intikamını almak için bir web sitesi olun. Bu tür unsurların düzenlenmesi, bu karşılıklı dağıtımın tasarımı ve web yöneticisinin ana görevlerinden biri haline gelmesi.

Web tarafının ilk öğesi є її'dir. başlık. Vіn metinde olduğu gibi vykonany olabilir ve grafik versiyonunda, ancak bu ve diğer şekilde, vin belgenin tepesinde çürümekten suçludur. Başlıkta değişiklik kiril kodu seçim menüsüі sitenin Rusça sürümünden İngilizce sürümüne geçmek için düğmeler, iki film görünümünde bir Web kaynağı olan.

Kural olarak, belgenin orta alt başlığı olmadan boşluk verilir, yerleştirme için tanıtımlar reklam afişi. Banner'ın kendisinin dahil edilmesi üst parça Sitenin banner değişim hizmetlerine kaydedilmesi için en popüler şekilde web siteleri - sitenizin yanlarında banner değişimindeki diğer katılımcıların reklamlarını gösterme karşılığında kaynağınızın kreasyonlarının reklamını yapan sistemler.

Belgenin ana kısmı bu şekilde ödünç alınmıştır. Metin alanı- dіlyanka, de razmіshchuєtsya smyslové napovnennya storіnki: zmіstovna bilgilendirici metin o illüstrasyon. Listelenen öğelere "içerik" denir (İngilizce, içerik - smist). Web tasarımcısının belge öğelerini nasıl yerleştireceğine bağlı olarak metin alanının düzeni ilk etapta bırakılmalıdır.

Web tarafı klasörüne geçelim gezinme öğeleri- hiperposilannya, ne demeli Danimarka belgesi sitenin diğer bölümleriyle birlikte Gezinme öğeleri, metin satırları, grafik nesneleri, düğmeler veya etkin bileşenler şeklinde görüntülenebilir

nentіv, örneğin Java-apletsіv. Bu düğmeleri, "geleneksel" kız kardeşlerinin görünümünde, farenin hareketlerine tepki verebilen, üzerlerinde gezinirken vykonuyuchi, beceriksiz eylemler gibi (invіmknennya pіdsvіchuvannya, "saldırı" etkisinin yaratılması, form değişikliği) gibi bırakın ). D.).

En yorucu yaklaşım, navigasyon elemanlarının yolun sol tarafına yerleştirilmesidir.

Belgenin alt kısmında yayınlanması kabul edilir. sitede ve adreste perakendeciler hakkında bilgi e-posta , bir çeşit kaynak için, hükümdarlara fikirlerini, tekliflerini ve iyiliklerini gönderebilirler.

Web tarafı başlangıç ​​belgesi olduğundan, alt її kısmı da yerleştirilir. lichilnik vіdvіduvan- tarayıcının tarayıcısındaki belgenin dış görünümünü düzelten ve lichnik göstergesinin değerini değiştiren sunucu CGI betiğine kurulum gerektiren küçük bir betik. Farklı lichniklerin kilkalarının bir tarafına yerleştirilmesi önerilmez.

WEB TASARIMININ TEMELLERİ

Web Tasarımının Temelleri

İnternetin gelişim tarihi. Belarus'ta İnternetin Görünüşü. WEB - tasarım. Şarap tarihi. Sitenin tasarımına Vymogy, W3C standartlarıyla uyumludur. Ana tarayıcılar. Sitenin yapısı, etiketlerin açıklaması.

İnternet ( ingilizce İnternet, Birbirine Bağlı Ağlar) - devasa merezha bilgisayar Birer birer kişisel olmayan bağlardan oluşan, sınırın boyutundan daha küçük olan ve tüm dünyayı kaplayan.

İnternetin tarihi geçen yüzyılın ortalarında başladı: 1957 roku Amerika Birleşik Devletleri'nde, askeri satışlarla uğraştığı için Prospektif Satış Ajansı (ARPA) kuruldu.

1989'da Tim Berners-Lee HTML dilini yarattı.

Wu 1961 ABD Savunma Bakanlığı başkanlığındaki ABD Savunma Bakanlığı İleri Araştırma Ajansı (DARPA), deneysel bir paket iletim sisteminin oluşturulması için bir proje başlattı. adlı Tsya merezha ARPANET, çeşitli türlerdeki bilgisayarlar arasında güvenilir iletişim sağlamak için bir yöntem kombinasyonuna atandı.

sichni'de 1969 sadece biraz hvilin bula zv'yazala farklı ülkelerde bilgisayar chotiri kendi aralarında bir sistem başlattı Vaughn, iletişim kurmak için düşük genişlikte bir telefon hattından arandı.

İÇİNDE 1973 Arpanet'i sallamak için, önce farklı ülkelerin bilgisayarları "döküldü". Merezha uluslararası oldu.

Merezhі ishov'un hızlı bir şekilde geliştirilmesi. 1987'de ev sahibi sayısı 10.000'i aştı. 1988'de Kanada, İzlanda, Danimarka, Norveç, Fransa, Finlandiya ve İsveç NSFNET'e katıldı. 1989'da ev sahibi sayısı 100.000'i geçti, İngiltere, Japonya, Almanya, Avusturya, İsrail, İtalya, Meksika, Yeni Zelanda ve Hollanda sınıra katıldı. Rusya, 1990 yılında MEREZHIA'ya bağlandı. Belarus da 90'ların koçanında.

Bağlantılı coristuvach'ların sayısı hızla artmaya başladı. U 1995 roci Merezha, en büyük, en dinamik ve erişilebilir zasib kitle iletişimine dönüştü.

WEB - tasarım. Şarap tarihi.

Web tasarımı (web tasarımı)- web sayfalarının görsel tasarımı. Win, site için baskı tasarımı ve kağıt baskı düzeni gibi aynı rolü oynar. Genellikle “web tasarımı” web geliştirme olarak adlandırılır: arayüzü tasarlama (sitede grafik ve metin değişikliği), yapıyı tasarlama, site motorunda gezinme (belirli bir uygulama görevinin uygulanması için program kodunun bir parçası görülür).

Bu saatte, web tasarımı terimi altında, Koristuvach için yapının tasarımını, İnternet kaynağının ideolojik bütünlüğünü, İnternet kaynağının bütünlüğünün güvenliğini anlamak gerekir. Vazhlivoyu Chastain proektuvannya web saytіv Je їh vіdpovіdnіst standartları W3C (İngilizce World Wide Web Consortium, konsorsiyum Vsesvіtnoї pavutini -. Organіzatsіya scho rozroblyaє o vprovadzhuє tehnologіchnі Vsesvіtnoї pavutini için standart), scho zabezpechuє dostupnіst vmіstu saytіv obmezhenimi fіzichnimi mozhlivostyami ve takozh coristuvachiv taşınabilir eklerin insanlar için .

Ayrıca sitelerin kesintisiz tasarımı ile internet üzerinden pazarlama toplamında (İnternet pazarlaması), tobto, oluşturulan kaynağın o reklamı iterek, Poshukova optimizasyonu

Web tasarımı, temel grafik depomda istesem ve yapabilsem de, yine de sahada tamamen farklı grafik Tasarım. Nasampered Tse, web tarafının görsel görüntüsünün dinamizminden ve etkileşiminden ilham almıştır.

Pratik olarak bir web sitesinde, bilgi birimleri arasında gezinmenizi sağlayan hiper boşluklar, gezinme menüleri ve diğer öğeler vardır. Etkileşimli veriler (koristuvach gibi görünmeleri ve onlara tepki vermeleri için) bize tanıdık gelen kitaplar, dergiler ve gazeteler biçimindeki öğeler ve elektronik arayüzler.

Bir web sayfası tasarlarken, bu unsurlar anahtardır. Yetkili bir taraf düzenlemesinin geliştirilmesi, site için mantıklı bir yapı ve gezinme rotaları, web tasarımı ve kullanılabilirliğin temelini oluşturur.

kullanılabilirlik(İng. kullanılabilirlik - kelimenin tam anlamıyla "koruyucunun kararlılığı", "sürdürülebilirlik") - stosovno bilgisayar Teknolojisi Kullanılabilirlik terimi, koristuvach'ın arayüzlerini genişletme kavramını ifade eder. yazılım, koristuvach için maksimum psikolojik ve estetik güce yöneliktir.

Wimogi'nin site tasarımı W3C standartlarına uygun

Web sitesi tasarımı kullanışlı olabilir , zrozumіlo, be-yaköy oglyadchi'de korektno vobrabrazhatsya. Site, uygun işlevselliği sağlayan orijinal grafik tasarımından sorumludur.

Site, gezinme öğelerinin güvenliğini ve eksiksizliğini sağlamaktan sorumludur.

Temel bilgiler, menüler ve diğer gezinme öğeleri yatay kaydırma olmadan kullanılabilir açık gün 1024x768 piksel farklı ekran boyutuna sahip tarayıcı.

Ana sayfanın tasarımı (bilgi bloklarının detaylandırılması, görsel tasarım), sitenin üslup bütünlüğünü korumak için tipik sayfaların tasarımına göre değiştirilebilir.

Sitenin tasarım tarafında güzel grafik nesnelerinin, çeşitli küçük ama şık grafik öğelerin (piktogramlar, görseller) varlığı vardır.

Küçük bir animasyon öğesi dahil edilmiştir.

Sitenin tasarımı, grafik öğelerin obsyajisi ve sitenin ilgisinin daha fazla güvenliğini sağlamak için "kolay" yapılabilir.

Koristuvach'ın bilindiği parseli ve çocuğu tanımlamayı kolaylaştırın.

Komut dosyaları, grafikler, stil şablonları dahil flash eklentileri yüklü olmayan bilgisayarlarda bilgilerin doğru görüntülenmesi.

Tasarım, dağıtımın dağıtımı ve yeni dağıtımlar ve güncellemelerden oluşan bir deponun dahil edilmesi için yapının geliştirme olasılığını siteye aktarmaktan sorumludur.

Web tarayıcısı veya tarayıcı.

Cilt koristuvach bu saatte kendisi için "onun" tarayıcısını seçin. En popüler olanı Opera ve Firefox'tur. Onları takip et Internet Explorer(IE).

Bir web tarayıcısı veya bir tarayıcı (İngilizce gibi. Web tarayıcısı) - web sitelerini aramak, tekrar ziyaret etmek, web sayfalarını beslemek (en önemlisi Merezh'den), bunların işlenmesi, görüntülenmesi ve bir taraftan diğerine geçişi için aynı yazılım.

Çapraz tarayıcı sitesi, farklı tarayıcılarda görüntülendiğinde aynı görünen profesyonel ve yetkin bir sitedir. Site, verilerin aşağıdaki tarayıcılarda doğru şekilde görüntülenmemesini sağlamaktan sorumludur:

Internet Explorer (sürüm 5.5 ve üstü):

Opera (sürüm 7.0 ve üstü);

Mozilla Firefox(Sürüm 1.0 ve üstü).

Siteye doğru bakılması gereken monitörlerin ana renk modu, 15 sıra renk ve daha fazladır (renk sayısı 65536 ve daha fazladır).

Bir web projesi için yapı geliştirme

Proje konseptine dayanarak, web projesi yapısı ve kendisi için amaç ve hedefleri belirleyeceğiz:

§ veri yapısı, veri tabanı tabloları arasındaki bağlantıların belirlenmesi, mevcut dzherel'den veri iletiminin yapısı;

§ veri işlemenin eşit otomasyonunun belirlenmesi, veri yönetimi yapısının geliştirilmesi;

§ formların belirlenmesini ve görünümlerinin sırasını gerçekleştirin;

§ koristuvach arayüzünün yapısı: menü öğeleri ve navigasyon öğeleri, gerekli girdiler;

§ Projenin tasarımı için eskizlerin geliştirilmesi (seçenek sayısı önceden onaylanmıştır).

Rozrobka.

§ tasarım: sanatsal ve teknik çözüm. Sitenin orijinal stilinin oluşturulması: renk çözümü; tasarım öğelerinin, afişlerin, grafik öğelerin hazırlanması;

§ programlama: program öğelerinin oluşturulması;

§ proje için onaylanmış model çerçevesinde navigasyon uygulaması;

§ temel bilgiler;

HTML köprü metni için Mova işaretlemesi

• (İngilizce Köprü Metni Biçimlendirme Dili'nden - “köprü metni için yerleşim dili”) - bu, belgelerin yerleşimi için standart dildir Tüm Sveta örümcek ağı. Web sayfalarının çoğu, HTML (veya XHTML) filmlerinin yardımı için oluşturulur. HTML dili tarayıcı tarafından yorumlanır ve insan dostu görünen bir belgede işlenir.
• Bir kerede XML HTML'den "metnin işaretlemesini taşı" sesini açın. Aslında, biçimin kendisine “sadece metin” (“düz metin”) diyeceğim bu iki dilin rolü, sınırların çok ötesine geçer. metin bilgisi.
• Vivchennya olmak ne bilgisayar filmi yaşamın ana bloklarıyla tanışmakla başlar - operatörler, virazlar, değiştiriciler. Bu açıdan bakıldığında, HTML dili son derece basittir, en hafif tabirle ilkeldir: orijinal metin dışında, HTML dosyası etiketler.

Kemerlerin yaylarına yığılmış kelimeler<” и “>”, HTML tanımlayıcıları veya HTML etiketleri olarak adlandırılır.

Web tarafının ana bileşenleri

Site için ana gezinme paneli (menü). Alternatif menü, ana menünün kopyasıdır. Posilannya, bkz. їх vikonannya olan posilan. Web sitesi tasarımının temel unsurları. Site düzeni. Site için renk çözümü. Web grafik optimizasyonu, web tarafı görüntü hazırlama. Resimlerle çalışma prensipleri.

Site için ana gezinme çubuğu (menü). Ana site dağıtımında (ve muhtemelen akış uzantısında) mesajlar içeren sitenin gezinme paneli, sitenin dış tarafında olmaktan suçludur ve düzenini değiştirmekten suçlu değildir; kullanılabilirlik standartlarının ağır ihlali.

Gezinme çubuğunu yerleştirmek için iki seçenek vardır: sol sütunda dikey olarak veya sayfanın başlığında bir satırda. Gezinme panelinin organizasyonu için sol sütun ve üst sıra galip gelirse, bu yöntemlerin bir kombinasyonunu kullanmak genellikle mümkündür. Bununla, üst sıra, kural olarak, bölünmüş bir perakendeci fikri üzerine en önemli olana yerleştirilir.

Ana menü öğelerinin dekilka'sı şurada çoğaltılabilir: alternatif menü.Çoğunlukla, daha yataydır - sonra dikeydir, ancak aksi halde navpaktır.

Kullanılabilirlik normları için, her durumda, bir menü göndererek - örneğin fiyat listesindeki zavantazhuyutsya dosyalarına dosya göndererek çalışmak mümkün değildir. Sitenin standart tarafında olmayan her şey “zavantazhit” yazısıyla yeniden yazılabilir.

Menünün aktif bölümü (koristuvach'ın bilindiği taraf) görülmekten suçludur, örneğin renkli olarak diğer noktalara açıkça düşkündür.

Vіdvіduvаch de vin boov'u görebilmesi için vartoyu farklı bir renkte görünecek şekilde böldü, ancak de nі.

Ana tarafa gönderme Sitenin her tarafının ana sayfasına daha da iyi anne gönderildi. Ana sayfada site logosunu veya evin ön kısmındaki ikonları seçmek yaygın bir kural haline geldi.

bir mevcudiyet var yinelenen ana menü yan alt kısımda.

Web sitesi tasarımının temel unsurları.

Tasarım- geliştirilmiş verimlilik, ekonomi ve güzellik ilkelerine dayanan konuşmaların, makinelerin, iç mekanların tasarımı.

grafik- nesneleri farb olmadan kontur çizgileri ve vuruşlarla tasvir etme sanatı (Ozhegov'un Sözlüğü).

Grafik tasarımın ana fikri, tek tasarımda aynı estetik ilkeler ve işlevsel tasarımdır. Bu projenin başarısı, grafik tasarımın yaratılmasının temellerini oluşturan iç ilkelerin arka planında yatan şeylerden zengindir.

Web tasarımının temel görevi, internet sitesinin yanlarında bilgi edinmek için rahat bir ortam yaratmaktır.

Evrensel çözüm geliştirme alanında, web sayfalarının tasarımı yoktur. Saldırgan unsurların gelişimini aktaran web tasarımı için olası farklı seçenekler:

Sitenin Web taraflarının yerleşimi;

Grafikler.

Site düzeni.

Web sayfası aslında bir dizi düz kesilmiş blok olarak kabul edilir, sanki sırayla yerleştirilmişler. Bu durumda, kural olarak, veriler sütunlar halinde düzenlenir, ardından düzende bir, iki, üç sütunlu düzen terimi kullanılır.

Site kenarlarının düzeni, tarayıcının tarayıcısının çalışma alanının genişliğine göre otomatik olarak ölçeklenebilir. Tarayıcının çalışma alanının minimum boyutu (genişliği), kenarların tam olarak gösterilmesini sağlamak gerekirse (çok fazla yatay kaydırma olmadan), 1024 piksel olur.

Site için renk çözümü.

Renk, web tasarımının en tartışmalı unsurlarından biridir. Renk bağlam ekleyebilir veya görsel olabilir. Sitenin başarısı, neden çeşitli renklerde yalan söylendiği konusunda zengindir. Kullanılabilirlik ve web tasarımı alanındaki sonuncusu, bilgilendirici bir İnternet kaynağına verilen ilk hasarın renk kompozisyonu temelinde oluşması ve kendisinin bilgi içeriğinden değil koristuvach'ın hafızasından alınmasıdır.

Etkili bir tasarım oluşturmak için, renk çözümü seçiminde üst üste binen düşük faktör sayısına dikkat etmek gerekir:

Parlaklık, ton ve renk yoğunluğu sitenin kurumsal kimliğinden kaynaklanmaktadır;

Renk seçimi, bu kaynağın hedef kitlesine yönelme amacı ile yapılır;

Mümkünse ana renklerin sayısı, üçü tekrar ziyaret etmekten suçlu değildir;

Sitede kazanan renkler, birbirleriyle karşılıklı etkileşim ve uyumdan suçludur;

Vzhivannya koloru, mantığın temel kurallarını takip edebilir;

Yazının renk seçimini görmek için noktayı işaretleyelim. Kenarın arka planı ve metni zıt renklerle süslenebilir. En iyi keyfilik, beyaz yaprak bitleri üzerindeki siyah sembollerin yardımı için güvenlidir. Metin arka planda sinirlenmekten suçlu değil ve manşetler mahvoldu.

Malzemenin sunulma şekline, incelemesine, sitenin izleyicisine renk çözümünün verilmesi gerekir.

Web grafik optimizasyonu, web tarafı görüntü hazırlama. Resimlerle çalışma prensipleri.

Seçilen grafikler doğru olabilir, grafikler web sitesi ile açıkça tutarlı olabilir. Ana ışıkta gereksiz grafikler ve animasyonlar, dikkati siteye çevirerek, yanların dikkatini zorlaştırıyor.

Site hızlı bir şekilde zavantazhuvatsya'dan suçlu ve grafikler web sayfalarının ana trafiğini alıyor. Kilobayt cinsinden bir fotoğraf, A4 metninin altında on kat daha fazla yer kaplar. Dilin grafikleri optimize edilebilir! Görüntüyü tekrarlamak için ritmi kaydıran bilgisayar, bir saatlik şarjdan tasarruf etmek için dosyaları bir kez klasörlerde bir kez kaydeder. Tekrarlanan görseller site için her yönden bir “başlık” görevi görebilir.

Büyük görüntüleri genişletmeniz gerekiyorsa, yeni tarayıcı penceresinde ek bir tıklama için pis kokunun programlı bir şekilde görüntüleneceği şekilde çalışabilirsiniz. Ale umovchannyam için site kolay olabilir.

Tarafların trafiğinin orta saati, 28.8 Kbps veri hızı ile 30 saniyeyi fazla izlemekten suçlu değildir. Diğer tarafların etkileşim süresinin 35 saniyeye kadar artırılmasına izin verilir, ancak sitenin toplam taraf sayısı için %30'dan fazla olamaz. Ana taraf anne, 40 saniyeden fazla olmayan bir saatlik dolaşmadan suçlu

WEB tarafında kazanabilirsiniz grafik dosyaları JPG biçimleri, GIF ve PNG. GIF özel bir döşeme biçimidir: dosyanın küçük boyutu, düzgün geliştirme ve animasyon olasılığı ve ayrıca bir resmi yanlarda veya tablolarda "kafes" gibi görüntülemenizi sağlayan şeffaflık efekti. bira, çünkü gif 256 renk paletinin intikamını almak için, çünkü fotoğraf çekmek için etkisiz. JPG, renk derinliği ile sınırlı görünmüyor, aynı zamanda animasyon olasılığı da var. Hem derinliği hem de şeffaflığı destekleyen yeni dosya formatı -PNG, eski tarayıcıların çalışmaması için yeterli olmayabilir. Bunun için, onu koristuvachivlerin saygısına almayın. eski programlar, Ping bir bütün olarak tarafınıza dahil edilebilir. Küçüklerin yanına eklemek için, mesajı yenisine açıklamanız gerekir:

de src (ve s sen rc e-dzherelo) = Küçüklerden intikam almak için gif, jpg veya png formatında resim dosyası.
align = " " özniteliğine dahil edilen metne karşılıklı olarak renklendirilmiş küçük bir şey ayarlayabilirsiniz:

Olası bu tür virіvnyuvannya:
align = "orta" - satırın ortasına hizalama
align = "left" -metin sağ elini kullanan görüntüyü sarar
align = "sağ" - aynı levoruch

img etiketine sola veya sağa vikoristanny eklenebildiğinde ek parametre Resmin metne yaklaşmaması için resmin içinden geçtim. Parametre VSPACE="n" - dikey bir giriş oluşturur ve HSPACE="n" - piksel başına yatay olarak. Bu sırayla, sağ elini kullanan metinle resim etiketini doğru bir şekilde yazmak şöyle görünecektir:

Metin.

Kalan parametre sınırın genişliğidir. Eğer anlamsız bir şekilde mevcutsa, ancak sadece BORDER kelimesine bakarak, o zaman tarayıcı tarafından duvarların arkasına sınır çizilir ve eğer popoya yakınsa, o zaman değer genişliğini gösterir. Bu parametrenin boş değeri, dosyanın bir grafik uzantısı veya maskeleme işlevi görmesi için seçilir.

Benzer bilgiler.

Mova HTML'si

Web tarafları herhangi bir biçimde kullanılabilir, ancak Hiper Metin İşaretleme Dili'ni benimsemek için bir standart olarak - diğer belgeler üzerinde görüntüler, ses, animasyon, video klipler ve köprü metni mesajlarıyla dolu biçimlendirilmiş metinler oluşturmak için tanınan, köprü metinlerinin dil düzenidir. Web - açık alan, bu nedenle ve aynı sunucuda olmak için scho veya aynı Web projesinin є deposu.

Web üzerinde HTML dili bilgisi olmadan çalışmak mümkündür, çeşitli özel editörler ve dönüştürücüler tarafından HTML metninin parçaları oluşturulabilir. Ale HTML'de orta nokta olmadan yazar, önemli değil. Daha kolay bir maliyetle, afların intikamını almak veya diğer platformlarda çalışmayan kirli HTML kodunu yürütmek için mümkün olduğunca sık bir HTML düzenleyicisi veya dönüştürücü kullanmak mümkündür.

HTML dili birçok varyantta kullanılır ve gelişmeye devam eder, ancak HTML yapıları daha sık kazanacaktır. HTML öğrenmek ve onu daha iyi bilmek, HTML koçanı üzerinde bir belge oluşturmak ve mümkün olduğunca genişletmek, bir Web tarafı oluşturabiliriz, böylece bagatmaya bakabilirsiniz. internet tarayıcıları bir anda olduğu gibi, gelecekte de öyle. Bu, örneğin Netscape Navigator, Internet Explorer veya diğer programların dayandığı olasılıkları genişletme yöntemi gibi diğer yöntemleri kullanma olasılığını içermez.

HTML ile çalışmak, standartlaştırılmış dilden belge oluşturma özelliklerini elde etmenin bir yoludur, yalnızca gerektiği gibi vicorist genişletme.

HTML, World Wide Web Konsorsiyumu tarafından onaylanmıştır. Vіn pіdtremuєtsya dekіlkom yaygın olarak tarayıcıları poshirennymi ve belki de Web gibi mayzhe vsogo yazılım güvenliğinin temeli haline gelir.

Bir web tarafı oluşturma ilkeleri, bir web tarafının ana unsurları

Web taraflarının oluşturulması için özel bir HTML dili (Köprü Metni İşaretleme Dili - köprü metni işaretleme dili) seçilir. Tsya mov arama anlamına gelir özel ekipler, etiketlerle çağrılır ve web sayfasının diğer öğelerinin biçimlendirilmesi veya tanınması için seçilir. Web sayfalarına yerleştirmek için özel etiketler seçilir grafik görüntüler, ses ve video klipleri ve diğer sözde promosyon nesneleri.

Web tarafları en önemli metin dosyaları, standart bir Not Defteri'nde oluşturulmuş veya en basit metin düzenleyiciye benzer. Ve yan tarafa yerleştirmek istediğiniz metnin intikamını almak için kokuyor, sadece işaretleri özel bir rütbe ile işaretleyeceğiz. Web tarayıcılarının farklı programlarının aynı Web tarafını doğru bir şekilde oluşturması için, HTML dili standartlaştırılmalıdır.

Pratikte, HTML standardı, Microsoft Internet Explorer ve Google Chrom gibi en popüler tarayıcılar tarafından yayılan ve desteklenen etiketlerin varlığından etkilenir. Qi etiketleri Narazi girebilir, ancak belirli HTML spesifikasyonunun deposuna kadar girmeyin.

Іsnuyu dab düzenleme, özellikle HTML yazmak için razroblenі. Koku, anahtarların intikamını alan kişiye bir saat ayırmanızı sağlar. isveç erişimiörneğin belgeler, tablolar için başlangıç ​​ayarlarını yapmak veya sadece metne stiller eklemek için tekrarlanan işlemler için. HTML editörleri, yazarın HTML katlama kuralları hakkında manuel bilgi gerektiren WYSIWYG aracına güvenir, editörlerin süreci basitleştirmesine ve hızlandırmasına gerek yoktur. WWWC (standart etiketler) tarafından standartlaştırılan HTML etiketlerinin sırasına göre, Web tarayıcıları anonim standart olmayan etiketleri dikkate alır. Bu etiketler, rakiplere göre öncelikli olmak için perakendeciler ve diğer web tarayıcı programları tarafından tanıtıldı. Koku spodіvalsya, standart HTML için zvіdut scho tsі razshirennya zvіdut, alezim umuyor bu yüzden zbutisa'ya gitmedim. Prote etiketleri gitti ve pis koku kendi kendine yetiyor.

Web siteleri oluşturmak için herhangi bir tarayıcıya ihtiyacınız var - Internet Explorer veya Google Chrome Mozilla Firefox veya daha doğrusu aşağılayıcı, zengin HTML öğelerinin parçaları, farklı inceleme programlarında farklı şekilde görüntülenir ve perakende tarafından daha fazla kontrol edilir.

Ek olarak, bir metin düzenleyiciye ihtiyaç vardır, örneğin, HTML hazırlığı- dosyalar ve tarayıcı - kırıkların revizyonu ve kontrolü için.

Web tarafı oluşturabilmek için öncelikle sitenin yapısını oluşturuyoruz. Site, benzersiz bir şekilde adlandırılabilen ve adrese gönderilebilen, fiziksel olarak WWW'ye bağlı olan veya sanal olarak farklı, daha büyük bir sunucuda barındırılan aynı sunucudur.

Sitenin yapısını oluşturduktan sonra metni başlatın kelime editörü, yeni bir belge oluşturun ve Web tarafı olarak kaydedin, Web tarafı oluşturmayı açın. İşimizi sadelik ve yakіsnіshoy ile çalışmak yeterli değildir. Yeni bir şekilde, bir Web sitesi oluşturma terimlerini, bu sitenin özelleştirilmesini, konusunu ve ayrıca desteğini tanımlıyoruz.

є çaça Basit kurallar, sitenin arayüzünün izleyici için anlaşılır olmasını sağlar [№10].

1. Site marne bilgisinden suçlu değildir, yazı tipinin okunması kolay olmasından suçludur. Grafik öğeler küçük ama net, keskin ve cesurca büyüleyiciydi.

2. İnsan gözü, sitenin yan tarafından aşağı canavara bakıyor. En büyük saygı, yan tarafın sol üst kısmındadır. Bu nedenle, sitenin üst tarafında, kural olarak, en çok önemli bilgi: şirketin adı, logosu, sitenin adı ve içinde.

3. Yeni bilgilerin kaynağını kolayca bulmak ve annelerin ikincil bilgileri (metin içindeki açıklama ve fotoğrafların bir kopyası) çıkarabilme yeteneği sitenin sorumluluğundadır.

4. Bilgiler gruplar tarafından paylaşılabilir. Muhtemelen, yoldaşlardan açıklamaya isim vermelerini isteme olasılığını sağlayın.

5. Dilin Web sitesinde aşağıdaki bilgiler dağıtılır:

şirketle ilgili veriler (faaliyet alanı, adresler, İletişim telefonları ve benzeri.);

Web taraflarının ana unsurları:

1. Başlık / Logo (Başlık)

3. İçerik/Zmist (Metin alanı)

4. Gezinme öğeleri

5. Sitedeki perakendeciler hakkında bilgiler

İnternetin cilt kaynağının obov'yazkovymi bileşenleri gibi basit bir dizi standart öğenin intikamını almak için bir web sitesi olun.

Web sitesinin bakabileceğimiz ilk öğesi başlıktır. Yenisi için sitenin logosu veya adı vikonuє, girişte yüklemeniz gereken rol. Sağdaki ikincisi İnternet: burada ana hareket yolu ışınlanmadır ve bunun için yandaki cildi kontrol etmek gerekir.

Belgenin ana kısmı sözde Metin alanı tarafından işgal edilmiştir - dіlyanka, de razmіshuєtsya smyslové napovnennya storіnki: zmіstovnyy іnformatsiynyy іnformatsіynyy іnformatsiyny іn text іn.

Listelenen öğelere "İçerik" denir (İngilizce, içerik - Зміст). Web tasarımcısının belgenin diğer öğelerini nasıl sıralayacağına bağlı olarak, metin alanının düzeni ilk etapta tutulmalıdır.

Şekil 1. Butt içerik sitesi

Web sitesi klasörünün genel dili ve gezinme öğeleriyle başlayalım - bu belgeyi sitenin diğer bölümlerine bağlayacak hiper uzay. Gezinme öğeleri, metin satırları, grafik nesneler, düğmeler veya Java uygulamaları gibi etkin bileşenler olarak kullanılabilir.

Belgenin alt kısmında, sitede perakendecilerin bilgilerinin ve hangi kaynak için kendi görüş, öneri ve iyiliklerini yetkililere iletebilecekleri e-posta adresinin yayınlanması kabul edilmiştir. (İncir. 2)

Malyunok 2. İletişim bilgileri

Ondan önce, kendi sitenizi nasıl oluşturacağınız, yan unsurların düzenlenmesi sorununa gitmek zorunda kalacaktı. Vahşi bir şekilde, web sayfası, sayfanın içeriği, gezinme ve ilgili bilgiler hakkında paylaşılır. Satırlarındaki öğelerin sayısı diğer öğelere bölünür.

Savaş yoluyla, bir Web sitesi geliştirme süreçlerinin sırası, bu kadar kolay bir algoritmaya indirgenir:

1. Hedeflerin belirlenmesi ve ana görevlerin tanımlanması.

2. Gelecekteki tematik bölümlerin bir çevirisinin oluşturulması.

3. Kaynağın mantıksal ve fiziksel yapısının geliştirilmesi.

4. Kroki tasarımının hazırlanması, site yerleşimi, görünmeyen yerleşim tabloları.

5. Metin materyallerinin hazırlanması.

6. Form için grafik materyallerinin hazırlanması.

7. Vektör çizimlerinin raster formatında dışa aktarılması.

8. Tüm görüntülerin optimizasyonu.

9. Web sayfası şablonlarının oluşturulması.

10. Web sayfalarını katlama ve kodlama.

11. Farklı bina ve renk paleti ve farklı tarayıcıların farklı ekranları ile web sayfalarının kimliğinin yeniden kontrol edilmesi.

Web tarafı öğeleri

İnternetin dış görünüm kaynağı için obov'yazkovymi bileşenleri gibi basit bir dizi standart öğenin intikamını almak için bir web sitesi olun. Delicesine, bu kadar çok sayıda benzer nesnenin çeşitliliği, sitenin tematik yönelimi, yeni materyaller üzerinde yayınlama zorunluluğu ve ayrıca bu kaynağın yaratıcısını önünüze koyma amacı nedeniyle bayat olarak değişebilir. Bu tür unsurların düzenlenmesi, bu karşılıklı dağıtımın tasarımı ve web yöneticisinin ana görevlerinden biri haline gelmesi.

Web tarafının bakabileceğimiz ilk öğesi başlıktır. Vіn metinde olduğu gibi vykonany olabilir ve grafik versiyonunda, ancak bu ve diğer şekilde, vin belgenin tepesinde çürümekten suçludur. Sanki iki dilli bir web kaynağı veriyormuş gibi sitenin Rusça sürümünden İngilizce sürümüne geçmek için düğmenin Kiril kodlamasını seçmek için menüyü değiştirin. Belge başlığı altında Bezperednyo, zili çal, alanı genişlet, reklam afişinin yerleşimini tanıt. Banner'ın kendisinin web tarafının üst kısmına en popüler şekilde dahil edilmesi ve sitenin banner değişim hizmetlerinde genel dil kaydı - kaynağınızın kreasyonlarının yanlarındaki değişimde reklamını yapan sistemler. afiş alışverişinde diğer katılımcıların reklamını yapan site. Belge başlığı altında yayınlanan banner'ların standart boyutu 468x60 piksel olmalıdır. Yakscho vi vikoristovuєte statik prensibi komponuvannya storіnki başlık genişliği vashogo belge stanovitime 640 pіkselіv priblizno: TSE değerleri Screen rozdіlnoyu zdatnіstyu 640x480 pіkselіv i uniknuti ait her neobhіdnіstyu zabezpechiti korektno vіdobrazhennya belge monіtorah için, Perche obumovleno yatay görünür Smuha prokruchuvannya scho uskladnyuє Yogo pereglyad. Açıkçası, afişin genişliği bir şekilde başlığın genişliğinden önemli ölçüde daha küçük olacaktır, neden sayfanın bu bölümünde reklam için bir alan koymayı planlıyorsunuz, alanın dolu olmadığından emin olun, ki siz bu sitenin şirket blog yazarının logosuyla doldurabilir veya sunucuya, burada web barındırma gönderebilirsiniz. Tahmin edebileceğiniz gibi, gereken logo güvenilir olmaktan uzaktır: Kural olarak, site ticari olarak doğrudan olabileceğinden, web tarafının deposuna girmek daha zordur.

Belgenin ana kısmı sözde metin alanı tarafından işgal edilmiştir - dіlyanku, de razmіshuєtsya smyslové napovnennya storіnki: zmіstovny іnformatsіyny іnformatsiyny іnformatsiyny іlustraciї. Değiştirilen öğeler içeriği adlandırır (İngilizce, içerik - smist). Web tasarımcısının belge öğelerini nasıl yerleştireceğine bağlı olarak metin alanının düzeni ilk etapta bırakılmalıdır.

Web sitesi klasörünün genel dili ve gezinme öğeleriyle başlayalım - bu belgeyi sitenin diğer bölümlerine bağlayacak hiper uzay. Gezinme öğeleri, metin satırları, grafik nesneler, düğmeler veya Java uygulamaları gibi etkin bileşenler olarak kullanılabilir. Geleneksel kız kardeşlerinin görünümünde olduğu gibi, farenin hareketlerine tepki verebilen, imleç üzerlerine getirildiğinde vikonuyuchi, beceriksiz eylemler gibi (invіmknennya pіdsvіchuvannya, basınç etkisi yaratarak, şekli değiştirerek) aynı düğmeler kalır. cilt). Web tasarımının Temel "varsayımlarının" dağılımında zaten tahmin ettiğim gibi, navigasyonun roztashovuvaty öğeleri, pis koku her zaman eşiğinde, elin altında olacak şekilde takip etti, böylece coristuvachevi yan hareket etmek zorunda kalmadı. geri, örneğin, metin alanı ödünç alındı ​​ekranlar, bundan sonra uzun bir süre diğer dağıtımlara gönderildi. En yorucu yaklaşım, navigasyon elemanlarının yolun sol tarafına yerleştirilmesidir.

Belgenin alt kısmında, sitede perakendecilerin bilgilerinin ve hangi kaynak için kendi görüş, öneri ve iyiliklerini yetkililere iletebilecekleri e-posta adresinin yayınlanması kabul edilmiştir. Başlangıç ​​belgesi olarak bir web sayfası olarak, sayfanın alt kısmına bir kontrol listesi yerleştirmek de mümkündür - sunucu CGI betiğine eklemeler için çağrıda bulunan ve belgenin dış görünümünü tarayıcının corysteve'inde düzelten küçük bir betik, göstergenin değerini değiştirme. Web yöneticisinin görüntüleme sayısını bildiği web yöneticileri için, sanki uzun süredir aynı tarafı görmüş gibi kolaydır. Siteye döndüğünüzde çağrılan ilk tarafta lichnik'in daha az kurulu olduğunu, diğer belgelerde günün kaynağına işaret edeceğim. Farklı lichniklerin kilkalarının bir tarafına yerleştirilmesi önerilmez.

Ayrıca web tarafının tüm ana bileşenlerini inceledik ve tek tek genişletmek mümkün.

Aslında, web siteleri genellikle yakınlaştırılır, bazı gezinme öğelerinin tasarımı ekranın sağ kordonundan konumlandırılır. Bu sayede metin alanı sola kaydırılır, günün maksimum estetiği ilkesi izlenerek belge bileşenlerinin mizanpajı döndürülür.

Gördüğünüz gibi, küçük olan, bunun logosu belgenin başlığından bir seviyeye yerleştirildi ve konumlandırmanın reklam afişi sayfanın ortasına yerleştirildi. Bu yaklaşımla, başlığın grafik tasarımının, logonun ve reklam alanının tek bir renk ve sanatsal tarzda görselleştirilmesi önerilir - bu nesnelerin konumunun asimetrisi bile belirgin olmayacak ve gözlerle karşılaştırılmayacaktır. tasarımın tablo estetiği.

Gezinme öğeleri, yalnızca sağ ve sol kenarların arasına değil, aynı zamanda belgenin üstüne de yerleştirilebilir. Bu düzen seçeneği, bence, ana yanların katlanmasıyla en uygun olanıdır: bu durumda, yan taraftaki tüm nesneler, görünmez tablonun verilen genişliğine uyumlu bir şekilde sığar, bu durumda tablonun hazırlanması önemli ölçüde önemlidir. basitleştirilmiş. Bu yaklaşımın tek eksikliği, belgenin alt kısmındaki gezinme öğelerini çoğaltma ihtiyacıdır, pis kokunun dikey kaydırma tarafı olan kırıklar ekranın üst sınırının ötesinde görünür ve onlara ulaşmak için corystuvache, değil ele geçirilmek için ekranı geri hareket ettirin

Şüphesiz, bu bölümde söylenen her şey her derde deva değil, konuya bir meraktır. viklasti tasması üzerine yemin ederim hayırsever ilkeler, Yakі zastosovuetsya sitenin yapısını düzenlerken, kararın geri kalanı web yöneticisine bırakılır. Pekala, gelecekteki projenizin temeline hangi bi tasarımı koymamış olursanız olun, çabalarınızın sonucu yine de doğru olacaktır: İnternette sansür yok, sitenin yaratıcısını kovmak için hiçbir düzenleme yok. bu chi ve diğer zhorstki çerçevesi. Diğer kategorilerden günlük olarak kullanılmayan bir tasarım çözümünün poposu, farklı bir düzen olarak adlandırılabilir.

Küçük olandan da anlaşılacağı gibi, bu popo temel öğelerin bir kısmı doğrudan sayfanın başlığına eklendi - Rusça ve Rusça arasında geçiş yapmak için düğmeler hakkında gidin İngilizce versiyonları sitenin yanı sıra gezinme düğmeleri hakkında: onu, belgenin alt kısmında çoğaltılan, tematik dağıtımlardan birine gönderen kaynağın yaratıcılarının e-posta adresine gönderebilirsiniz, örneğin haber kenar çubuğu. Belgenin sol sınırı boyunca konumlandırma öğelerinin ana bloğu, sayfanın üst kısmındaki reklam afişinin ortası olmadan Kiril kodlama ve roztaşova seçme menüsü. Metin alanı simetrik olmayan iki sütuna bölünmüştür ve sağ taraftaki düzen, dağıtımların sayısı da dahil olmak üzere tematik başlıkların depo kaynaklarının kısa duyurularını içerir.

Açıktır ki, web sitesinin karma düzenine ilişkin seçenekler kişisel olmayabilir: siteye yerleştirmek için hazırlanan metne göre ve hayal gücüne göre, dağıtım depo kaynaklarının sayısına bağlı olarak belirli bir karar verme kararı. tasarımcının kendisi. Daha az önemli, schob eski görünüm site vodvіduvachiv Zreshtoya'dan bir isim aramıyor, sadece bir perakendeci olarak, siz ve başka hiç kimse, tüm yeteneklerinizi gösterme ve vlasnyy zevk için bir taraf oluşturma hakkına sahip değilsiniz. Bazı ana sayfaların yaratıcıları, tereddüt etmeden, belgenin sağ üst köşesine bir plaka yerleştirir, sitenin adını farklı bir yazı tipinde yazar ve yayınlar. reklam afişi, Ve navigasyon unsurları beklenmedik bir şekilde metin bloğunun tam ortasında beliriyor, aralarında kendimi projenin yazarının köpeğe aşık olan fotoğraflarıyla anlatıyorum. Görünüşe göre bu rengin tadı için yoldaş yok. Ale, özellikle meni tsya rahatsızlıkları çatallanmaz.

pratik yapma