Nadiren değil, özellikle öğrenciler böyle bir sorunuz, sayfa numarasını başlık kontrol listesinden veya Microsoft Word Metin Düzenleyicisi'nde yazılmış kurs çalışmasında nasıl kaldırılır?

Sonuçta, yazma kuralları, gerçekleştirilen işin başlık sayfasını numaralandırılmamayı zorunlu kılar.

Bazı öğrenciler bu durumdan çok orijinal bir yol bulup, figürü arka planın renginde kapatır.

İyi bir yol, fakat biraz dezavantajı var, şekil görürken yanlışlıkla hareket edebilir, ancak bir seçenek olarak, bu yüzden onu dışlamıyorum ve bu makalede açıklanan başka bir yol olma hakkına sahiptir.

Aliexpress'deki ilk alım için Cachek 57'yi% 57 kazanın ve ardından% 12 garantili tümü ile

Daha doğrusu!

Ayrıca, ihtiyacınız olan sayılarla bir sayfa sayımını nasıl başlatacağınızı da öğreneceksiniz. Arapça sayıları Roma'ya nasıl değiştirilir, hatta mektup koyun.

Ve son olarak, belgenin tüm sayfalarından numaralandırmanın sonundadır.

Sayfa numarası yöntemi nasıl kaldırılır 1

1. "Ekle" seçmek için ana sayfada.

2. Sayfa numarası.

3. Belge belgenizin sayfalarında tam olarak çözüleceği birkaç sekme vardır.

Soldaki fare imlecini, soldaki dört numuneyle ortaya çıktığında, "Sayfanın altındaki ikinci sekmesini" olarak analiz edeceğiz.

4. Sol fare düğmesini çift tıklatın, Dört sekenin herhangi birini seçin, sayfaların numaralandırılması hemen seçtiğiniz numaraların bulunduğu yerlerine derhal gerçekleşir.

Şimdi başlık yaprağından numarayı kaldırmak için basitçe "İlk Sayfa İçin Belirli Altbilgiyi" ayarlayın.

Daha sonra, Kelime Editörünün sol üst köşesinde, Dosya düğmesini seçin.

Burada kaydetmeyi seçmeniz gerekir (belge daha önce kaydedilmişse ve zaten bir adlandırılmış bir ada sahipse, sadece öğeyi kaydetmeye tıklamanız yeterlidir).

Adı ve dosya türünü atamak istediğiniz bir pencere açılır.

Yöntem 2.

Ekle -\u003e rakamlarına gidiyoruz, herhangi bir girintili tıklamanın herhangi bir yolunu seçin, bir çırpın bir imleci yerine görünmeli, sol fare düğmesini kelepçeleyin ve figürü serbest bırakmayın.

Bir aniden oluşturulan rakamın boyutunu değiştirmeye karar verirseniz, bir dikdörtgen seçtim, ardından LKM'nin sayfasında bir kez tıklayınız. Fare düğmesinin görünümü ve sol düğmeyi çekin ve rakamı sürükleyip düşürür.

Şekildeki sol fare düğmesini, figüründeki sol fare düğmesini alkol ederek herhangi bir yönde çevirebilirsiniz.

Şekilin rengini ve konturunu değiştirin

Bunu yapmak için, bunun üzerine bir çift tıkladığımız şekilde, etiketler ayrıca ilk durumda olarak görünecek, bu da biçimlendirme olasılığını zaten bildiğiniz anlamına gelir ve menü sayfanın en üstünde görünecektir. Renk değiştirmeniz gereken parametreler.

İki üst noktaya ihtiyacımız var. Bu şekillerin doldurulması durumumuzdaki rengi seçer, beyazdır, tam orada dikdörtgenimiz, bu şema tarafından da kaldırılan devreyi terk etmek için seçilen rengi alacaktır.

Konturu ağartmadan önce, şekle beyaz bir arka plan üzerinde kaybetmemesi için olması gerektiği yere taşıyın.

İmleci şekle ve fare düğmesini sıkmak suretiyle hareket ettirilirken, şekil doğru yerde olmayacaktır. Bu, metnimin naskın olduğu şekliyle geçişi göz atıyor.

Son eylemi iptal etmeniz ve öncekine geri dönmeniz gerekirse, CTRL + Z'ye basmanız gerekir ve geri dönerseniz, ancak geri dönerseniz, ancak Ctrl + Y'ye yardımcı olmak için hala daha iyi olduğuna karar verdiniz (yalnızca tuşları yazma seçenekleriyle ilgili) C) tanıdınız.

Ekranın sol üst köşesinde, aynı fonksiyonların, bazı durumlarda daha uygun olabileceği anahtarların kombinasyonu ile aynı işlevleri yerine getirir.

Sayfa Biçimi Sayfası

Bazen, sayfaları Arapça numaraları ve ROMA tarafından değil, genel harflerle kaydetmek gerekir, ancak bir veya örneğin bir veya örneğin Şekil 3'ten veya diğerlerinden saymaya başlamanız gerekebilir, bu nedenle, daha ileri devam ediyoruz.

Zaten yuvarlanma yoluna gidiyoruz, ekler -\u003e Sayfa Numarası -\u003e Sayfa sayısını biçimlendirme. (Alt öğe Sayfa numaralarını silme, sırasıyla tüm numaraları siler)

Ve istediğiniz numaranın numarasını başlatıyoruz ve ayrıca sayılmaya başlamak için hangi haneden ayarlayabilirsiniz, ayarları kaydetmek için Tamam'ı tıklatın.

Bu, bu kılavuzu, sayfa numarasını, başlık yaprağından iki şekilde nasıl kaldıracağınız konusunda tamamlıyorum.

Gezegen Mars hakkında ilginç bir videoya bakıyoruz.

Her zamanki belge için kelimedeki sayfaların numaralandırılması çok basittir, ancak sayfa numaralarını kendi alt başlarına koymak veya iki numaralı sayfa yapmak için bir ihtiyaç olduğunda, zaten zaten üzücü olanlar var.

Aslında, karmaşık bir şey yok. Biraz pratik bir iş yapmayı öneririm, daha sonra daha eğlenceli hale gelecek ve çalışmayı kolaylaştıracaksınız.

Sayfaların basit numaralandırılması

Başlamak için, ilk defa bakanlar için kelimedeki sayfaların nasıl numaralandırılacağı hakkında birkaç kelime:

Üstün menü kurdele gidiyoruz Kutu → Sayfa Numarası → Başa Sayfa → Basit Number 1

Tabii ki, kesinlikle herhangi bir yer ve sayfa numaralandırma tarzını seçebilirsiniz, seçimimin kalıbın kompaktlığından kaynaklanıyor. Aslında, herkes, daha ilginç şeylerle tanışmak için daha ileri gidelim.

Pasta sayıları altbilgi

Gerçek şu ki, Word'deki sayfa sayısının altbilgelere yerleştirildiği ve eğer varsa, önceki yöntem uymuyor, çünkü Belge, tüm siques-nozül olacaktır.

İşe yarar. Word'teki altlıklar ve bölümler kavramlarında yüzüyorsanız, makaleleri okumanızı şiddetle tavsiye ederim: "Word'deki altbilgi" (bkz.) Ve "Word'deki bölümler" (bkz.).

Word'de Sayfalar Nasıl Yapılır

Öyleyse, sırayla her şeyi devam et ve yap.

1. Pratik çalışma için indirilen dosya.

2. İçeriğin ilk sayfasının üst kısmındaki Düzenleme moduna gidin (zor, bakınız).

3. İmleci sağ üst köşedeki dikdörtgene takın ve tuş kombinasyonuna basın. CTRL + F9., sonra görünecek { } .

4. Bu parantezlere yazın veya kodu kopyalayın Sayfa .

5. tuş kombinasyonuna basın Alt + F9.Bu kod değeri tarafından görüntülenir.

6. Altbilginin düzenleme modundan çıkın (zor bul, bakınız).

7. Örnekte, ilk sayfadaki özel bir altbilgi olduğundan, bunu sonraki içerik sayfaları için bunu yapmak gerekir. İkinci sayfaya gidin ve yapın.

8. Numaralandırma ayarlandı, ancak bir kural olarak ilk sayfadan başlamaz. İlk sayfa altbilgisinin düzenleme moduna gidin ve üst menü kasetine giden sayfa numarasını seçme Ekleme → Sayfa Numarası → Sayfa Biçimi ... Ve sayfaların numaralandırılmasının 4 ile başladığını belirtin.

Böylece, açıklayıcı notun ve uygulamaların sonraki bölümleri için uçtan uca numaralandırma yapıştırılmıştır. Basitlik için, içerik sayfa numarasını, klavye düzenleme modu modunda kopyalayabilir ve sonraki bölümlere ekleyebilirsiniz.

Word'de çift numaralandırma sayfaları

Dolayısıyla, kelimedeki sayfaların uçtan uca numaralandırılması ile anlaşıldı, ancak her bölümün sayfalarının sayılarını içerik, notlar ve uygulamalar için ayrı ayrı koymak gerekir.

Basitten karmaşıktan yavaşça devam etmeye başlayalım.

9. İçeriğin ikinci anahtarının düzenleme moduna gidin ve imleci sağ alt köşeye uygun yere yerleştirin.

10. Kodu bu hücreye yerleştirin. (\u003d (Sayfa) -3) Benzer şekilde, bir tuş kombinasyonu ile kıvırcık parantez oluşturur CTRL + F9.. Page 2 Koddan görülen geçerli sayfanın değerini azaltmak için ortaya çıktı.

Sonuç, içerik sayfasını ekleyerek kontrol edilebilir.

Profesyoneller için kelime numaralandırma sayfaları

Önceki yöntem, sonraki iç bölüm sayfalarının numaralandırılmasına da uygulanabilir, ancak sorun, önceki bölümün son sayfasının numarasını sürekli olarak kontrol etmelidir. Kahretsin, muhtemelen burada dinlenirdim, kafa kafaya başlar.

Böyle bir şekilde bu örnekte, açıklayıcı notun ikinci sayfası bölüm 7'yi, ardından ikinci sayfanın dahili numarasını elde edersiniz. (\u003d (Sayfa) -5) İçerik sayfalarının sayısı birer tarafından artacaksa, notun ikinci sayfasının sayısı 8 olacak ve içsel olarak kaydolması gerekecek (\u003d (Sayfa) -6) .

Otomatikleştirebilir, sürekli yapın ve her şey yol boyunca netleşecek:

11. Üst menünün ana sekmesindeki ilgili düğmeye basarak gizli karakterlerin görünürlüğünü dahil edin ve hattı tamamen tahsis edin

:::::::: Böceği (sonraki sayfadan) ::::::::::

Bu yazıt ayrı bir satıra monte edilmeli, aksi takdirde imleci önce imleci ayarlayarak aktarın ve ENTER tuşuna basın. İmleci vurgulamak için, puanların sonuna kadar yapılmalıdır veya sayfanın arkasındaki satırların karşısındadır.

12. Üst menüde vurgulanan bir dize ile Ekleme → Yer işareti "Yer imi" penceresinde yazıyoruz r1 (1, latin boşluksuz), "gizli yer imlerini" ayarlayın ve "Ekle" ı tıklayın.

13. Açıklayıcı notun ikinci sayfasının bir başlığını düzenlemeye gidiyoruz ve sayfa numarasını giriyoruz. (\u003d (Sayfa) - (PageRef R1) .

Bunu izler: Kod (Sayfa) Olgumuz 7'deki sayfa numarasını belirtir ve (PageRef R1) Sayfa numarası, Sayfa 5'te, böylece, sayfa 5'te oluşturulan çapraz referanslı bölüm ile, böylece dahili sayfa numarası, önceki bölümün son sayfa numarasını eksi olarak hesaplanır, yani. 7-5 \u003d 2; 8-5 \u003d 3; 9-5 \u003d 4, vb.

14. Yer imini ekleyerek uygulama bölümüne benzer eylemler yapın. r2 Açıklayıcı bir notun sonundaki bölümün ayrılması üzerine.

Son Sayfa Numaralandırma

Her bölümün ilk sayfasına ve "sayfalar" altındaki "sayfalar" altındaki hücrede, kodu koyun, kodu koyun. Bölüm . Bu kod, bölümdeki toplam sayfa sayısını görüntüler. Belgedeki toplam sayfa sayısını vermeniz gerekiyorsa, kodu ekleyin. (NumPages) .

Bu, kelimenin yavaşlatacağı ve her zaman kodlu alanları her zaman güncellemez, zorunlu güncelleme için, iki kez kısayol tuşlarını tıklatın. Alt + F9..

Size kodu eklemek için parantütün bir kombinasyondan kaynaklandığını hatırlatıyorum CRTL + F9.ve çağrı değerleri Alt + F9..

Bonus. Sonunda, eğer zorluklar olsaydı, belgeyi tıklatmanın bitmiş sonucuyla indirebilirsiniz.

İlginç. Bir Word Otomatik Tablo Nasıl Yapılır. Okuma.

Word'deki sayfaların numaralandırılması. Video öğretici

Zaman göründüğü anda gerekli olacaktır ...

Bugün, yandex arama sistemini kısmen düşüneceğiz.

Ana sayfası, tüm sistemin yüzüdür ve kelimenin tam anlamıyla, Runet'te lider bir konumu kaplayan Arama Motorunun muhteşem dünyasındaki portal tarafından.

Şimdi söylenecek liderliğin nedenleri hakkında hiçbir anlamı yoktur, çünkü makalemizin konusu biraz farklıdır, ancak bir çift kelimeyle, sonra yandex:

• Kullanıcıya yardımcı olur
• Yeni başlayanlar için bile dostça
• Kullanımı kolay
• Benzersiz bir sıralama sistemi kullanır
• Kendi geliştirme yoluna sahiptir ve yeni bir şey getirmeye çalışır.

Sistem lansmanı, Softool sergisindeki sunum sırasında doksan yedinci yılda tekrar gerçekleşti.

Ve o sırada Yandex, Rus dilinin morfolojisi ile herhangi bir sorun olmadan, mesafe verilen kullanıcıya gerekli bilgileri aramaya başladı.

Ayrıca, bu veya indekslemeyi geçen her sitenin bu sayfasının alaka düzeyi için kendi algoritması vardı.

Ana sayfayla ilk tanışma

Yandex'in ana sayfasına ulaşmak için, WWW Yandex'in veya www Yandex Ru veya Ru'daki arama çubuğuna girmek için yeterlidir.

Peki, eğer çok tembelseniz veya benzeri görülmemiş bir gösterinin tadını çıkarmak için izlenimlerinizle doluysanız - sadece "Yandex" yazın ve arama yapacak ilk bağlantıya tıklayın.

Yani, ana sayfadayız. Bu arama motorundan bu yana, ana sayfanın çok sık değiştiği söylenmelidir.

Ve hepsi, çünkü geliştiriciler, modern trendleri ve kullanıcıları arzularını dikkatlice takip eder.

Bütün bunlara dayanarak, bir tasarımcı olarak, bir sayfa "kolaylık" veya "rahat" kelimesini aramak için alıştığımız şey için mümkün olduğunca mümkün olacaktır.

Sayfayı ilk kez vurduktan sonra, önce lütfen özel koruma teknolojisi ile donatılmış olan uyarlanmış Yandex.bruezer tarayıcısını indirmek için şeridin açılacağı yerin üst kısmını ödeyin.

İpucu!Yandex.Browser'ın iyi geliştiği ve basit bir kullanıcının tüm arzuları için "keskinleştirilmiş" gerçeğine rağmen, birisi ona sallanmak istemeyecek ve üst şerit önemli bilgilerden uzaklaşacaktır. Bu durumda, sayfanın sağ üst köşesine, bir haç formunda yapılan bir "kapat" düğmesine dikkat edebilirsiniz. Üzerine tıklayın ve artık sinir bozucu şeridi görmeyeceksiniz, sizin için gereksiz bir eylem yapmayı teklif eder.

Tabii ki, bir süre sonra tekrar görünebilir, ama tam olarak bununla ne yapacağını bileceksiniz.

Peki ya da seni geride bırakacak ve hala yandex.browser'ı en azından ilgilenmek için indirmeye karar vereceksin.

Gözden geçirme sonunda, bu arada, size bu tarayıcının ayrıntılı bir konfigürasyonuna sahip bir video sağlayacağız.

Tarayıcıdaki ana sayfanın yandeççesini yap

Bir sorunuz olabilir: "ve YANDEX'in ana sayfasını sürekli tarayıcımda nasıl yapılır ve sürekli tutmak zorunda değildim?".

Kesinlikle ücretsiz yapabilirsiniz!

Düşünceli geliştiriciler bununla ilgilenir, bu nedenle sayfanın sol üst köşesine bakarsanız, "Başlat" bağlantısını bulabilirsiniz.

Özel bir uzantı yüklemek ve hazır - Başlangıç \u200b\u200bsayfası yüklemek için teklif edilecektir!

İpucu! Yukarıdaki resme dikkat edin. İlk yaşlı (solda), herhangi bir tarayıcının Yandex başlangıç \u200b\u200bsayfasını yapmanızı sağlayan ana bağlantıyı gösterir. Bununla birlikte, Google Chrome tarayıcısını kullanırsanız, özel bir uzantıyı yüklemeye yardımcı olacak uygun bir reklam (soldaki ok) atlayabilir, bu da tarayıcıdaki ana arama motorunu hızlıca yapacaktır. Bundan sonra, her seferinde internette yürümek istediğinizde, en sevdiğiniz Yandex ana sayfası otomatik olarak yüklenecektir.

Yandex tanımlamadıysa konumunuzu belirtin

Tarayıcıyla küçük manipülasyonlardan sonra, sayfaya dönüyoruz ve aynı sol üst köşede, şu anda olduğunuz bir şehir var.

Sistem otomatik olarak belirler ve size şu anda olduğunuz yerle ilgili en uygun bilgi verir.

Ama yandex bir hata yapacak ve size yanlış şehri verecek.

Yani, Yandex arama motoruyla hala ilgileniyorsanız, devam edeceğiz. Sayfanın sağ üst köşesine aktarılır ve orada birkaç bağlantıyı görün.

İzin veriyorlar:

• bir sayfa olacak

• kendisine ekledim

• Sahip değilseniz Posta Alın (bir düğme "")

• Sosyal ağlardan birinde bir profil kaydettikten veya kullandıktan sonra "Giriş" düğmesini kullanarak giriş yapın

İpucu! Yandex'te kayıt hızlı ve kullanışlıdır. Kullanmanızı tavsiye ederiz, çünkü sistemin ek özelliklerini kullanmanıza ve ayarlarda yaptığınız tüm değişiklikleri kaydetmenize izin verecektir.

Yandex'te Haberler

Sayfanın en üstünde anlaşılarak, ortaya daha yakınlaşır. Gözlerinizden önce, fark ettiğiniz gibi, "Haberler" görünecektir.

Başlangıçta, bulunduğunuz ülkeyle ilgili haberler var.

Ülkeniz Rusya ise - bugün içinde meydana gelen tüm haberler gösterilecektir. Ukrayna'da ise - karşılık gelen içerik gösterilecektir.

Bununla birlikte, yaşadığınız alanla ilgili daha ilginç bir haberiniz varsa, bölgeniz olarak adlandırılan "Haberler" bağlantısının yanındaki bağlantıya tıklayın.

Bizim durumumuzda, bu "Dnepropetrovsk bölgesi".

Ve haberlerin sağında, Şirket'in Yandex'in reklam afişleri, bazı üçlemelerde yardımcı olan ya da şirketin ve ortaklarının bazı yeni ürünlerini anlatan yayınlanıyor.

• Daha Detaylı Haberler

Arama Row Yandex

Yandex'in ana sayfasının merkezinde, ana şey arama motorunun logosu ve kullanıcıların isteklerini girdiği arama dizesidir.

Ve gerçek şu ki, arama çubuğunda tanıttınız, kesinlikle istenenleri bulacağınız siteler için kesinlikle onlarca veya hatta yüzlerce seçenek olacaktır.

Solda, şehir haritası, trenler ve televizyon programının tarifesi, hangi filmlerin şu anda görünebileceğini ve TV tarafından dikkatini dağıtmaya değer midir?

Sayfanın alt kısmında, basit bir kullanıcı için faydalı bir şey yoktur, ancak deneyimli kullanıcıların belirtilen referansları önemli ve gerekli olduğunu bulacaktır.

Bunların arasında Yandex.Direct bağlantısı (bu arada, bir arama motoru bir aslanın kar payı) getiren bu sistemdir, metrik ve sayfa reklam sırasına sahip bir bağlantıdır.

Ve sadece sol tarafta.

Sağ tarafta, sisteme ve hizmetleri üzerindeki SSS ile sayfaya giren bir soru işareti biçiminde bir düğmeyi bulabilirsiniz.

Sonuç

Bu Yandex arama motorunun ana sayfasıdır.

Kısa genel bakışımızın, en azından kendinizi tanımanıza izin vereceğini umuyoruz, bu sayfanın sunduğu arama ve diğer "güzellikler" ile çalışmaya alışın.

Yandex kullanın ve her zaman olayların farkında olun!

Videonun başında Yandex.Bauser ayarı ile söz verdi:

Ayarlar Yandex Tarayıcı

Yandex tarayıcısını nasıl yapılandıracağını ve yeteneklerini ve özelliklerini göstereceğimi göstereceğim. Özellikle tarayıcıdaki kelimelerin çevirisinin imkanı gibi.

Bir görev

Arka plan deseni, web sayfasının sağ alt köşesine tekrar etmeden yerleştirin.

Karar

Sayfadaki arka plan deseni konumunu kontrol etmek için, sayfa arka plan konumunun tarzına uygulanır, aynı anda görüntü koordinatlarını yatay ve dikey olarak ayarlar. Arka plan resminin tekrarı iptal etmek için, tekrarlama değeri ile arka plan konum özelliğini kullanın. Aynı zamanda, tüm bu özellikler, grafik dosyasının yolunu, resmin konumunu, resimin konumunu ve Örnek 1'de gösterildiği gibi tekrarı yöntemini ayarlayan bir evrensel arka planla değiştirilebilir.

Vücut seçicisine arka plan deseni eklemek bir özelliği vardır. Resim, sayfanın altına ve bloğun dibinde, özellikle metnin küçük bir metniyle veya tarayıcı penceresinin boyutunda bir artışla belirgin olan içeriğe sahip olacaktır. HTML seçici için% 100 yükseklik ayarlayarak, böylece tarayıcı penceresinin sağ alt köşesinde arka plan konumunu sağlar.

Örnek 1. Arka Plan Görüntüsünün Konumu

HTML5 CSS 2.1 IE CR OP SA FX

Konserve domates

Meyveler, bankalara yerleştirilmiş ve kaynar tuzlu suyla (1 litre su başına - 35 g pişirme tuzu ve 6 g sitrik asit) ile birlikte iyi pürüzsüz renk, yoğun ve homojendir. Bankalar kapaklar ile kaplıdır ve kaynar suya dayanarak ısınmaya hazırlanır: litre - 5-8, üç litre - 12-15 dakika. Sonra daraltılır ve soğutulurlar.

Bir litre kutudaki yaklaşık hammadde ve ürünlerin tüketimi şunları: seçilen kırmızı domates - 550-600 g, tuzlar - 15 g, sitrik asit - 3 g.

Bu örneğin sonucu aşağıda gösterilmiştir (Şekil 1).

İncir. 1. Pencerenin sağ alt köşesindeki arka plan resmi

Bu örnekte, görüntü sağ alt değerleri kullanarak sağ yerde konumlandırılmıştır. Arka plan özelliği. Metin için resimin üstünde görüntülenmez, geri çekilme kenar boşluğundan sayfaya eklenir. Geçerli örnekte kullanılan görüntünün kendisi JPEG formatında depolanır ve Şekil 2'de gösterilmiştir. 2.

İncir. 2. Web sayfasındaki arka planı oluşturmak için görüntüler

Konumlandırma, blok düzenideki kilit kavramlardan biridir. Onunla anlaşılan, size çok net olacaksınız ve şamanizm düzeni anlamlı bir sürece dönüşecektir. Böylece, makale CSS özellikleri hakkında gidecektir. durum ve şamandıra.

1. pozisyon: statik

Varsayılan olarak, sayfadaki tüm öğeler statik konumlandırmaya sahiptir (konum: statik), bu, öğenin konumlandırılmadığı anlamına gelir ve belgede belgede göründüğü, yani HTML işaretlemesinde olduğu gibidir.

Varsayılan için önceden yüklenmiş konumlandırmayı değiştirmeniz gerekmedikçe, bu özelliği özel olarak herhangi bir öğeye atamanıza gerek yoktur.

#Content (pozisyon: statik;)

2. Pozisyon: Göreceli

Göreceli Konumlandırma (Konum: Göreceli) Özellikleri kullanmanızı sağlar: Normal konumlandırma ile göründüğü yere göre öğenin yeri için, Üst, Alt, Sol ve Sağ.

#Content'i 20 piksel aşağı ve 40 piksel bırakalım:

#Content (pozisyon: göreceli; üst: 20px; sol: -40px;)

Lütfen #Content'in bulunduğu yerde, şimdi oluşturulan boş bir alan olduğunu unutmayın. Sonraki #Content bloğunda, #footer birimi aşağıda taşınmamıştır, çünkü #Content, onu hareket ettirdiğimiz gerçeğine rağmen hala belgede yer alır.

Bu aşamada, göreceli konumlandırmanın çok faydalı olmadığı görülüyor, ancak sonuçlarda, makalede, ne için kullanılabileceğini öğreneceksiniz.

3. Pozisyon: Mutlak

Mutlak konumlandırma ile (pozisyon: mutlak), öğe belgeden kaldırılır ve ona söylediğiniz yer belirir.

Örneğin, Block # Div-1A bloğunu sayfanın sağ üst köşesine taşıyalım:

# Div-1a (pozisyon: mutlak; üst: 0; sağ: 0; genişlik: 200px;)

Lütfen bu seferinde, Block # Div-1A bloğu belgeden kaldırıldığından, sayfadaki kalan öğeler farklıdır: # div-1b, # div-1c ve #footer yukarıda taşındı, uzak blokun yerine . Ve # DIV-1A bloğu doğru bir şekilde sağda, sayfanın üst köşesindedir.

Böylece, herhangi bir öğeyi sayfaya göre konumlandırabiliriz, ancak bu yeterli değil. Aslında, # Div-1A'yı ana bloğa göre #Content olarak konumlandırmamız gerekiyor. Ve bu aşamada, göreceli konumlandırma tekrar oyuna giriyor.

4. Pozisyon: Sabit

Sabit konumlandırma (pozisyon: sabit) mutlak konumlandırmanın bir alt bölümüdür. Tek fark, her zaman ekranın görünür alanında olmasıdır ve sayfanın kaydırma sırasında hareket etmemesidir. Bu bağlamda, sabit bir arka plan görüntüsüne biraz benzer.

# DIV-1A (Konum: Sabit; Üst: 0; Sağ: 0; Genişlik: 200px;)

Yani yani pozisyonla: sabit, nasıl istediğim önemli değil, ama var Çok şekilde Bu kısıtlamaları atlar.

5. Pozisyon: Göreceli + Pozisyon: Mutlak

Nispi konumlandırma birimi #Conent atanmış olan, herhangi bir alt öğeyi sınırlarına göre yerleştirebiliriz. #Content bloğunun sağ üst köşesinde bir blok # DIV-1A yerleştirelim.

#Csolute (pozisyon: mutlak; üst: 0; sağ: 0; genişlik: 200px;)

6. İki sütun

Önceki adımlardan bilgiyle donanmış, göreceli ve mutlak konumlandırma kullanarak iki sütun yapmayı deneyebilirsiniz.

#Csolute; üst: 0; sağ: 0; genişlik: 200px;) # div-1b (pozisyon: mutlak; üst: 0; sol: 0; genişlik: 200px;)

Mutlak konumlandırmanın avantajlarından biri, işaretlemede nasıl bulunduklarına bakılmaksızın, unsurları rastgele bir sırayla yerleştirme yeteneğidir. Yukarıdaki örnekte, # DIV-1B bloğu # DIV-1A'dan önce bulunur.

Ve şimdi bir sorunuz olmalısınız: "Ama benim örneğimizden kalan unsurlar nerede?". Kesinlikle bulunan bloklarda ortadan kayboldular. Neyse ki, düzeltmek mümkündür.

7. Sabit yüksekliğe sahip iki sütun

Bir çözüm, sütun içeren bir kabın sabit bir yüksekliği ayarlamaktır.

#Content: 450px;) # div-1a (pozisyon: mutlak; üst: 0; sağ: 0; genişlik: 200px;) # div-1b (pozisyon: mutlak; üst: 0; sol: 0; genişlik: 200px;)

Çözüm çok uygun değildir, çünkü metnin sütunlarda nasıl bulunacağını ve yazı tipinin nasıl kullanılacağını önceden bilemiyoruz.

8. Şamandıra.

Değişken yüksekliğe sahip hoparlörler için mutlak konumlar uygun değildir, bu yüzden başka bir seçeneği düşünelim.

Şamandıra birimini atayarak, en çok sağa (veya sola) kenara iteceğiz ve bloğun yanındaki metin bunu itiraz edecektir. Genellikle bu teknik resimler için kullanılır, ancak daha karmaşık bir görev için kullanacağız, çünkü bu bizim elimizde mevcut olan tek araçtır.

# Div-1a (şamandıra: sol; genişlik: 200px;)

9. "Yüzer" sütunlar

Şamandıra atarsanız: birinci üniteye bırakın ve ardından ikinci şamandıra: Sol, blokların her biri sol kenara sığacak ve değişken yüksekliğe sahip iki sütun alacağız.

# Div-1a (şamandıra: sol; genişlik: 150px;) # div-1b (şamandıra: sol; genişlik: 150px;)

Ayrıca, şamandıra değerinin karşısındaki sütunlar atayabilirsiniz, bu durumda, kabın kenarları boyunca dağıtılacaklardır.

# Div-1a (şamandıra: sağ; genişlik: 150px;) # div-1b (şamandıra: sol; genişlik: 150px;)

Ama şimdi başka bir problemimiz var - sütunlar ana kabın ötesine geçer, böylece tüm düzenini kırar. Bu, oldukça basit bir şekilde çözülmesine rağmen, acemi versiyonların en yaygın sorunudur.

10. Temizleme şamandıra.

Float temizliği iki şekilde yapılabilir. Sütunlardan sonra başka bir blok varsa, ona net atamak yeterlidir: Her ikisi de.

# Div-1a (şamandıra: sol; genişlik: 190px;) # div-1b (float: sol; genişlik: 190px;) # div-1c (net: her ikisi de;)

Veya taşma özelliğini ana konteynere atayın: Gizli

#Content (taşma: gizlenmiş;)

Her durumda, sonuç aynı olacaktır.

Sonuç

Bugün, sadece temel konumlandırma teknikleri göz önünde bulunduruldu ve en basit örnekler. Ayrıca, acemi yapımcılara yardım etmek için, her zaman bir seferinde bana çok yardımcı olan Ivan Sagalaeva makalelerinin döngüsünü tavsiye ederim.