Artık Web sayfamıza farklı hizalamalı bazı metinler koyabiliriz:

İşte kişisel sayfalarım!

Onlarda şunları bulabilirsiniz: - benim ve hobilerim hakkında bir hikaye; - Benim fotoğraflar.

Sayfalarımdan birinden mümkün olacak
bana bir eposta gönder.

3. Web sayfaları oluşturmak için araçlar

3.1 HTML düzenleyicileri

Herkes Web sayfaları oluşturmak için kendi aracını seçer. MS FrontPage veya Macromedia DreamWeaver, Allaire HomeSite veya 1. Sayfa olabilir. Ve birisi Not Defteri (Not Defteri) gibi basit bir metin düzenleyici kullanır.

Metin editörleri sadece küçük sayfalar oluşturmak için kullanılabilir, çünkü birçok dezavantajı vardır: projeler desteklenmez, "vurgulama" metni yoktur.Genel olarak, çalışması son derece elverişsizdir.

MS FrontPage'in ana dezavantajı, çok büyük bir HTML kodu (çok fazla ekstra) oluşturmasıdır, bu nedenle sayfalar büyüktür, bu da yükleme hızını etkiler. Ayrıca, bu düzenleyicide Web sayfaları oluştururken bir şey görürsünüz, ancak tarayıcı penceresinde - tamamen başka bir şey. Sayfalar biraz eğri çıkıyor, bu nedenle yüksek kaliteli Web sayfaları oluşturmak için aşağıda tartışılacak olan paketleri kullanmanız önerilir.

Popüler Macromedia DreamWeaver ile başlayacağız. Macromedia, web siteleri oluşturmak için yazılım üretiminde lider ve bu alanda bir trend belirleyici olarak kabul edilir.

Dreamweaver 3.0

Ancak DreamWeaver, özellikle çok temiz HTML oluşturmasıyla diğer WYSIWYG düzenleyicilerinden birkaç adım öndedir. DreamWeaver, aşağıdakileri kullanarak sayfa oluştururken (örneğin, metin mizanpajı yaparken) aynı tür işlerden kurtulmanıza olanak tanır. seçenekler "komut sırasını kaydet" (ürettiğiniz komutların sırasını yazarsınız, ardından örneğin CTRL+P'ye basarsınız ve DreamWeaver her şeyi aynı sırayla oynatır.

Ana Sayfa 4.0

Bir sonraki düzenleyici - HomeSite 4 - sayfaları manuel olarak oluşturmak için, yani. HTML uzmanları için. HTML kodu üzerinde tam kontrol sahibi olursunuz ve sayfanızı üç popüler tarayıcıdan (MSIE, Google Chrome, Opera) biri için optimize etmek mümkündür.

HomeSite iki ana mod içerir: Düzenleme ve Tasarım. Tasarım modu, HTML kodu üreten bir tür WYSIWYG düzenleyicisidir ve başka birinin HTML kodunu yüklerseniz, HomeSite her şeyi kendi yöntemiyle yeniden yazar.

HomeSite'ın bir diğer ayırt edici özelliği de Dreamweaver ile "yapıştırma" özelliğidir. HomeSite'ın bir "Dreamweaver" düğmesi vardır ve ayrıca standart paketine dahildir. Ancak DreamWeaver, HomeSite'ı HTML kodunu düzeltmek için bir düzenleyici olarak bağlama yeteneğine de sahiptir.

En yeni HTML editörlerinden biri EVR Soft 1. Sayfa v2'dir.

Sloganı "1. sınıf web siteleri oluşturun!" ("Birinci sınıf web siteleri oluşturun!"). Düzenleyici birkaç mod içerir - Normal, Kolay, Gelişmiş / Uzman ve Hardcore, yani seviyenizi seçebilir ve sonunda daha yüksek bir seviyeye geçebilirsiniz. Diğer bir özellik ise oldukça geniş bir JavaScript ve DHTML komut dosyası koleksiyonudur. Bütün bunlar oldukça uygun bir şekilde kategorilere ayrılmıştır.

3.2 Grafik düzenleyiciler

Grafik oluşturmak ve optimize etmek karmaşık ve kaprisli bir iştir. Elbette, grafik kullanmadan - yazı tiplerini, komut dosyalarını ve stil sayfalarını (CSS) kullanarak - bir Web sayfası oluşturmak mümkündür ve bu güzel ve şık olacaktır. Ancak sonuçta, belgenin son görünümü, tarayıcı penceresinin genişliği, tarayıcı ön ayarları, varsayılan yazı tipi boyutu, yazı tipi adı ve rengi gibi çok sayıda farklı faktöre bağlıdır. Ayrıca, tüm komut dosyaları ve stiller tüm tarayıcılar tarafından desteklenmez. Grafik kullanılıyorsa, sayfanızın ziyaretçisi onu tam olarak sizin yaptığınız gibi görecek ve görecektir.

Web grafikleriyle çalışmanın ana zorluğu, İnternet kanallarının bant genişliğinin çoğu durumda çok düşük olmasıdır ve hemen sorunlarla karşılaşacaksınız - bir grafik dosyasının boyutu küçük, ancak kaliteli nasıl yapılacağı, hangi programların ve tekniklerin kullanılacağı optimize ederken kullanın.

Yetenekli ellerde görüntü işleme için güçlü bir araç olan vektör ve raster grafik editörleri bölümü buna ayrılmıştır.

Vektör ve raster grafik editörlerini düşünmeden önce, bir görüntünün vektör ve raster gösterimi arasındaki farkın ne olduğunu anlamalısınız.

raster grafikler hücreleri piksel olarak adlandırılan bir ızgaradır (raster). Raster görüntüdeki her pikselin kesin olarak tanımlanmış bir konumu ve rengi vardır, bu nedenle herhangi bir nesne program tarafından bir dizi renkli piksel olarak temsil edilir. Bu, bitmap görüntülerle çalışan kullanıcının belirli nesneler üzerinde değil, onları oluşturan piksel grupları üzerinde çalıştığı anlamına gelir.

Raster görüntüler, yüksek görüntü ayrıntısının yanı sıra renk geçişlerinde ve orta tonlarda yüksek aslına uygunluk sağlar, bu nedenle taranan fotoğraflar gibi ton renkli görüntüleri temsil etmenin en iyi yoludur.

Bitmap grafikler her zaman sabit sayıda piksel kullanır, yani. Bir raster görüntünün kalitesi doğrudan ekipmanın çözünürlüğüne bağlıdır. Bu, görüntüdeki herhangi bir değişikliğin (döndürme, büyütme vb.) görüntünün sürekli bozulmasına yol açtığı ve nesnelerin sınırlarının eşit olmadığı anlamına gelir.

vektör görüntüler vektörler olarak adlandırılan matematiksel olarak tanımlanmış şekiller temelinde oluşturulur ve görüntünün türü vektörlerin parametreleri tarafından belirlenir. Başka bir deyişle vektör grafikleri, koordinatları, rengi ve diğer parametreleri olan eğriler ile belirli bir renkle doldurulmuş kapalı alanlardan oluşur. Bu bölgelerin sınırları da eğrilerle tanımlanır. Vektör görüntü dosyası, eğrilerin koordinatlarını ve parametrelerini içerir.

Vektör görüntülerini işlemenin sonuçları, ekipmanın çözünürlüğüne bağlı değildir, bu nedenle parametrelerini (boyut, renk, şekil vb.) keyfi olarak değiştirebilirsiniz - kalite bozulmaz. Vektör grafikleri, küçük boyutlar (yazı tipi boyutları) kullanarak dijital nesneler veya sınırsız ölçeklendirmede net anahatlar sağlamanın önemli olduğu logolar gibi nesneler oluştururken kullanılır.

Grafik paketleri (editörler) de iki türe ayrılır: raster ve vektör. Şimdi bunların en popülerlerine bakalım.

A) Raster grafik editörleri

Microsoft Paint, Microsoft işletim sistemlerinde standart olarak gelen basit (veya daha doğrusu en basit) düzenleyicidir. Basit resimler oluşturmanıza olanak tanıyan bir dizi basit işleve (fırça, kurşun kalem, silgi vb.) sahiptir. Ne yazık ki, grafik işleme için pratik olarak uygun değildir. Sağda gördüğünüz resim, bu editörün yapabileceğinden daha fazlası.

Adobe Photoshop- bugün raster grafiklerin profesyonel işlenmesi için en güçlü pakettir. Bu, bir raster görüntüyü değiştirmek için çok sayıda seçeneğe sahip, çok sayıda farklı filtre ve efekte sahip olan ve üçüncü taraf üreticilerin araçlarını bağlamak mümkün olan bir komplekstir.

Paket, örneğin, hasar görmüş görüntüleri onarmak, fotoğrafları rötuşlamak veya hayal gücümüzün karşılayabileceği en harika kolajları oluşturmak için araçlar sunar. Genel olarak, bu paketin potansiyeli gerçekten çok büyük. 5.5 sürümünden başlayarak, paket programı içerir Adobe ImageHazır, WEB altında grafikleri işlemek için harika fırsatlar sağlayan (görüntü optimizasyonu, hareketli gifler oluşturma, resimleri daha küçük olanlara "kesme" vb.). Adobe Photoshop geliştiricilerinin sloganı - "Zihninin kamerası" - sadece teknik mükemmelliği değil, aynı zamanda bu programla çalışan bir kişinin mahkum olduğu tam bir yaratıcılık özgürlüğünü de ifade eder.

Fotoğraf Boyası- Adobe Photoshop ile rekabet eden raster grafikleri işlemek için eşit derecede iyi bilinen başka bir grafik düzenleyici (Corel Draw paketinden). Ayrıca grafikleri, çeşitli filtreleri, dokuları işlemek için gerekli tüm araçlara sahiptir. Tek fark, kullanılabilirlik, arayüz ve filtre uygulama hızındadır - yer paylaşımı biraz daha yavaştır.

ressam- editör, gerçek çizim araçlarını taklit etmek için harika fırsatlar sunar: grafit, tebeşir, yağ vb. Ayrıca malzeme yüzeyinin dokusunu simüle etmenize, boyamanıza, animasyon oluşturmanıza olanak tanır. Resim tarzında duvar kağıdı veya Web sayfaları tasarlamak için çok kullanışlıdır. Bu programı kullanarak gerçek bir sanatçı gibi hissediyorsunuz.

Ayrıca bir dizi editör var ( Microsoft Fotoğraf Düzenleyici, Microsoft PhotoDRAW), ayrıca en basit görevlerin uygulanmasına izin verir, ancak profesyonellerin ihtiyaçlarını karşılamaz.

B) Vektör grafik editörleri

Adobe Illustrator- paket, vektör grafikleri oluşturmanıza, işlemenize ve düzenlemenize olanak tanır. Güçte eşdeğerdir

Adobe Photoshop raster editörü: benzer bir arayüze sahiptir, çeşitli filtreler ve efektler bağlamanıza izin verir, gibi birçok grafik formatını bile anlar. cdr (Corel Draw) ve . swf (Flaş).

Corel çizgisi- elbette, böyle iyi bilinen bir grafik paketi, vektör grafiklerini işlemek için araçlar olmadan yapamazdı. Paket neredeyse Adobe Photoshop ve Adobe Illustrator grafik editörleri kadar güçlü. Vektör grafiklerini işlemeye ek olarak, bu pakette bir raster grafik işlemcisi (Photo Paint), bir görüntü izleyicisi, bir yazı tipi düzenleyicisi, doku hazırlama ve barkod oluşturma ile büyük resim koleksiyonları (CorelGallery) bulunur.

Adobe Kolaylaştırma- Raster grafikleri vektör grafiklerine izlemek (çevirmek) için tasarlanmış başka bir Adobe ürünü. Bu küçük ama çok kullanışlı ve güçlü bir üründür. Bu, özellikle Flash teknolojisi gibi vektör grafikleri kullanarak Web sayfaları oluşturuyorsanız kullanışlıdır.

4. CMS Joomla 1.5.7 kullanarak site oluşturma

Sorunsuz, basitten karmaşığa ilkesine göre, statik WWW sayfalarından dinamik olanlara geçiyoruz. Bunu yapmak için PHP, Jscript, Perl, Web dilleri hakkında bilgiye ihtiyacımız var. jQuery ve en azından MySQL yapılandırılmış sorgu dili. Sorun değil, sadece birkaç yıl ve siz bir profesyonelsiniz, sayfaların anında oluşturulduğu, forum istemcileri, oturum açma bilgileri, şifreler, kimlik, kimlik doğrulama, animasyon bağlantısı ve daha fazla.

Ancak dinamik çok işlevli bir site yapmak için tüm dilleri bilmek gerekli değildir. HTML, SCC, PHP, 3Ds Max, Photoshop ve SMC Joomla hakkında yeterli bilgiye sahiptim.

Joomla, depolama olarak MySQL veritabanı kullanan PHP ve JavaScript ile yazılmış bir içerik yönetim sistemidir. GNU GPL altında lisanslanmış özgür bir yazılımdır.

Ana Özellikler:

1. İşlevsellik, ek modüller (uzantılar, eklentiler) kullanılarak genişletilebilir.

2. Kullanıcıların ve yöneticilerin çok seviyeli kimlik doğrulaması için güvenlik modülü.

3. Şablon sistemi, sitenin görünümünü değiştirmeyi kolaylaştırır.

4. Sol, sağ ve orta menü blokları dahil olmak üzere özelleştirilebilir modül düzenleri.

5. Sistemin avantajları, tüm modülleri, bileşenleri, eklentileri, şablonları kendiniz yazabilmeniz, bunları yapılandırılmış bir uzantı dizinine yerleştirebilmeniz veya mevcut bir uzantıyı kendi takdirinize göre düzenleyebilmenizdir.

Joomla ile İnternet'teki ana sunucuda çalışabilirsiniz (ek maliyetler ve çoğu İnternet hızına bağlıdır). Yerel bir sunucuda çalışmayı tercih ederim. Bunun için Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 Sunucusunu 127.0.0.1 Port 80'de seçtim.

Yani, yerel bir sunucu kurun. localhost/home/www/ dizininde Joomla'nın kendisini yerleştireceğimiz bir klasör oluşturun. PHP5.3.1 Joomla altında düzgün çalışmadığını belirtmek isterim. FireBoard ve Kunena forumlarının bileşenleri sitede sürekli hata veriyor, php.ini dosyasını düzenlemeniz gerekiyor. ini ve hata çıktısını kapatın; bu, eylemin kendisinin site için öngörülemeyen koşullar vaat ettiği anlamına gelir. Bu nedenle PHP sürüm 5.2.4'ü seçmenizi öneririm, çalışma tüm eklentiler, modüller ve bileşenler için kararlıdır. Joomla'yı bir tarayıcı aracılığıyla kurduktan sonra, MySQL'de bir yönetici kullanıcı oluşturun ve kullanıcı adı ve şifresini kullanarak yönetici paneline gidin. Ardından, site için bir şablon seçmeniz gerekir. İlk bakışta, çok kolay gibi görünecek, ancak daha derine inerek, zamanın %80'inin bu şablonu güncellemeye harcandığına ikna oldunuz. Bu nedenle çıktı modüllerini de unutmadan ihtiyaçlarınıza en uygun şablonu seçmenizi tavsiye ederim. Ardından, sitenin tüm işlevlerini bağlarız: kayıt, forum, slayt gösterisi, afişler, indirme dosyaları, çevrimiçi video, ses, düzenleme, tüm görüntülenen sayfalar. Ağırlıklı olarak Endeks ile çalışıyoruz. php ve şablon. css ve tabii ki kendimiz için Joomla için yaklaşık 6000 olan tüm bağlı uzantıları yapılandırıyoruz. O zaman en hoş şey kalır - bu sitenin tasarımıdır. Raster programı Photoshop ve 3Ds Max'i (Autodesk tarafından geliştirilen, üç boyutlu grafikler ve animasyonlar oluşturmak ve düzenlemek için tam özellikli profesyonel bir yazılım sistemi, sanatçılar ve multimedya uzmanları için en modern araçları içerir) kullanarak bir şablon tasarımı oluşturuyoruz. Başlığın düzenlenmesi, istenen görünümün yapılması.

Çözüm

Web programlamanın hızlı gelişimi ve çoklu CMS'nin oluşturulması ile Web tasarımcısının işi kolaylaştı. Şimdi, çok işlevli, güçlü bir dinamik web portalı oluşturmak için, birkaç programlama dilinde (uzantılar ve komut dosyaları eklersek), grafik ve raster programlarında yetkin olmak, biraz ilham, yenilik ve beceri yeterlidir.

Edebiyat

1. Kotorev D.V., Kostarev A.F. "PHP 5 veya orijinalindeki en eksiksiz kılavuz." Petersburg 2005

2. A. Goncharov "HTML Eğitimi".

3. A. Matrosov, A. Sergeev, M. Chaunin "Orijinalinde HTML 4.0"

4. Isaacs S. "Dinamik HTML"

5. Bayens J. "WEB programlama araçları"

6. Bursov M.V. ve diğerleri "Dreamweaver HTML Düzenleyicisi ile Çalışmanın Temelleri. Öğretici"

7. Velikhov V. "HTML 4.0 El Kitabı"

HyperTextMarkupLanguage (HTML) -- köprü metni biçimlendirme dili -- WorldWideWeb'de yayınlanan köprü metni belgelerini yazmak için tasarlanmıştır.

Köprü metni belgesi, daha sonra tarayıcı tarafından tanınan ve dosyanın içeriğini bilgisayar ekranında görüntülemek için kullanılan etiket adı verilen özel işaretlere sahip bir metin dosyasıdır.

Bu işaretleri kullanarak belge başlıklarını vurgulayabilir, harflerin rengini, boyutunu ve stilini değiştirebilir, grafikler ve tablolar ekleyebilirsiniz. Ancak, köprü metnin düz metne göre ana avantajı, belge içeriğine köprüler ekleme yeteneğidir - fare tıklamasıyla başka bir belgeye gitmenizi sağlayan özel HTML dili yapıları.

HTML belge yapısı

HTML etiketlerinden en önemlisi aynı isimli etikettir. . Her zaman belgeyi açar, tıpkı bir etiket gibi son satırda olmalıdır. Bu etiketler, aralarındaki satırların tek bir köprü metni belgesini temsil ettiğini gösterir. Bu etiketler olmadan tarayıcı veya diğer görüntüleyici belgenin biçimini belirleyemez ve doğru şekilde yorumlayamaz.

Bir HTML belgesi, aşağıdaki sırayla düzenlenmiş bir başlık (baş) ve bir gövde (gövde) olmak üzere iki bölümden oluşur:

Belge başlığı

Belge Gövdesi

Çoğu zaman, bir belgenin başlığında bir çift etiketi bulunur. Belgenin adını belirten A. Birçok izleyici bunu belgenin görüntülendiği pencerenin başlığı olarak kullanır. İnternette belgeleri indeksleyen programlar, sayfayı tanımlamak için başlığı kullanır. İyi bir başlık, pencerenin başlığına yerleştirilirken, ilgili sayfaya doğru şekilde işaret edecek kadar uzun olmalıdır. Belgenin başlığı, açılış ve kapanış etiketleri arasına sığar.

Belgenin gövdesi, belgenin tüm materyalini içerdiğinden zorunlu bir unsurdur. Belgenin gövdesi etiketlerin arasına yerleştirilir ve

. Bu etiketler arasına yerleştirilen her şey, tarayıcı tarafından sayfanın monitör ekranında doğru bir şekilde görüntülenmesini sağlayan HTML dilinin kurallarına göre yorumlanır.

HTML'deki metin, bir etiket kullanılarak paragraflara bölünür<р>. Her paragrafın başına yerleştirilir ve tarayıcı karşılaştığında paragrafları boş bir satırla birbirinden ayırır. Bir kapanış etiketi kullanmagerekli değil.

Metni "kesmek", kalanını yeni bir paragrafa vurgulamadan yeni bir satıra aktarmak istiyorsanız, satır sonu etiketini kullanın.
. İzleyicinin kendisinden sonraki karakterleri yeni bir satırda göstermesine neden olur. Paragraf etiketinden farklı olarak, etiket
boş bir dize eklemez. Bu etiketin eşleşen bir bitiş etiketi yok.

HTML dili, belge içeriğinin hem mantıksal hem de fiziksel biçimlendirmesini destekler. Mantıksal biçimlendirme, belirli bir metin parçasının amacını belirtirken, fiziksel biçimlendirme onun görünümünü belirtir.

Mantıksal metin biçimlendirmesini kullanırken tarayıcı, belgenin yapısına göre metnin farklı bölümlerini vurgular. Başlığı görüntülemek için başlık etiketlerinden biri kullanılır. Tipik bir belgedeki başlıklar seviyelere ayrılır. HTML dili, altı başlık düzeyi belirlemenize olanak tanır: h1 (birinci düzey başlık), h2, h3, h4, h5 ve h6. Birinci düzey başlık, genellikle ikinci düzey başlıktan daha büyük ve daha zengindir. Başlık etiketlerinin kullanımına bir örnek:

ben. Bölüm Başlığı

LL. Bölüm adı

Fiziksel biçimlendirme etiketleri, örneğin bir çift kalın metin gibi, tarayıcı ekranındaki metnin görünümünü doğrudan ayarlar. metnin altını çizer, metin yazı tipini kontrol eder.

Etiket görüntüyü tek bir büyük karaktermiş gibi belgeye ekler. Etiket uygulaması örneği:

Köprü metni bağlantısı oluşturmak için bir çift etiket kullanılır<а>... . Bu etiketler arasında bulunan bir metin parçası, bir resim veya başka herhangi bir nesne, tarayıcı penceresinde bir köprü metni bağlantısı olarak görüntülenir. Böyle bir nesnenin etkinleştirilmesi, tarayıcı penceresine yeni bir belgenin yüklenmesine veya geçerli Web sayfasının başka bir bölümünün görüntülenmesine neden olur. Şu ifade kullanılarak bir köprü metni bağlantısı oluşturulur:

Buradaki Href, değeri istenen kaynağın URL'si olan gerekli bir niteliktir. href öznitelik değerindeki tırnak işaretleri isteğe bağlıdır. Başka bir sunucudaki bir belgeye bağlantı belirtilirse, köprü şöyle görünür:

<а href = "http://www.school.donetsk.ua/11.jpg">Fotoğraf 11-A

Çeşitli etiketlerin yardımıyla tablolar çizebilir, metni biçimlendirebilir, bir belgeye resim, video ve ses dosyaları ekleyebilir ve daha fazlasını yapabilirsiniz.

Hiper Metin İşaretleme Dili (HTML) - hiper metin işaretleme dili - World Wide Web'de yayınlanan hiper metin belgeleri yazmak için tasarlanmıştır.

Köprü metni belgesi, daha sonra tarayıcı tarafından tanınan ve dosyanın içeriğini bilgisayar ekranında görüntülemek için kullanılan etiket adı verilen özel işaretlere sahip bir metin dosyasıdır.

Bu işaretleri kullanarak belge başlıklarını vurgulayabilir, harflerin rengini, boyutunu ve stilini değiştirebilir, grafikler ve tablolar ekleyebilirsiniz. Ancak, köprü metninin düz metne göre ana avantajı, bir belgenin içeriğine köprüler ekleme yeteneğidir - başka bir belgeyi görüntülemek için tıklamanıza izin veren özel HTML dili yapıları.

HTML belgesi iki bölümden oluşur: asıl metin, yani belgenin içeriğini oluşturan veriler ve etiketler - belgeyi işaretlemek ve görüntüsünü kontrol etmek için kullanılan HTML dilinin özel yapıları. HTML dil etiketleri, metnin sunulacağı formu, hangi bileşenlerinin köprü metni bağlantılarının rolünü oynayacağını, hangi grafik veya multimedya nesnelerinin belgeye dahil edilmesi gerektiğini belirler.

Bir HTML belgesine dahil edilen grafik ve ses bilgileri ayrı dosyalarda saklanır. HTML belge görüntüleyicileri ( tarayıcılar) işaretleme bayraklarını yorumlar ve ekrandaki metin ve grafikleri uygun şekilde düzenler. HTML belgeleri içeren dosyalar için kabul edilen uzantılar şunlardır: .htm veya .html.

Çoğu durumda, etiketler çiftler halinde kullanılır. Çift bir açılıştan oluşur<имя_тега>ve kapanışetiketler. Herhangi bir eşleştirilmiş etiketin eylemi, açılış etiketinin buluştuğu yerde başlar ve karşılık gelen kapanış etiketiyle karşılaşıldığında sona erer. Genellikle bir çift başlangıç ​​ve bitiş etiketi denir. konteyner, ve metnin açılış ve kapanış etiketiyle sınırlanan kısmı, - eleman.

Metni oluşturan karakter dizisi, aşağıdaki dört karakter dışında boşluklar, sekmeler, yeni satırlar, satır başları, harfler, noktalama işaretleri, sayılar ve özel karakterlerden (örneğin, #, +, $, @) oluşabilir. HTML'de özel anlamı vardır: (büyüktür), & (ve işareti) ve " (çift tırnak işareti). Bu karakterlerden herhangi birini metninize dahil etmek istiyorsanız, onu özel bir karakter dizisiyle kodlamanız gerekir.

HTML belge yapısı

HTML etiketlerinden en önemlisi aynı isimli etikettir. . Her zaman belgeyi açar, tıpkı bir etiket gibi son satırda olmalıdır. Bu etiketler, aralarındaki satırların tek bir köprü metni belgesini temsil ettiğini gösterir. Bu etiketler olmadan tarayıcı veya diğer görüntüleyici belgenin biçimini belirleyemez ve doğru şekilde yorumlayamaz.

Bir HTML belgesi, aşağıdaki sırayla düzenlenmiş bir başlık (baş) ve bir gövde (gövde) olmak üzere iki bölümden oluşur:

Belge başlığı Belge Gövdesi

Çoğu zaman, bir belgenin başlığında bir çift etiketi bulunur. Belgenin adını belirten A. Birçok izleyici bunu belgenin görüntülendiği pencerenin başlığı olarak kullanır. İnternette belgeleri indeksleyen programlar, sayfayı tanımlamak için başlığı kullanır. İyi bir başlık, pencerenin başlığına yerleştirilirken, ilgili sayfaya doğru şekilde işaret edecek kadar uzun olmalıdır. Belgenin başlığı, açılış ve kapanış etiketleri arasına sığar.

Belge Gövdesi belgenin tüm materyalini içerdiğinden zorunlu bir unsurdur. Belgenin gövdesi etiketlerin arasına yerleştirilir ve

. Bu etiketler arasına yerleştirilen her şey, sayfanın monitör ekranında doğru bir şekilde görüntülenmesini sağlayan HTML dilinin kurallarına uygun olarak tarayıcı tarafından yorumlanır.

HTML'deki metin, bir etiket kullanılarak paragraflara bölünür<р>. Her paragrafın başına yerleştirilir ve tarayıcı karşılaştığında paragrafları boş bir satırla birbirinden ayırır. Bir kapanış etiketi kullanmagerekli değil.

Metni "kesmek", kalanını yeni bir paragrafa vurgulamadan yeni bir satıra aktarmak istiyorsanız, satır sonu etiketini kullanın.
. İzleyicinin kendisinden sonraki karakterleri yeni bir satırda göstermesine neden olur. Paragraf etiketinden farklı olarak, etiket
boş bir dize eklemez. Bu etiketin eşleşen bir bitiş etiketi yok.

HTML dili destekler belge içeriğinin mantıksal ve fiziksel biçimlendirmesi. Mantıksal biçimlendirme, belirli bir metin parçasının amacını belirtirken, fiziksel biçimlendirme onun görünümünü belirtir.

kullanma mantıksal biçimlendirme metin tarayıcısı, belgenin yapısına göre metnin farklı bölümlerini vurgular. Başlığı görüntülemek için başlık etiketlerinden biri kullanılır. Tipik bir belgedeki başlıklar seviyelere ayrılır. HTML dili, altı başlık düzeyi belirlemenize olanak tanır: h1 (birinci düzey başlık), h2, h3, h4, h5 ve h6. Birinci düzey başlık, genellikle ikinci düzey başlıktan daha büyük ve daha zengindir. Başlık etiketlerinin kullanımına bir örnek:

ben. Bölüm Başlığı

LL. Bölüm adı

etiketler fiziksel biçimlendirme metnin görünümünü tarayıcı ekranında doğrudan ayarlayın, örneğin, çift metni kalın yapar, metnin altını çizer, metin yazı tipini kontrol eder.

Etiket görüntüyü tek bir büyük karaktermiş gibi belgeye ekler. Etiket uygulaması örneği:

oluşturmak için köprü metni bağlantısı kullanılan etiket çifti<а>... . Bu etiketler arasında bulunan bir metin parçası, bir resim veya başka herhangi bir nesne, tarayıcı penceresinde bir köprü metni bağlantısı olarak görüntülenir. Böyle bir nesnenin etkinleştirilmesi, tarayıcı penceresine yeni bir belgenin yüklenmesine veya geçerli Web sayfasının başka bir bölümünün görüntülenmesine neden olur. Şu ifade kullanılarak bir köprü metni bağlantısı oluşturulur:

Buradaki Href, değeri istenen kaynağın URL'si olan gerekli bir niteliktir. href öznitelik değerindeki tırnak işaretleri isteğe bağlıdır. Başka bir sunucudaki bir belgeye bağlantı belirtilirse, köprü şöyle görünür:

<а href = "http://www.school.donetsk.ua/11.jpg">Fotoğraf 11-A

Çeşitli etiketleri kullanarak bir belgeye tablolar çizebilir, metni biçimlendirebilir, resimler, videolar, ses dosyaları ve daha fazlasını ekleyebilirsiniz.

1989'da, hipermetin, bir yandan nispeten çok sayıda uygulamaya sahip olan yeni bir gelecek vaat eden teknolojiyi temsil ederken, diğer yandan, doğası gereği daha açıklayıcı olan ve ilham kaynağı olan hipermetin sistemlerinin resmi modellerini oluşturmaya yönelik girişimlerde bulunuldu. Veri açıklamasına ilişkisel yaklaşımın başarısı.

HTML, belgeleri kodlamak için kullanılan bir köprü metni biçimlendirme dilidir. HTML dili, tarayıcının belgenin içeriğini gösterdiği, HTML komutlarının görüntülenmediği bir dizi komuttur. HTML, bir belgeyi diğerine bağlayan bir köprü metni bağlantı mekanizması uygular. Bu belgeler, bağlandıkları sayfayla aynı sunucuda yer alabilir veya farklı bir sunucuda barındırılabilir.

HTML fikri, özel bir ekran kontrol aracı yardımıyla bir köprü metni sistemi oluşturma sorununa son derece başarılı bir çözüm örneğidir.

Bağlamsal köprü metni bağlantıları, köprü metni düzenlemenin en etkili biçimi olarak kabul edildi ve ayrıca, bir bütün olarak belgenin tamamı ve ayrı bölümleriyle ilişkili bağlantılara bölünme tanındı.

Tüm HTML belgeleri, sabit bir dizi yapı etiketi tarafından tanımlanan aynı yapıyı paylaşır. Bir HTML belgesi her zaman bir etiketle başlamalıdır< HTML >ve uygun bitiş etiketiyle bitirin (). Belge içinde iki ana bölüm vardır: bu sırayla başlıklar bölümü ve belgenin gövdesi. Başlık bölümü, belgeyi bir bütün olarak tanımlayan bilgileri içerir ve etiketlerle sınırlıdır.<НЕАD>ve. Özellikle başlık bölümü, çift etiketi ile sınırlandırılmış belgenin genel başlığını içermelidir.<ТITLE>.

). Ancak, bir HTML belgesi oluştururken yapısal etiketlerin çıkarılması önerilmez. Yapıyı tanımlayan tüm etiketleri içeren en basit uygun HTML belgesi şöyle görünebilir:

< TITLE >Belge başlığı< /TITLE >

Belge metni

HTML öğeleri.

Eşleştirilmiş etiketler için kapsam, belgenin açılış ve kapanış etiketleri arasındaki bölümü tarafından belirlenir. Belgenin bu bölümü, HTML dilinin bir öğesi olarak kabul edilir. Yani, etiketi içeren "BODY öğesi" hakkında konuşabiliriz., belgenin gövdesi ve bitiş etiketi. Tüm HTML belgesi. bir "HTML öğesi" olarak düşünülebilir. Eşlenmemiş etiketler için öğe, onu tanımlayan etiketle eşleşir.

HTML dilinin çoğu öğesi. belgenin içeriğinin bölümlerini tanımlar ve etiketler arasına yerleştirilir . ve, yani BODY yapısal elemanının içinde. Bu tür öğeler blok ve metne ayrılır. Blok öğeleri, paragraf düzeyindeki metnin bölümlerine atıfta bulunur. Metin öğeleri, tek tek tümcelerin özelliklerini ve metnin daha küçük kısımlarını tanımlar.

Artık öğelerin iç içe geçmesi için kuralları formüle edebiliriz.

Elemanlar örtüşmemelidir. Başka bir deyişle, açılış etiketi bir öğenin içindeyse, karşılık gelen bitiş etiketi aynı öğenin içinde olmalıdır.

Blok öğeleri, iç içe blok ve metin öğeleri içerebilir.

Metin öğeleri, iç içe metin öğeleri içerebilir.

Metin öğeleri iç içe blok öğeleri içeremez.

Fonksiyonel blok elemanları.

Çoğu belgede başlıklar ve paragraflar ana işlevsel öğelerdir. HTML dili. altı başlık düzeyini destekler. Eşleştirilmiş etiketler kullanılarak ayarlanırlar.<Н1>önceki<Н6>. Görüntülendiğinde, Web belgeleri şu şekilde oluşturulur; etiketi (bilgisayar ekranındaki belge, bu öğeler farklı boyutlarda yazı tipleri kullanılarak gösterilir.

Normal paragraflar bir çift etiketi kullanılarak ayarlanır<Р>. HTML dili. paragraf girintisi ("kırmızı çizgi") oluşturmak için araçlar içermez, bu nedenle bir bilgisayar ekranında görüntülendiğinde paragraflar boş bir satırla ayrılır. kapanış etiketiisteğe bağlı olarak kabul edilir. Belgenin bir sonraki paragrafının başlangıcını belirleyen etiketin önünde durduğu anlaşılmaktadır. Örneğin:

başlık

<Р>İlk paragraf<Р>İkinci paragraf

İkinci seviye başlık

Bir paragrafı tanımlayan özel bir etikete sahip olmanın bir sonucu, ENTER tuşuna basılarak girilen olağan satır sonu karakterinin paragraf girintisi oluşturmak için yeterli olmamasıdır. HTML dili. satır sonu karakterlerini ve boşlukları özel bir şekilde ele alır. Herhangi bir sıra; yalnızca boşluklardan ve satır sonu karakterlerinden oluşan, belge görüntülendiğinde tek bir boşluk olarak kabul edilir. Bu, özellikle, satır sonu karakterinin bir satırsonu bile gerçekleştirmediği anlamına gelir (bu amaçla, eşleştirilmemiş etiket tarafından belirtilen bir metin öğesi kullanılır.
.

Paragraf sınırlayıcı olarak yatay cetvel de kullanılabilir. Bu öğe, eşleştirilmemiş bir etiketle belirtilir

---

. Ekranda bir belge görüntülendiğinde, bir cetvel metnin bölümlerini birbirinden ayırır. Uzunluğu ve kalınlığı, etiket öznitelikleri tarafından belirlenir.

---

.

---

Bu etiket, pencerenin genişliğinin yarısını kaplayan ve sağa yerleştirilmiş 10 piksel genişliğinde yatay bir cetvel oluşturur.

Web sitesi geliştirme, modern İnternet endüstrisinin yaygın olarak bulunan olanaklarından biridir. Prensipte sitelerin fiili olarak oluşturulması, kişisel elektronik posta kutuları ve elektronik kartvizitlerin oluşturulmasından çok daha karmaşık değildir.

Bir site oluşturmak için öncelikle, gerekli köprü metinlerini yerleştirebileceğiniz İnternet'e bağlı bir sunucuya ihtiyacınız vardır. Ayrıca, seçilen sunucuya hizmet veren sağlayıcıya saiga adının kaydedilmesi gerekir.

İnternette, sunucularında ücretsiz açılış siteleri sunan sağlayıcılar bulabilirsiniz. Ücretsiz siteler narod.ru, boom.ru, hotmail.ru yerel sunucularında ve geocities.com, tripod.com gibi yabancı sunucularda açılabilir.

Belirtilen sunucularda, formun alan adlarını kaydedebilirsiniz:

<имя>. insanlar.ru

isim>.boom.ru,

Kayıtlı alan adlarına örnekler:

wdu.da.ru - elektronik üniversitenin web sitesi;

wduniv.newmail.ru - dağıtılmış bir üniversitenin sitesi.

Sitenin alan adını kaydettikten sonra, üzerine hiper metinler yerleştirilebilir. Siteye hiper metinlerin yerleştirilmesi, çeşitli hiper metinler oluşturmanıza, düzenlemenize, biriktirmenize ve kopyalamanıza izin veren özel programlar yardımıyla gerçekleştirilir. İlk (ana) köprü metni sayfasının yerleştirilmesinden hemen sonra, bilgileri İnternet'e bağlı herhangi bir bilgisayardan herhangi bir ülkede bir tarayıcı kullanılarak okunabilir. Bunu yapmak için, İnternet'teki sitenin adresi tarayıcı penceresinde belirtilir. Örneğin: http://bak.boom.ru

Barındırılan tüm dosyalar köprü metni olmalı, HTML biçiminde yazılmalı ve form tanımlayıcılarına sahip olmalıdır.<имя>.html

HTML, Köprü Metni İşaretleme Dilidir.

Yapısı gereği, köprü metni, bu sunucuda veya diğer sunucularda barındırılan diğer köprü metinlerine bağlantıları olan bir metindir. Böyle bir bağlantıya tıkladığınızda, tarayıcı, hangi sunucuda ve hangi ülkede bulunduğuna bakılmaksızın bilgisayar ekranına otomatik olarak bir köprü metni sayfası yükler.

Bu araç ve programların yardımıyla internette çok çeşitli bilgi siteleri ve sistemleri oluşturulabilir - kişisel siteler, şirket siteleri, elektronik gazeteler, dergiler, elektronik kitaplar, ansiklopediler ve elektronik arşivler ve kütüphaneler.

Siteler arasındaki fark, bilgi miktarında, yapılarında ve güncelleme prosedürlerinde yatmaktadır. Genel olarak, İnternet'teki siteler ve herhangi bir kuruluş için, yaratılış, gelişme, modernizasyon ve tasfiye yaşam döngüleri hakkında konuşabiliriz.

Bilgi miktarı site sahipleri tarafından belirlenir - siteler oluşturan ve bilgilerini bu sitelere yerleştiren kişi veya kuruluşlar. Sitelerdeki bilgi hacmi birkaç kilobayttan birkaç gigabayta (milyonlarca kilobayt) kadar değişebilir.

Sitelerin yapısı çok çeşitli olabilir. En basit yapı, bir dizi metne bağlantı içeren ana sayfadır. Bu bağlantılar ana sayfanın metninde olabilir veya sayfanın başındaki içindekiler bölümünde öne çıkabilir.

Sitenin her sayfasına, site tarayıcı tarafından yüklendiğinde ekranın üst satırında görünen bir başlık sağlanabilir.

Ayrıca sitenin ana sayfasında arama motorları için bir anahtar kelime listesi belirleyebilirsiniz.

Arama motorları her hafta İnternet'teki tüm sunucuları tarar ve buldukları tüm sitelerin ve hiper metinlerin adreslerini, vurgulanan anahtar kelimelerle birlikte kaydeder. Bu nedenlerle, en geç bir hafta sonra, İnternet'te yayınlanan herhangi bir bilgi, içinde yer alan anahtar kelimeler kullanılarak bulunabilir.