HTML dilini kullanarak bir Web sayfası oluşturma. Köprü metni biçimlendirme dili HTML HTML sayfası meta verileri

MOSKOVA BÖLGESİ EĞİTİM BAKANLIĞI

GBPOU MO "PAVLOVO-POSAD TEKNİKLERİ"

DERS ÇALIŞMALARININ PERFORMANSINA İLİŞKİN

Disipline göre

"Web-Tasarım konulu kurs ve web sayfaları oluşturmak için programlar"

Uzmanlık 230701

"İktisatta Uygulamalı Bilişim" 4 ders

Öğretmen: G.E.

Döngüsel metodolojik komisyon tarafından değerlendiriliyor

Sosyo-ekonomik profil

"" 20g'den Protokol No.

döngü komisyonu başkanı Mishina E.N.

2016-2017 akademik yılı yıl

giriiş

1. Dünya Çapında Ağ3

1.1. World Wide Web'in İnternette Dağılımı. 5

2. HTML5 Kullanarak Web Sayfası Oluşturma

2.1. HTML5 dili

2.2. HTML Belge Yapısı5

2.3 Metin biçimlendirme7

3. Web sayfaları oluşturmak için programlar8

3.1 HTML editörleri8

3.2 Grafik düzenleyiciler13

3.3 Flaş teknolojisi13

4. WORD12'de WEB sayfalarının oluşturulması

4.1 WORD12'de WEB sayfaları oluşturmanın yolları

4.2 Madde işaretli ve numaralı listeler oluşturma13

4.3 Yatay çizgiler13

4.4 Arka plan ekleme13

4.5 Tablolarla çalışma13

4.6 Resimlerle çalışma13

4.7 Köprü oluşturma14

4.8 Web Sayfasına Video Gömme 14

Kullanılan literatür listesi16

1. Dünya Çapında Ağ- bugünün küresel bilgisayar ağı, her türlü bilgiyi barındıran milyonlarca site içermektedir. İnsanlar bu bilgilere internet teknolojisini kullanarak erişirler. WWW'de gezinmek için, WWW'nin uçsuz bucaksız genişliklerinde yolculuğu büyük ölçüde kolaylaştıran özel programlar - Web tarayıcıları kullanılır. Bir Web tarayıcısındaki tüm bilgiler, WWW baytlarının ana öğesi olan Web sayfaları olarak görüntülenir.

Multimedya teknolojisini destekleyen web sayfaları, çeşitli bilgi türlerini birleştirir: metin, grafik, ses, animasyon ve video. Şu veya bu Web sayfasının ne kadar iyi ve güzel yapıldığı, büyük ölçüde web'deki başarısına bağlıdır.

Kullanıcı, şık bir tasarıma sahip, grafik ve animasyonlarla aşırı yüklenmeyen, hızlı yüklenen ve Web tarayıcı penceresinde doğru görüntülenen Web sayfalarını ziyaret etmekten keyif alır.

Bir Web sayfası oluşturmak kolay değildir, ancak muhtemelen herkes kendini bir tasarımcı olarak denemek ister. Ve bu durumda ben bir istisna değilim ve bu nedenle dönem ödevim için böyle bir konu seçtim.

Dönem ödevimde, bir Web sayfası oluşturabilmeniz için bilmeniz gerekenleri, Web sayfaları oluşturmak için hangi yazılımın bir araç olduğunu ve onu nasıl etkili bir şekilde kullanabileceğinizi anlamaya çalıştım.

Ayrıca bu çalışmada, genel kabul görmüş WWW standardı olan Web sayfası programlama dili - HTML'nin temellerini ele aldım. Bu bize Web sayfasının yapısını ve uygun tasarım tekniklerini tanıma fırsatı verecektir.

1.1. World Wide Web'in İnternete Dağılımı.

İnternet, dünyanın en büyük bilgisayar ağıdır. İnternet şu anda 50'den fazla ülkede yaklaşık 150 milyon kullanıcıya sahip. WWW'ye öncelikle İnternet üzerinden erişilir; ancak WWW ve İnternet dediğimizde aynı şeyi kastetmiyoruz. WWW, dahili içeriğe atfedilebilir, yani bir tür soyut bilgi dünyasıdır, İnternet ise çok sayıda kablo ve bilgisayar biçiminde küresel ağın dış tarafıdır.

Öyleyse World Wide Web nedir veya halk arasında dedikleri gibi WWW, Web veya daha da basit - 3W? WWW, hiper metne dayalı dağıtılmış bir multimedya bilgi sistemidir. Bu tanımı sırayla ele alalım.

Dağıtılmış bilgi sistemi: bilgi, çok çeşitli sözde WWW sunucularında (sunucularda) depolanır. Yani internete bağlı özel yazılımların kurulu olduğu bilgisayarlar. Ağa erişimi olan kullanıcılar, bu bilgileri istemci programları, WWW belge görüntüleyicileri kullanarak alırlar. Bu durumda, görüntüleyici programı, dosyayı gerekli belgeyle kaydeden sunucuya bilgisayar ağı üzerinden bir istek gönderir. İsteğe yanıt olarak sunucu, izleyiciye bu gerekli dosyayı veya dosya herhangi bir nedenle mevcut değilse bir ret mesajı gönderir. İstemci-sunucu etkileşimi, belirli kurallara veya dedikleri gibi protokollere göre gerçekleşir. WWW tarafından benimsenen protokole Köprü Metni Aktarım Protokolü veya kısaca HTTP denir.

Multimedya: Bilgi sadece metni değil, aynı zamanda 2D ve 3D grafikleri, videoyu ve sesi de içerir.

Köprü Metni: WWW ile ilgili bilgiler, herhangi biri hem dahili çapraz referanslar hem de aynı veya başka bir sunucuda depolanan diğer belgelere bir bağlantı içerebilen belgeler biçiminde sunulur.

Bu tür bağlantılara köprüler veya köprüler denir. Bilgisayar ekranında, görüntüleyici penceresinde, bağlantılar bir metin veya grafik bölümünün bir şekilde (örneğin, farklı bir renk ve/veya altı çizili olarak) görünür. Görüntüleyici kullanıcı köprüleri seçerek bir belgenin bir bölümünden diğerine veya bir belgeden diğerine hızla gidebilir. Gerekirse, görüntüleyici programı ağdaki uygun sunucuyla otomatik olarak bağlantı kurar ve bağlantılı belgeyi ister. Bu arada, bilgilerin köprü metni sunumu fikri, Microsoft Windows sisteminin farklı sürümlerinin kullanıcılarına zaten aşina olmalıdır. Windows yardım sistemi (Yardım) bu prensibe göre oluşturulmuştur, tek fark, Windows köprü metni yardım sisteminin dağıtılmamasıdır.

Bu nedenle, bir Web sayfası stilize edilmiş ve biçimlendirilmiş metin, grafik ve çeşitli İnternet kaynaklarına köprüler içerebilir. Tüm bu olasılıkları gerçekleştirmek için HyperText Markup Language (HTML), yani Hypertext Markup Language adlı özel bir dil geliştirildi. Bir HTML belgesi, okuyucuya ve biçimlendirme bayraklarına bilgi taşıyan gerçek metni içeren bir metin dosyasıdır. İkincisi, Görüntüleyiciye talimatlar olan belirli karakter dizileridir; bu talimatlara uygun olarak, program ekrandaki metni düzenler, ayrı grafik dosyalarına kaydedilen resimleri içerir ve diğer belgelerle veya İnternet kaynaklarıyla köprüler oluşturur. Bu nedenle, bir HTML dosyası yalnızca bir tarayıcı tarafından yorumlandığında bir WWW belgesinin görünümünü alır. HTML dili bir sonraki bölümde ayrıntılı olarak tartışılacaktır, çünkü bu dilin temelleri hakkında bilgi sahibi olmadan World Wide Web'de yayınlanmak üzere bir Web sayfası oluşturmak imkansızdır.

HTML Kullanarak Web Sayfası Oluşturma

HTML dili

Web sayfaları herhangi bir biçimde olabilir, ancak standart, görüntüler, ses, animasyon, video klipler ve Web'e dağılmış diğer belgelere köprü metni bağlantıları açısından zengin zengin metinler oluşturmak için tasarlanmış bir köprü metni biçimlendirme dili olan Köprü Metni İşaretleme Dili'dir. aynı sunucuda bulunan veya aynı Web projesinin ayrılmaz bir parçası olanların yanı sıra.

HTML metinleri çeşitli özel editörler ve dönüştürücüler tarafından oluşturulabildiğinden, HTML dilini bilmeden Web'de çalışabilirsiniz. Ancak doğrudan HTML'de yazmak zor değildir. Genellikle yetenekleri sınırlı olan, hatalar içeren veya farklı platformlarda çalışmayan kötü HTML kodu sağlayan bir HTML düzenleyicisini veya dönüştürücüsünü öğrenmekten bile daha kolay olabilir.

HTML dilinin birkaç çeşidi vardır ve gelişmeye devam etmektedir, ancak HTML yapılarının gelecekte kullanılmaya devam etmesi muhtemeldir. HTML'yi öğrenip derinleştirerek, HTML öğrenmenin başında bir belge oluşturarak ve onu olabildiğince genişleterek, hem şimdi hem de gelecekte birçok Web tarayıcısı tarafından görüntülenebilecek Web sayfaları oluşturabiliyoruz. Bu, Netscape Navigator, Internet Explorer veya başka bir yazılım tarafından sağlanan gelişmiş yöntem gibi diğer yöntemlerin kullanımını engellemez.

HTML ile çalışmak, uzantıları yalnızca gerçekten gerekli olduğunda kullanarak standartlaştırılmış bir dilde belge oluşturmanın özelliklerini öğrenmenin bir yoludur.

HTML, World Wide Web Konsorsiyumu tarafından onaylanmıştır. Yaygın olarak kullanılan birkaç tarayıcı tarafından desteklenir ve muhtemelen Web ile ilgili neredeyse tüm yazılımların temeli olacaktır.

HTML belge yapısı

HTML belgeleri ASCII formatında yazıldığından, onu oluşturmak için herhangi bir metin düzenleyici kullanılabilir.

Tipik olarak, bir HTML belgesi, metnin HTML etiketleriyle (İngilizce etiketi - özel yerleşik talimatlar) işaretlendiği .html veya .htm uzantılı bir dosyadır. HTML araçları, tarayıcının Web belgesinin içeriğini görüntülemesine göre etiketlerin sözdizimini ve yerleşimini ayarlar. Etiketlerin metni Web tarayıcısı tarafından görüntülenmez.

Bir HTML belgesinde, başlangıç ​​etiketi ve son.

Bitiş etiketi, başlangıç ​​etiketinden yalnızca parantez içindeki metnin önünde bir "/" (eğik çizgi) karakteri olması bakımından farklıdır.

Bir HTML belgesini okuyan bir tarayıcı, onu HTML etiket yapısını kullanarak bir pencerede görüntüler. Her HTML belgesinin üç ana bölümü olmalıdır:

1) HTML bildirimi

Ve. Bu etiketlerin bir çifti, görüntüleyiciye (tarayıcıya) aralarında bir HTML belgesi olduğunu ve belgedeki ilk etiketin bir etiket (belgenin en başında) ve sonuncusunun - (en sonunda) olması gerektiğini söyler. döküman).

2) Başlık kısmı.

Ve. Bu etiketlerin arasında belge ile ilgili bilgiler (başlık, arama anahtar sözcükleri, açıklama vb.) bulunur. Ancak en önemlisi, tarayıcı penceresinin üst satırında ve "Favoriler" listelerinde gördüğümüz belgenin adıdır. Özel arama motoru örümcekleri, veritabanlarını oluşturmak için belgenin adını kullanır. HTML belgenize bir başlık vermek için etiketlerin arasına metin yerleştirilir. .

ilk sayfam

3) Belgenin gövdesi.

Belgenin üçüncü ana kısmı gövdesidir. Başlıktan hemen sonra gelir ve etiketlerin arasındadır. Ve. Bir HTML belgesinin gövdesi, yazarın HTML ile biçimlendirilmiş bilgileri yerleştirdiği yerdir.

İlk sayfam...................................................

Artık sayfamızın HTML kodunu yazabiliriz:

Metin biçimlendirme

BODY bölümünde tüm sekmeler ve satır sonu karakterleri tarayıcı tarafından yok sayılır ve sayfanın görüntülenmesini hiçbir şekilde etkilemez. Bu nedenle, bir HTML belgesinin kaynak metnindeki bir satır sonu, özel etiketler mevcut olmadığı sürece, tarayıcı tarafından oluşturulan metinde yeni bir satırın başlamasına neden olmaz. Bu kuralı hatırlamak çok önemlidir ve satırları ayıran etiketler koymayı unutmayın, aksi takdirde metinde paragraflar olmaz ve okunamaz hale gelir.

etiketi yeni bir satır başlatmak için kullanılır.
(İngiliz molasından kısaltılmış - kesme). Bu etiket, tarayıcının bir sonraki satırın başından itibaren daha fazla metin görüntülemesine neden olur. Bunun için kapanış etiketi kullanılmaz. Örneğin bir şiirde yeni bir paragrafa başlamadan bir yerden yeni bir satırdan yazmanız gerekirse uygundur. Tekrar kullanmak, sonraki sayfa parçasını aşağı iterek bir veya daha fazla boş satır eklemenizi sağlar.

Boşluksuz düz metinleri okumak çok kolay değildir, göz atmak ve doğru yerleri bulmak zahmetlidir. Paragraflara bölünmüş metin çok daha hızlı algılanır. etiketi yeni bir paragraf başlatmak için kullanılır.

(eng. paragraf - paragraf). Bu etiket, yeni bir satırın başlangıcı dışında, bir boş satır ekler. Bir etiketin köşeli parantezleri içinde, adına ek olarak nitelikler de yerleştirilebilir (İngilizce nitelikler - nitelikler). İsimden ve kendi aralarında boşluklarla (bir veya daha fazla) ayrılırlar ve nitelik adı = "değer" olarak yazılırlar. Değer boşluk içermiyorsa tırnak işaretleri atlanabilir ancak bu önerilmez. Etiket

Mevcut değilse, yeni etiket sırasıyla bir öncekinin kapanması anlamına gelir, iç içe olanlar mümkün değildir. Metni bir etiketle ortaya hizalamak da mümkündür.

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

ilk sayfam

İşte kişisel sayfalarım!

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

Sayfalarımdan birinden bana bir e-posta göndermek mümkün olacak.

Bu etiketlerin kullanılmasına ek olarak, HTML belgesinin kendisinde satır sonu karakterleri ve sekmeleri satırları kesmek için kullanmak mümkündür. Bu amaçlar için bir etiket var. Etiketler arasına yerleştirilen tüm metinler değişmeden, yani tüm satır sonları ve sekmelerle birlikte görüntülenecektir.

Örneğin:

Bu metin iki satır halinde yazılmıştır.

Bir HTML belgesi, metne ek olarak yatay ayırıcı çizgiler içerebilir. Metin gibi, herhangi bir harici dosya gerektirmezler. Etiket, sayfanın tüm genişliği boyunca yatay bir birim genişlik çizgisi çizecektir. Yatay bir ayırıcı çizgi her zaman bir satır sonu ile sonuçlanır, ancak satır ile metin arasında boş satır görünmez. Bir etiket birden fazla özellik içerebilir. ve üç boyutlu girinti efektli bir kontur çizgisi verir. düz siyah bir çizgi verir. Çizgi, sayfanın tüm genişliğini değil, yalnızca bir kısmını uzatabilir. WIDTH özelliği, satırın genişliğini tüm sayfa genişliğinin yüzdesi olarak veya piksel cinsinden belirtir. Örneğin, %50 sayfanın genişliğinin yarısı, 400 ise 400 piksel genişliğindedir. ALIGN niteliği, etiket değerlerine benzer değerler alabilir ancak varsayılan hizalama ortalanır. SIZE özelliği, çizgi kalınlığını 1 ila 175 piksel cinsinden belirtir; varsayılan 1'dir, ancak, (çizgi bir kontur çizgisiyse) 3B gamze efekti için gereken kalınlık eklenir. Paragraflarla birlikte satırlar, metnin mantıksal parçalarını vurgulamanıza olanak tanır. Ancak çok sayıda yatay çizgi, Web sayfanızın ziyaretçisi için rahatsız edicidir, bu nedenle bunları her paragraftan sonra koymamalısınız. Tüm bölümleri vurgulamak için daha uygundurlar.

BT alanının gelişimi, yani web sitelerinin oluşturulması ve arama tanıtımına yönelik hizmetlere olan talebin artması, sitedeki tüm işleri yapmaya hazır birçok sözde web yöneticisinin ortaya çıkmasına neden oldu ve daha fazla desteği. Söylemeye gerek yok, bu projelerin çoğu ücretsiz tasarımcıların yardımıyla oluşturulurken, "ustaların" kendileri kaliteli bir web kaynağının teknik bileşeni hakkında yalnızca teorik bir fikre sahip. Web sitesi tasarımı, içeriği, kullanılabilirliğin inceliği - tüm bunlar kesinlikle önemlidir. Ancak teknik olarak hatalı, kodda hatalar olan bir site başarısızlığa mahkumdur.

Yaygın programlama dilleri hakkında kısaca

PHP. HTML işaretleme dilini temel alır. PHP genel amaçlı bir betik dilidir ve açık kaynaklıdır. Sözdizimini öğrenmesi oldukça kolaydır ve C, Java ve Perl ile pek çok benzerliği vardır. PHP'nin ana avantajı, geliştiricilerin hızla dinamik olarak oluşturulmuş web sayfaları oluşturmasına izin vermesidir. Dilin profesyonel bilgisi ile, diğer görevleri yerine getirmek için kullanılabilir.

Piton. Rusça'da "python" olarak yaygındır. Geliştirici üretkenliğini ve kod okunabilirliğini geliştirmeye odaklanan üst düzey, genel amaçlı bir programlama dili. Python çekirdek sözdizimi minimalisttir. Aynı zamanda, standart kitaplık çok sayıda yararlı işlev içerir.

yakut. Rusça'da "kesilmiş" olarak yaygındır. Hızlı ve kullanışlı nesne yönelimli programlama için dinamik, yansıtıcı, yorumlanmış üst düzey programlama dili. Dil, işletim sisteminden bağımsız çoklu iş parçacığı uygulamasına, güçlü dinamik yazmaya, çöp toplayıcıya ve diğer birçok özelliğe sahiptir. Sözdizimi özellikleri açısından Perl ve Eiffel'e, nesne yönelimli yaklaşım açısından - Smalltalk'a yakındır. Ayrıca dilin bazı özellikleri Python'dan alınmıştır.

A.S.P.. Bu dilin geliştiricisi Microsoft'tur. Teknoloji, WWW için uygulamalar geliştirmenize olanak tanır. ASP kolay ve hızlıdır. ASP platformları: Windows NT ve IIS (İnternet Bilgi Sunucusu). ASP'yi bir dil olarak adlandırmak tamamen doğru değildir, bunun yerine bir programı Web sayfalarına bağlamak için bir teknolojidir. Basit bir betik dili ve harici COM bileşenlerini kullanma yeteneği, ASP'nin başarısının sırrıdır.

JavaScript. JavaScript'in çalışma şekli diğer programlama dillerinden biraz farklıdır. Temel fark, doğrudan HTML dosyasına dahil edilmiş olmasıdır. JavaScript ile yazılmış bir komut dosyası, tarayıcıda yerleşik bir yorumlayıcı tarafından işlenir.

Dilin kullanım alanları çok geniştir:

• Belge yüklendikten sonra değişebilen web sayfaları oluşturun
• Yerel sorunları çözme
• Sunucuya gönderilmeden önce kullanıcı tarafından form doldurma okuryazarlığının kontrol edilmesi

Javascript özelliklerinin çeşitliliği, dilin popülerliğini belirler. Bununla şunları yapabilirsiniz:

• Sayfada değişiklikler yapın: etiketlerle çalışın, stilleri değiştirin, metin yazın
• Olaylara tepki verin (ör. fare tıklaması) ve belirli bir işlevi gerçekleştirin
• Mesajları görüntüleyin, verileri doğrulayın, çerezleri ayarlayın ve okuyun
• Sayfayı vb. yeniden yüklemeden verileri yükleyin.

perl. Başlangıçta, bu dil, çeşitli işlevleri yerine getiren programları, bir karmaşık görevi çözmenize izin veren tek bir komut dosyasına bağlamak için bir araçtı: kelime işleme, yönetim vb. Bugün Perl, CGI uygulamaları oluşturmak için birincil araçtır. Web sunucularını ve diğer sistemleri yönetmek için kullanılır. Bu dilde komut dosyası yazmanın basitliği ve hızı, Windows, Mac vb. platformlara uyarlanmasına yol açmıştır. Perl açık ve kullanılabilir durumdadır, tercümanın kaynak metinleri tamamen ücretsiz olarak elde edilebilir.

Büyük bir bilgi birikimi faydalı mı?

Programlamanın temelleri okuldaki bilgisayar bilimleri derslerinde öğretilir. Hemen hemen herkes Delphi ve Pascal ile karşılaşmıştır. Daha karmaşık diller, öğrenmeye çok daha ciddi bir yaklaşım gerektirir. Belirli bir zihniyet - matematiksel ve mantıksal ve elbette, alanınızda uzman olma arzusu, acemi bir programcının başarılı olmasına yardımcı olacaktır. Tüm dillere aynı anda hakim olmaya çalışmayın. Beşi parça parça bilmektense bir tanesini iyi bilmek daha iyidir. Her programlama dilinin genel ilkeleri vardır, hepsi eylem mantığı üzerine inşa edilmiştir, bu nedenle deneyimle birlikte yeni teknolojilerde ustalaşmak daha hızlı ve daha kolay hale gelecektir. Birçoğu hazır kodları değiştirebilir ve kopyalayabilir, ancak tüm programcılar taklitçi değil gerçek bir "sanatçı" olamaz.

Şu anda bir web sitesi oluşturmak, herhangi bir özel zorluğa neden olmayacaktır, çünkü İnternette bir web sitesi oluşturmak için hizmetlerini sunan yeterli sayıda portal vardır. Ancak böyle bir hizmet için oluşturulan bir site, kendi üretimi değil, test tüpünde büyütülmüş bir klonun benzerliğidir.

Kendi kendine yaratılan site - yaratıcılığın neşeli sancılarından muzdarip, her zaman favori bir çocuk olacak. Statik web sitesi olarak adlandırılan HTML programlama dilini kullanarak bir web sitesi oluşturabilirsiniz.

Bir web sitesi oluşturmak için bir HTML editörü kullanılır. Bağımsız olarak HTML tabanlı bir site oluşturmak için HTML programlama dili bilgisine, belirli Photoshop kavramlarına, bazı yazma becerilerine, biraz hayal gücüne ve tasarım sanatına ihtiyacınız vardır.

PHP programlama dili kullanılarak oluşturulan bir site dinamik bir sitedir. İnternetteki mevcut sitelerin çoğu PHP tabanlı, CMS motorları (içerik yönetim sistemi) üzerine kuruludur. Bu sitede, bir web sitesi oluşturmayı öğrenebilir ve CMS motorlarında kendi başınıza bir web sitesi oluşturma konusunda nitelikli yardım alabilirsiniz:
- Joomla'da bir site oluşturmak;

Bir şeye başlamak her zaman zordur. Buradaki en önemli şey belirli bir hedef belirlemektir. Başlamak için, yapmak istediğiniz temayı ve örnek siteyi seçin, uygulanması için bir plan yapın. Ve ana hedefe ulaşmak için ilerleyin.

Çeşitli yönlerin işlevselliğini uygulamak için, web programcıları siteleri uygun kullanarak "yazar". web biçimlendirme dilleri, web kaynağının etkileşimli yeteneklerini en üst düzeye çıkarmak için. Web terminolojisinin derinliklerine inmeyeceğiz, ancak yalnızca projenin tartışılması ve daha sonraki uygulanması sırasında ortaya çıkabilecek site kodunu yazmanın ana noktalarını anlamanıza yardımcı olacağız.

HTML

HTMLİnternetin şafağında ortaya çıkan ve kendisini web programlamanın en basit ve en güvenilir yollarından biri olarak kabul ettiren en eski web programlama dillerinden biridir. HTML, Hiper Metin İşaretleme Dili - Köprü Metni İşaretleme Dili anlamına gelir. HTML teknolojisi kullanılarak oluşturulan web siteleri, çoğunlukla bir veritabanı gerektirmeyen bir dizi statik sayfadır.

HTML teknolojisi, işlevselliği etkileşim ve dinamik gerektirmeyen, birkaç sayfalı küçük, hafif siteler oluşturmak için uygun olabilir.

Her teknoloji gibi HTML standardı da yerinde saymıyor ve günümüzde HTML5 adı verilen yeni bir standart web tasarım ortamına giriyor. Bu teknoloji çok genç, ancak site oluşturma açısından harika fırsatlar sunuyor ve daha önce imkansız olan yeni işlevleri uygulamanıza olanak tanıyor. HTML5 teknolojisi henüz web geliştirme kapsamına tam olarak girmemiş olmasına ve tüm İnternet tarayıcılarının bunu desteklememesine rağmen, web sitesi stüdyosu programcıları HTML5'in gelecekte İnternet teknolojilerinin daha da geliştirilmesi üzerindeki etkisini hesaba katar ve en çok kullanarak web siteleri oluşturur. gelişmiş web teknolojileri.-programlama.

PHP

PHP sunucu taraflı bir programlama dilidir ve siteyi sunucu ve veritabanına bağlar. Kendi başına, PHP dili bir site oluşturmaktan sorumlu değildir ve böyle bir kaynağın sayfa koduna bakarsak, aynı HTML'yi yalnızca PHP kodunun arasına serpiştirilmiş olarak görürüz.

PHP sitelerinde, HTML'de yazılan kodun bir kısmı bilginin görünümünden ve çıktısından sorumludur ve PHP de işlevselliğin dinamiklerinden ve etkileşiminden sorumludur. Basitliği, esnekliği ve işlem hızı nedeniyle PHP dili, web geliştirmede en popüler standartlardan biridir.

Site stüdyosu tarafından oluşturulan sitelerin ağırlıklı olarak geliştirilmesinde PHP teknolojisi kullanılmıştır, çünkü. dinamik, çok işlevli İnternet kaynakları oluştururken PHP kodu aracılığıyla sitenin veritabanına bağlanması vazgeçilmez bir koşuldur.

FLAŞ

Aslında teknolojinin kendisi floş bir web programlama dili değildir, ancak XML'de yazılmış öğeleri işlemek için kullanılır.

Flash teknolojisini kullanarak bir site oluşturmak, karmaşık ve zaman alan bir süreçtir, ancak sonuç, üzerinde harcanan çabaya ve paraya değer. Flash öğeleri, sitenizi parlak ve etkileşimli hale getirir. Canlı, dinamik sayfalar, ziyaretçileriniz arasında kaynağınız hakkında silinmez bir izlenim bırakacak ve sitenizin olumlu bir imajı, büyülenmiş kullanıcıların zihninde uzun süre kalacaktır. Flaşta yapılan unsurlar ucuz olmadığı ve lüks olarak kabul edildiğinden, şirketin kaynağında flaş teknolojisinin kullanılmasından elde edilen imajı yalnızca fayda sağlayacaktır.

Ancak her şeyde, dedikleri gibi, ölçüyü bilmeniz gerekir ve flash sitelerin oluşturulması bir istisna değildir. Flash blokları, standart web öğelerinden çok daha ağırdır ve bu nedenle yüklenmesi daha uzun sürer. Ve ağ kullanıcıları, kural olarak, beklemeyi sevmezler. Bu nedenle, flash sitenizin oluşturulmasında, onu maksimum üretkenlik için optimize eden profesyonellere güvenin.

WAP

WAP (Kablosuz Uygulama Protokolü), İnternet kaynaklarına doğrudan mobil cihazınızdan erişmenizi sağlayan bir teknolojidir.

Bir WAP sitesi ile sıradan bir İnternet kaynağı arasındaki temel fark, WAP sitesinin telefonların ve iletişim cihazlarının küçük ekranlarında görüntülenmek üzere "uyarlanmış" olmasıdır ve bu nedenle, bir WAP sitesinin geliştirilmesine yönelik bir dizi gereksinim ve standart getirilmiştir. sayfanın ağırlığını hafifletirken WAP portalı ve özellikle telefonun WAP tarayıcısında görüntülemek için site içeriği optimizasyonu.

WAP için yazılan sitelerin, WAP tarayıcısı ile bilgi alışverişi için özel olarak uyarlanmış kendi biçimlendirme dilleri vardır. Ve bir bilgisayardan görüntülenmesi amaçlanan sıradan siteler çoğunlukla dillerde yazılmışsa html, php, perl, veya xml, ardından WAP siteleri oluşturmak için WML standardı kullanılır ( Kablosuz İşaretleme Dili). Diğer şeylerin yanı sıra, WAP kaynaklarının geliştirilmesi, WAP sayfasını olabildiğince hafif hale getirmeyi mümkün kılan kendi görüntü formatı olan WBMP'yi kullanır.

Mobil cihaz pazarının sürekli büyümesi nedeniyle, dünya çapındaki ağ ve mobil cihazlar arasında veri aktarımı standartları da gelişiyor, bu nedenle site web stüdyosu uzmanları, bu site oluşturma endüstrisindeki ve geliştirmedeki yenilikleri izlemeyi bırakmıyor. WAP siteleri her zaman en ilerici yöntemleri ve ileri teknolojileri kullanırlar.

A.S.P.

A.S.P. (Aktif Sunucu Sayfaları), dinamik ve güçlü web iş çözümleri oluşturmak için HTML, komut dosyası oluşturma ve ActiveX sunucu bileşenlerini birleştirmenize izin veren açık bir web uygulaması geliştirme ortamıdır. ASP sayfaları, sunucu tarafında çalışan betikleri içeren sayfalardır.

perl

perl (Pratik Çıkarma ve Rapor Dili), sunucu tarafında çalışan ve sitenin otomatikleştirilmesine izin veren cgi betikleri ve cgi programları yazmak için kullanılan evrensel, yorumlanmış bir web programlama dilidir. Perl, son yıllarda daha yeni İnternet teknolojilerinin yerini almasına rağmen, dinamik web sayfaları oluşturmak için en uygun ve yaygın ortamlardan biridir. Perl biçimi, web sunucularıyla CGI ( ortak etkileşim arayüzü). Perl şu anda işlevsel muadili PHP'ye göre zemin kaybediyor.

C++

C, C++- cgi komut dosyaları yazmak için kullanılan yaygın olarak kullanılan web programlama dilleri. Şu anda çoğu sunucu tarafından desteklenmektedir. C+ ile yazılmış betiklerin sunucu tarafında derlenmesi gerekir.

SGK

SGK (Sunucu Tarafı İçeriği), bir web sayfasını birkaç komut dosyasından veya dosyadan tek bir işlevsel bütün halinde birleştirmenize izin veren bir teknolojidir. SSI, HTML kullanılarak kullanılamayan bir web sayfasına sunucudaki bilgileri eklemenizi sağlar. Aslında SSI, PHP'de bulunanların bir tür analoğudur. Sayfaların her biri veya grubu için ortak olan öğeleri site koduna gömmenize izin vererek, her sayfayı yalnızca bir dosya aracılığıyla düzenlemenize olanak tanır. Desteklenen SSI direktifleri .shtml, .htm Ve .html ve .htaccess dosyasına kaydedilir.

giriiş

1. Temel bilgiler

1.1 Html dili hakkında

1.2 Web sitesi oluşturma

1.3 Temel Bilgiler

1.4 Belge yapısı

1.5 Belge gövde etiketleri

1.6 Temel html etiketlerinin listesi

2. Ek bilgi

2.1 Liste etiketleri

2.3 Belge içindeki grafikler

2.4 Bir belgeye stil ekleme

2.5 Özel html etiketleri

2.6 Html formları

2.7 Html çerçeveleri

2.8 Html tabloları

2.9 Web için grafikleri optimize etme

2.10 CSS temelleri

3. Sitenin oluşturulmasının açıklaması

3.1 Hazırlık

3.2 Ana sayfanın oluşturulması

3.3 İkinci bir sayfa oluşturma

3.4 Bir şehir açıklama sayfası oluşturma

3.5 Fotoğraf sayfası

3.6 Program sayfası

3.7 Teşekkür sayfası

Çözüm

Kullanılan literatür listesi

giriiş

Bu tez HTML diline ayrılmıştır. Bu dil, Web sayfaları olan *.htm ve *.html dosyaları oluşturur. İnternet sitelerinden oluşurlar.

HTML dili kullanılarak nelerin oluşturulabileceğine örnek olarak tez çalışmasına bir site eklenmiştir.

Tüm işler 3 bölüme ayrılmıştır. İlk bölüm tamamen temel HTML etiketlerini açıklamaya ayrılmıştır. İçinde basit web sayfalarının nasıl oluşturulacağına dair gerekli tüm bilgileri bulacaksınız. İkinci bölüm, belgenizin görünümünü ve hissini nasıl geliştireceğiniz ve belgeye ek özellikler nasıl ekleyeceğiniz hakkında bilgi sağlar. Üçüncü bölümde ise bu teze ekli sitenin nasıl oluşturulduğu anlatılmaktadır. Bir site oluşturmak için bir buçuk aylık sıkı çalışmayı ayrıntılı olarak anlatıyor, oluşturmadaki çeşitli hataları ve bunların düzeltilmesini, ortaya çıkan zorlukları ve bunları ortadan kaldırmanın yöntemlerini anlatıyor.

Bu çalışmayı okuduktan sonra, programlamaya tamamen aşina olmayan herkes bile HTML programlamanın temellerini anlayabilecektir. Ve bilenler belki de kendileri için yeni bir şeyler bulacaktır.

1.1 Dil hakkında HTML

Köprü Metni Biçimlendirme Dili (HTML), WEB ortamında köprü metni belgeleri oluşturmak için standart bir dildir. HTML belgeleri çeşitli türde web tarayıcıları tarafından görüntülenebilir. HTML kullanılarak bir belge oluşturulduğunda, bir web tarayıcısı HTML'yi yorumlayarak belgenin çeşitli öğelerini çıkarabilir ve önce bunları işleyebilir. HTML'yi kullanmak, belgelerin onları görüntüleyen herhangi bir sistemdeki yazı tipleri, çizgiler ve diğer grafik öğeleri kullanılarak sunulmak üzere biçimlendirilmesine olanak tanır.

Çoğu belgede başlıklar, paragraflar veya listeler gibi standart öğeler bulunur. HTML etiketlerini kullanarak, belgelerin genel yapısını ve bilgi eksiksizliğini korurken WEB tarayıcılarına bu öğeleri görüntülemek için minimum bilgi sağlayarak bu öğeleri belirleyebilirsiniz. Bir HTML belgesini okumak için gereken tek şey, HTML etiketlerini yorumlayan ve belgeyi yazarın verdiği biçimde ekranda görüntüleyen bir WEB tarayıcısıdır.

Çoğu durumda, belgenin yazarı, belgenin görünümünü kesin olarak tanımlar. HTML söz konusu olduğunda, okuyucu, web tarayıcısının yeteneklerine bağlı olarak, belgenin görünümünü bir dereceye kadar kontrol edebilir (ancak içeriğini kontrol edemez). HTML, bir belgede bir başlığın veya paragrafın nerede olması gerektiğini bir HTML etiketiyle işaretlemenize ve ardından web tarayıcısının bu etiketleri yorumlamasına izin verir. Örneğin bir WEB tarayıcısı paragraf başlangıç ​​etiketini tanıyarak belgeyi istenilen biçimde sunabilirken diğeri bu yeteneğe sahip olmayıp belgeyi tek satırda sunabilir. Bazı WEB tarayıcılarının kullanıcıları, belgenin görüntülenmesini etkileyen yazı tipi boyutunu ve türünü, rengini ve diğer parametreleri de ayarlayabilir.

HTML etiketleri kabaca iki kategoriye ayrılabilir:

1. Belge gövdesinin bir bütün olarak WEB tarayıcısı tarafından nasıl görüntüleneceğini belirleyen etiketler.

2. Belgenin başlığı veya yazarı gibi belgenin genel özelliklerini tanımlayan etiketler.

HTML'nin ana avantajının, belgenizin birçok farklı türde web tarayıcısı ve platformunda görüntülenebilmesi olduğunu unutmayın.

1.2 yaratılış İnternet sitesi

HTML belgeleri, herhangi bir metin düzenleyici veya özel HTML düzenleyicileri ve dönüştürücüleri kullanılarak oluşturulabilir. HTML belgeleri oluşturmak için kullanılacak editörün seçimi, yalnızca her yazarın kolaylık kavramına ve kişisel tercihlerine bağlıdır.

Örneğin, Netscape'in "Netscape Navigator Gold" gibi HTML editörleri, WYSIWYG (Ne Görürsen Onu Alırsın) teknolojisini kullanarak grafiksel olarak belgeler oluşturmanıza olanak tanır. Öte yandan, çoğu geleneksel belge geliştirme aracı, belgeleri HTML biçimine dönüştürmenize izin veren dönüştürücülere sahiptir.

Tüm HTML etiketleri " ile başlar.<" (левой угловой скобки) и заканчиваются символом ">" (sağ açılı ayraç). Tipik olarak, bir başlangıç ​​etiketi ve bir bitiş etiketi vardır. Örneğin, başlangıç ​​ve bitiş etiketi içindeki metni tanımlayan ve belgenin başlığını açıklayan başlık etiketleri şunlardır:

Bitiş etiketi, başlangıç ​​etiketiyle aynı görünür ve ondan açılı ayraçlar içindeki metinden önce bir eğik çizgi ile ayrılır. Bu örnekte, etiket - başlık metninin tamamlanması hakkında.

gibi bazı etiketler

(bir paragrafı tanımlayan etiket) bir bitiş etiketi gerektirmez, ancak bunun kullanımı belgenin kaynak metnine gelişmiş okunabilirlik ve yapı sağlar.

HTML, etiketi tanımlayan karakterler için büyük/küçük harfe duyarlı değildir ve yukarıdaki örnek şöyle görünebilir:

Dikkat! Daha iyi okunabilirlik için bir HTML belgesinin kaynak metnine eklenen fazladan boşluklar, sekmeler ve satır başları, belgeyi yorumlarken web tarayıcısı tarafından yok sayılır. Bir HTML belgesi, yalnızca etiketlerin içine yerleştirilmişse yukarıdaki öğeleri içerebilir.

VE

. Etiketler hakkında daha fazla bilgi edinin

Aşağıda yazılacaktır.
 
Bir web tarayıcısı bir belge aldığında, belgenin nasıl yorumlanması gerektiğini belirler.  Bir belgede yer alan ilk etiket bir etiket olmalıdır. .  Bu etiket, web tarayıcısına belgenizin HTML kullanılarak yazıldığını söyler.  Minimal bir HTML belgesi şöyle görünür:
 
Belge gövdesi...
 
Belgenin başlığı .  Belge başlık etiketi, etiketten hemen sonra kullanılmalıdır. ve belgenin gövdesinde başka hiçbir yerde.  Bu etiket, belgenin genel bir açıklamasıdır.  Etiketin içine herhangi bir metin koymaktan kaçının .  Başlangıç ​​etiketi doğrudan etiketin önüne yerleştirilir 
 
Dikkat!  Teknik olarak, başlangıç ​​ve bitiş etiketleri yazın , Ve isteğe bağlıdır.  Ancak, bu etiketlerin kullanılması WEB tarayıcısının belgenin başlık kısmını ve anlamsal kısmı kendinden emin bir şekilde ayırmasını sağladığından, bunların kullanılması şiddetle tavsiye edilir.
 
Belge başlığı , içinde yer alan -tags, yukarıdaki örnekte gösterildiği gibi.  Belgenin kendisi pencerede görüntülendiğinde belgenin başlığı görünmez.