Web tarayıcısında yeni sayfa. Bir web sayfası açma. Bir web sayfası nasıl açılır

  • 26.03.2019

Bu makalede, Web ile ilgili çeşitli kavramları tanıtacağız: web sayfaları, web siteleri, web sunucuları ve hakkında arama motorları Ah. Bu terimler genellikle hem yeni başlayanları hem de web'i nadiren kullananları karıştırır. Bu kavramların tam olarak ne anlama geldiğini anlayalım!

Kısaca

Diğer herhangi bir bilgi alanı gibi, Web de belirli terimlerle doludur. Ama merak etmeyin, yolculuğunuzun en başında sizi aşırı yüklemek istemiyoruz (ve merak hala devam ediyorsa, o zaman bir sözlüğümüz var). Ancak, başlangıç ​​olarak, birkaç temel kurallar Hala öğrenmeniz gerekiyor, çünkü onlarla makalelerimizde oldukça sık karşılaşacaksınız. İlişkili oldukları için bu terimleri karıştırmak bazen kolaydır, ancak farklı işlevler... Muhtemelen haberlerde veya başka yerlerde yanlış kullanımlarını fark etmişsinizdir.

Bu kavramları ve teknolojileri biraz sonra analiz edeceğiz, ancak şimdi kısa tanımlar aşağıdakiler sizin için çok iyi bir başlangıç ​​olacaktır:

Web sayfası Aşağıdakiler gibi web tarayıcıları tarafından görüntülenebilen bir belge: Firefox, Google Chrome, Microsoft İnterneti Explorer / Edge veya Apple'ın Safari'si. Kısaca, "web sayfası" kavramının kendisi basitçe "sayfa" olarak anılacaktır. Web Sitesi Herhangi bir şekilde bağlantılı web sayfaları topluluğu. Kelime kullanımı: "web sitesi" veya sadece "site". Web sunucusu Bir bilgisayar ve yazılım web sitesinin çalışması için gereklidir. Arama motoru Google, Bing veya Yahoo gibi diğer web sayfalarını bulmanıza yardımcı olan bir web sitesi.

Aktif öğrenme

Şimdiye kadar, aktif öğrenme mevcut değil. eğer sağlayabilirsen kullanışlı bilgi, sonra, .

daha derine inmek

Öyleyse biraz daha derine inelim ve bu 4 terimin birbiriyle nasıl ilişkili olduğunu ve bu kavramların neden sıklıkla birbirleriyle karıştırıldığını öğrenelim.

Web sayfası

Web sayfası- bir tarayıcı aracılığıyla bilgisayar ekranında görüntülenen basit bir belge. Böyle bir belge HTML ile yazılmıştır (ki buna daha detaylı bakacağız). Bir web sayfası aşağıdakiler gibi birçok farklı materyal içerebilir:

  • stil bilgisi- sayfayı algı ve duyumla kontrol etme
  • Kodlar- sayfayı daha dinamik ve kullanıcı dostu yapan
  • medya- resimler, müzik ve videolar.

Not: tarayıcılar genellikle bazı PDF belgelerini veya resimleri görüntüleyebilir, ancak terim web sayfası HTML belgeleriyle daha doğrudan ilgilidir. Makalenin sonuna kadar, bu durum, konsepti kullanacağız belge.

Web'deki tüm web sayfalarının kendi benzersiz adresleri vardır. İstediğiniz sayfaya erişmek için adresini girmeniz yeterlidir. adres çubuğu Senin tarayıcın:

İnternet sitesi herhangi bir şekilde bağlantılı (diğer kaynaklara bağlantılar dahil) tek bir alan adı altında bulunan bir sayfalar topluluğudur. Sitenin her sayfası, kullanıcının web sitesinin bir sayfasından diğerine hızlı bir şekilde atlamasını sağlayan doğrudan bağlantılar (neredeyse her zaman fareyle tıklanabilen metnin vurgulanmış bölümleri) içerir.

Web sitesine erişmek için yazın Alan adı tarayıcınızın adres çubuğunda ve tarayıcınız ana sayfa site veya başka bir şekilde, ana sayfa:

web sayfası ve İnternet sitesi birbirleriyle karıştırmak özellikle kolaydır alan sadece bir tane içerir sayfa. Bu site bazen denir tek sayfa web sitesi.

Web sunucusu

Web sunucusu bir veya daha fazlasını sağlayan bir bilgisayardır web siteleri (barındırma)... Barındırma her şey demektir sayfalar ve ekli dosyalar bu bilgisayar... Onlar. Web sunucusu herhangi birini gönderecek sayfa ile birlikte alan kullanıcının tarayıcısını barındıracak herhangi bir kullanıcının isteği üzerine.

kafan karışmasın İnternet sitesi ve Web sunucusu... Örneğin, birinin "Web sitem yanıt vermiyor" dediğini duyarsanız, bu gerçekten öyle olduğu anlamına gelir. Web sunucusu isteğe yanıt vermiyor ve bu nedenle kendisi mevcut değil alan. Ayrıca, bir web sunucusu birden fazla siteyi barındırabildiğinden, web sunucusu terimi hiçbir zaman bir web sitesini belirtmek için kullanılmaz, çünkü bu çok fazla kafa karışıklığına neden olabilir. Bir önceki örneğe dönersek, "Web sunucum yanıt vermiyor" dersek, şu anda bu sunucuda kullanılabilir site olmadığı anlamına gelir.

Arama sistemi

Arama motorları ağ karışıklığının yaygın bir nedenidir. Arama sistemi- bu özel görünüm kullanıcıların bulmasına yardımcı olan web sitesi gerekli sayfalar diğerleri Siteler.

En popüler arama motorları: Google, Bing, Yandex, DuckDuckGo ve diğerleri. Bazıları evrenseldir ve bazıları belirli bir alana odaklanır. Sizin için uygun olan arama motorunu kullanın.

Birçok acemi netizen, bir arama motorunu ve bir tarayıcıyı karıştırır. Açıklığa kavuşturalım: tarayıcı web sayfalarını bulan ve görüntüleyen yazılımdır; arama sistemi kullanıcıların ihtiyaç duydukları sayfaları bulmalarına yardımcı olan özel bir site türüdür diğerleri Siteler. Karışıklık, birisi bir tarayıcıyı ilk kez başlattığında, arama motoru ana sayfasını görüntülemesinden kaynaklanmaktadır. Bu tam olarak böyledir, çünkü tarayıcınızı başlatırken yaptığınız ilk şey bir web sayfası bulmak ve onu açmaktır. Ancak altyapıyı (yani tarayıcı) hizmetle (yani arama motoru) karıştırmayın. Bu fark size bir nebze olsun yardımcı olacaktır ama bazı uzmanlar bile bu kavramları gelişigüzel kullanırlar, bu yüzden bu konuda çok fazla endişelenmemelisiniz.

Aşağıda, Firerox tarayıcısının varsayılan olarak bir pencereyi nasıl görüntülediğine dair bir örnek verilmiştir. Google arama başlangıç ​​(ana sayfa) sayfasında:

Web sayfaları açılabilir Farklı yollar:

- adres penceresini kullanma (İnternetteki adresini biliyorsanız);

- adres penceresindeki adres listesinin kullanılması (eğer sayfa daha önce açılmışsa);

- başlatıcıyı kullanma (sayfa sık sık ilk 10'da yer alıyorsa

kapalı sayfalar);

- bir yer imi kullanma (adresi oraya daha önce yerleştirilmişse);

- "Hızlı arama" sekmesinde bir çizim kullanmak (adresi daha önce oraya yerleştirilmişse);

- "Geçmiş" sekmesini kullanma (eğer web sayfası daha önce

ziyaret);

- bir oturum kullanma (sayfa kaydedilen sayfalar arasındaysa

oturum);

- onarmak kapalı sayfa"Kapalı" sepetten (eğer web

sayfa daha önce kapatılmıştı);

- nasıl normal belge(sayfa daha önce bilgisayarınıza kaydedilmişse

kalaylı).

Adresi kullanarak bir web sayfası nasıl açılır

pencere?

1. Tarayıcı penceresinde, adresten bilinen web sayfası adresini seçin.

adres çubuğundaki pencere.

2. Giriş tuşuna basın.

Not ... Adresi pencereye yazarken, tarayıcı benzer adreslerin bir listesini sunacaktır. Listede bulursanız istenen adres, üzerine sol tıklayın.

Adres listesi kullanarak bir web sayfası nasıl açılır

adres penceresinde?

1. Tarayıcı penceresinde, adres penceresindeki adreslerin listesini açın (

adres penceresinin sağ köşesindeki düğmenin gücü).

2. üzerine tıklayın istenen çizgi listede.

Not ... Boyut bu listenin adres çubuğunun ayarlarına bağlıdır (bkz. hızlı açma ve otomatik tamamlama? ").

Pirinç. 1.123. Düğme menüsü

"İlk 10"

Başlatıcıyı kullanarak bir web sayfasını nasıl açarım?

İçin Bu method başlatma panelini etkinleştirmeniz gerekir ("Başlatma panelini nasıl etkinleştiririm?" bölümüne bakın).

1. Bir tarayıcı penceresinde adres kutusunu tıklayın.

2. Başlatıcıda, İlk 10 düğme menüsünü genişletin.

3. Adres listesinde gerekli satırı seçin (Şek. 1.123).

Yer imi kullanarak bir web sayfasını nasıl açarım?

1. Bir tarayıcı penceresinde Yer İmleri menüsünü genişletin.

2. Yapı ağacında gerekli adresi seçin (Şekil 1.124).

Pirinç. 1.124. Yer imleri menüsü.

Adres listesi

Not ... Yer imleriyle çalışma hakkında daha fazla bilgi için aşağıya bakın.

Hızlı Arama sekmesinde küçük resim kullanarak bir web sayfasını nasıl açarım?

Tarayıcı penceresinde " hızlı arama»İstenen küçük resme tıklayın.

Not ... "Hızlı Arama" sekmesiyle çalışma hakkında daha fazla ayrıntı için aşağıya bakın.

Bir sekme kullanarak bir web sayfası nasıl açılır

"Tarih"?

1. Bir tarayıcı penceresinde "Araçlar" menüsünü genişletin.

2. Komut listesinde "Geçmiş"i seçin.

3. Yapı ağacındaki "Geçmiş" sekmesinde, gerekli web sayfasını ziyaret ettiğiniz zamana (bugün, dün, vb.) karşılık gelen klasörü seçin.

4. Seçilen klasörün adres listesinde, gerekli satıra tıklayın (Şek. 1.125).

Pirinç. 1.128. "Ayarlar" penceresi.

Ölçeklerin listesi

Not ... Bu durumda, tarayıcı penceresi otomatik olarak monitör ekranının boyutuna göre ayarlanacaktır.

4. "Tamam" butonu ile pencereyi kapatın.

Bir web sayfasının ölçeğini nasıl ayarlarım?

V Opera tarayıcısı web sayfasının içeriğinin ölçeğini seçebilirsiniz

%20-1000 aralığında ts

1. yol

Tarayıcı penceresinde "+" ve "-" tuşlarına tıklayarak bunları artırın veya azaltın

Sayfa ölçeğini dikin.

2. yol

1. Bir tarayıcı penceresinde, adres çubuğundaki "Yakınlaştır" menüsünü genişletin.

2. Ölçek listesinde gerekli değeri seçin (Şekil 1.129).

Not ... Veya ölçek kutusuna tam ölçeği yazın.

Pirinç. 1.129. Yakınlaştırma menüsü.

Ölçeklerin listesi

Ölçeği ekranın genişliğine uyacak şekilde nasıl ayarlarım?

Ekrana Sığdır modu, sayfayı mevcut ekran alanına sığdırmak için yeniden boyutlandırır. Genellikle monitör ekranı için çok geniş olan sayfaları görüntülemek için kullanılır.

1. yol

İstenen web sayfasının bulunduğu tarayıcı penceresinde, aşağıdakilerin bir kombinasyonunu kullanın:

ve Ctrl + F11.

2. yol

1. İstediğiniz web sayfasının bulunduğu tarayıcı penceresinde "Görünüm" menüsünü genişletin.

2. Komut listesinde "Ekran Genişliğine Sığdır"ı seçin.

Not ... devre dışı modu yeniden kullanmak Ctrl + F11 tuşlarının kombinasyonu veya "Ekran genişliğine sığdır" öğesinin devre dışı bırakılması.

Bir WEB sitesinde çalışırken, bir tasarımcı genellikle bir sayfayı görüntülerken bir veya başka bir öğenin nasıl görüneceğini incelemeye ihtiyaç duyar. Ayrıca, örneğin içindekiler gibi bazı bileşenler yalnızca sayfayı tarayıcıya yükleyerek test edilebilir. Çalışmanın sonuçlarını görmek için sayfanın önizleme modunu nasıl kullanabileceğinizi veya bir tarayıcı başlatabileceğinizi daha ayrıntılı olarak ele alalım.

Bir tarayıcıda bir WEB sitesi nasıl açılır

Bilgisayarınızda tarayıcı sürümü 3.0 veya üzeri yüklüyse, FrontPage düzenleyicisinde sayfayı bir bakışta görüntüleyebilirsiniz. Geçerli sayfanın bir tarayıcıda nasıl görüneceğini görmek için Sayfa görünümünün Önizleme moduna geçmeniz yeterlidir. Önizleme modunda, bir tarayıcıyla çalışırken yaptığınız işlemlerin hemen hemen hepsini yapabilirsiniz: bağlantıları gözden geçirin, formları doldurun, komutları çağırın bağlam menüsü ve bunun gibi

FrontPage, sayfanızın Önizleme'de nasıl görüneceğini görmenizi sağlarken, her zaman incelemek en iyisidir WEB'de çalışmak tarayıcıda site. Bu, özellikle genel ziyaretleri hedefleyen bir WEB sitesi tasarlarken önemlidir. Bu durumda, WEB sitesinin sayfalarının, bu konuda bilgi sahibi olan kişiler tarafından görüntüleneceğini unutmamanız gerekmektedir. Çeşitli tipler ve farklı renk seçenekleri ve ekran çözünürlükleri ile tarayıcı sürümleri. Bu nedenle ziyaretçilerin WEB sitesini tam olarak sunmayı planladığınız gibi görmelerini sağlamalısınız. İçin WEB testi site, birkaç yükleyebilirsiniz farklı tarayıcılar ve bunları göz atma listesine ekleyin.

Göz atma listesine birden çok tarayıcı nasıl eklenir

Sayfa düzenleme moduna geçin ve Dosya - Tarayıcıda Önizleme - Tarayıcı Listesini Düzenle menü komutunu seçin. Tarayıcı Listesini Düzenle iletişim kutusu açılır.

Tarayıcılar listesi, sayfaları görüntülemek için FrontPage'den çağrılabilen mevcut tarayıcıları listeler. yüklediyseniz ek tarayıcı, Ekle düğmesi tıklanarak listeye dahil edilebilir. Radyo düğmeleri grubunu kullanarak Ek pencere boyutları, ne zaman sayfanın nasıl görüneceğini görmek için tarayıcı penceresinin boyutunu seçebilirsiniz. farklı çözünürlükler ekran. Önizlemeden önce sayfayı otomatik olarak kaydet bayrağını ayarlarsanız, sayfa önizlemeden önce otomatik olarak diske kaydedilir.

Aksi takdirde, bir tarayıcıda görüntülemeden önce sayfayı kaydetmenizi isteyen bir mesaj görünecektir.

Tarayıcı Listesini Düzenle iletişim kutusunu kapatmak için Tamam'a tıklayın.

Farklı tarayıcı türleri ve sürümleriyle uyumlu bir WEB sitesi nasıl yapılır

Genellikle, bir WEB sitesi tasarlanırken yeni teknolojilerin, arayüzlerin ve formatların tanıtılması, yanlış görüntü tarayıcılardaki bilgiler erken sürümler... Tersine, WEB sitesini ile uyumlu hale getirmek için farklı şekiller ve tarayıcı sürümlerinde, geliştiricilerin yeni çözümleri terk etmesi ve ortak standartlara agresif bir şekilde uyması gerekir. Karşılaştırılabilirlik sorunları hakkında endişeleriniz varsa, yansıtılan WEB sitesinin belirli tarayıcılarla uyumluluğunu ve farklı tarayıcılar için kişisel desteği sağlayan FrontPage düzenleyici seçeneklerini kullanabilirsiniz. WEB teknolojileriçerçeveler, stil sayfaları, Java komut dosyaları ve benzerleri gibi

Araçlar - Sayfa Seçenekleri menü komutunu seçin. Ekranda Sayfa Seçenekleri iletişim kutusu görünecektir.

Yazma sekmesini seçin.

Tarayıcılar açılır listesinde, WEB sitesinin hedefleneceği tarayıcının türünü ve Tarayıcı sürümleri açılır listesinde tarayıcı sürümünü belirleyebilirsiniz. Örneğin, seçeneği seçebilir ve Internet Explorer, ve Gezgin (Hem ve Gezgin) hem de Tarayıcılar 3.0 ve sonraki sürümleri (3.0 tarayıcılar) ve sonra) daha yaygın tarayıcıların önceki sürümleriyle uyumlu olması için.

seçerken farklı seçenekler Seçili tarayıcı sürümü ve türü için Tarayıcılar ve Tarayıcı sürümleri açılır listelerinin altındaki bayrak grubunda, WEB sayfasının farklı bileşenlerini kullanabilirsiniz, ancak tarayıcılarla uyumluluk aramanız gerekir.

Seçilen tarayıcıya bağlı olarak, FrontPage programının menülerinde ve iletişim kutularında bazı komutlara veya seçeneklere erişilemeyebilir. Örneğin, bir tarayıcı seçerken, VBScript'teki komut dosyalarına erişmek zorlaşır ve seçim yaparken internet tarayıcısı Gezgin Göz Kırpma efekti yazı tipi için mevcut değil.

Tarayıcılarla uyumlu olmanın yanı sıra FrontPage, belirli bir tarayıcıyla uyumluluk sağlayabilir. Web sunucusu, WEB sitesine ev sahipliği yapacak. FrontPage ve SharePoint teknolojileri açılır listesinde ve bu listenin altındaki bayrak grubunda, yalnızca FrontPage sunucu uzantıları, hizmetleri Microsoft SharePoint'i Ekip Hizmetleri ya Microsoft Windows SharePoint Hizmetleri. Bu paketler, FrontPage Düzenleyicisi'nde bulunan bir dizi bileşeni desteklemek üzere tasarlanmıştır.

serbest bıraktık yeni kitap"İçerik Pazarlama sosyal ağlar: Abonelerin kafasına nasıl girilir ve markanıza nasıl aşık olunur."

Abone olmak

Site adresi, bir İnternet kaynağının, kullanıcının onu ağda bulabileceği bir kişinin benzersiz adıdır.

Kanalımızda daha fazla video - SEMANTICA ile internet pazarlamasını öğrenin

Bir adresin ne anlama geldiğini daha iyi anlamak için bir kitaplıktaki kitap numarasıyla karşılaştırılabilir. Numaraya göre, kütüphaneci ihtiyacınız olan kitabı bulacaktır. Bir web sitesi söz konusu olduğunda, tarayıcı bir kütüphaneci görevi görür. Adres çubuğuna web sitesi adresini girdikten sonra tarayıcı onu bulup açacaktır.

Tarayıcının gerekli olanı bulması için adresinin doğru belirtilmesi gerekir. Bu durum posta ile mektup göndermeye benzer. Posta adresinin ayrıntılarını (ikamet edilen ülke, şehir, sokak, ev, apartman) belirtirken bir hata yaparsanız, mektup alıcıya ulaşmaz.

Bir sitenin web adresi nasıl bulunur

Site adresi de denir (İngilizce'den. Uniform Resource Locator). Örnek bir site adresi şöyle görünür:

Bir sitenin adresini bulmanın en kolay yolu, onu adres çubuğundan kopyalamaktır.

URL'nin yalnızca bütünü değil, aynı zamanda bireysel öğeleri, özellikle de resmi vardır. Örneğin bir resmin adresini, üzerine sağ tıklayarak ve açılır listeden "URL-Resimleri Kopyala"yı seçerek öğrenebilirsiniz.

Aynı şekilde, gerekli bağlantıya tıklayarak açılır listeden "Bağlantı adresini kopyala" öğesini seçerek tüm belgenin URL'sini alabilirsiniz.

URL yapısı

Beğenmek posta adresi, URL'nin kendi ayrıntıları vardır. yapısını ele alalım:

  1. Protokol - çeşitli kaynaklar arasında veri alışverişini düzenler. Özellikle http protokolü bir WWW kaynağını gösterir, ftp protokolü noktalar FTP kaynağı vesaire. Tarayıcının adres çubuğunda, protokol aşağıdaki yapı ile diğer gerekliliklerden ayrılır:: //.
  2. Yetki.
  3. Barındırma, yerel veya küresel ağdaki cihazın (düğüm) sayısıdır.
  4. Port - giriş kanalının numarası. Sunucuda bu tür birkaç kanal varsa, bilgilerin girileceği kanalı belirtin.
  5. Yol - Erişimin nasıl sağlanacağı hakkında bilgi.
  6. Parametreler - sayfanın yapılandırılacağı bilgiler.

adres ne olmalı

Ana bölüm URL'si a, sitenin trafiğini büyük ölçüde etkileyecek olan alan adıdır. Bir web sitesi adresi oluştururken uyulması gereken bir takım kriterler vardır:

  1. kısalık. Kullanıcının birbirine bağlı birkaç kelimeyi ezberlemesi, uzun bir cümle veya tutarsız karakterlerin bir kombinasyonundan daha kolaydır. Kısa adı Yayınlanan sokak reklamı veya basılı bir yayının sayfasında dikkat çeker ve uzun süre hafızada kalır. Bu, kaynağa yapılacak daha sonraki ziyaretler için iyi bir ön koşul sağlar.
  2. Mevcut yetenek. Alan adı, kaynağın içeriğini avantajlı bir şekilde sunmalıdır. Çoğu zaman ya kuruluşun adını ya da faaliyet türünü ya da sitede bahsedilen kişinin adını kullanırlar. Bu dolaylı bir unsurdur reklam kampanyası, hangisi için doğru yaklaşım iyi sonuçlar verecektir.
  3. Güzel isim. Potansiyel kullanıcıların gözünde kaynağı daha sağlam hale getirecektir. Uzun ve anlaşılmaz bir alan adı, satın alma konusunda cömert olmadığını gösteriyor güzel alan... Bu potansiyel müşterileri korkutabilir.

URL SEO'yu nasıl etkiler?

İyi biçimlendirilmiş bir URL, şunlardan biridir: SEO araçları. Doğru yapı adresler teşvik eder hızlı indeksleme sıralamasını yükseltmeye yardımcı olacak web sitesi. Bunu yapmak için bir dizi öneriye uymalısınız:

  1. Alan adının kullanımına izin verilir anahtar kelimeler seyreltilmiş bir durumda. Bu, sıralama sistemindeki konumunuzu artıracaktır. Ancak, yalnızca amaçlanan sorguyla tam olarak eşleşen anahtar kelimelerden bir alan oluşturmamalısınız. algoritma Google sıralaması böyle bir siteyi arama sonuçlarından hariç tutabilir.
  2. Hedef kitlenin konumuna göre bir alan bölgesi seçmek daha iyidir. Böylece zona.ru Rus trafiğinin akışını artıracaktır.
  3. Alan adındaki alt dizinlerin derinliği de kaynağın sıralama sistemindeki konumunu artırır. Bu, özellikle anahtar sözcük adlı alt dizinler için geçerlidir.
  4. İdeal olarak, url insanlar tarafından okunabilir ve anlaşılabilir (CNC) olmalıdır,

Merhaba sevgili okuyucular! Belki de tüm İnternet kullanıcıları, ağın sonsuz genişliklerinde yürürken, er ya da geç orada kendilerinden bir şeyler bırakmak, insanlara belirli şeyler hakkındaki görüşlerini iletmek arzusundadırlar.

Bu arada, acemi kullanıcılar için bile burada karmaşık bir şey yok. Bu yazıda size nasıl oluşturulacağını göstereceğim. web sayfası... Bu sürecin temellerini öğreneceksiniz.

Web sayfası nedir?

Köprü metni belgesi veya web sayfası Metin dosyası HTML (Köprü Metni İşaretleme Dili) kullanılarak etiketlendi.

Orada sunulan tüm nesneler, bu araç tarafından yazılan ve isteği üzerine sunucu tarafından gönderilen talimatlara göre yeniden oluşturulur. Belgeye işaretleme eklemek için açılı ayraçlar içine alınmış etiketler kullanılır. Kural olarak, eşleştirilirler, yani bir açılış ve kapanış ve bazı bilgiler arasında bulunurlar.

Örneğin, tarayıcıya aşağıda bir belge olduğunu söyleyen bir etiket HTML dili, aşağıdaki forma sahiptir: ... Kodun burada bittiğini söyleyen kapanış kodu şöyle görünür:... Bu nedenle, bir kapanış etiketi ile bir açılış etiketi arasındaki tek fark, açılış parantezinden sonra bir eğik çizginin bulunmasıdır.

Bu biçimlendirme dili, bir web sayfasının metnini biçimlendirmenize, üzerine resimler, grafik öğeler yüklemenize, oluşturmanıza olanak tanır. hiper metin bağlantıları, multimedya öğeleri, ses kayıtları, komut dosyaları (VBScript, JavaScript) ekleyin.

Bu dilin neyle ilgili olduğunu öğrenmek için sıkıcı ders kitaplarını araştırmanıza gerek yok. Şahsen benim için tarayıcımı açıp “Görüntüle” seçeneğini seçmem yeterliydi. kaynak"(Tıklamak sağ düğme fareler). Pencerede sunulan kod satırları tam html kodudur. Tarayıcının daha sonra bir web sayfasına dönüştüğü bu koddur.

İnternetteki sayfa türleri

Üç tür web sayfası vardır:

  1. Etkileşimli. Sunucunun kullanıcıyla veri alışverişinde bulunduğu VBScript, JavaScript, PHP dillerinde oluşturulmuş formları içerir;
  2. Dinamik. ASP, PHP ile .aspx, .php izinleriyle yazılırlar. Bu sayfalar, veritabanı sunucusundan gelen verileri kullanarak, kullanıcı isteklerine dayalı olarak bir web sayfası oluşturan motor veya özel bir program tarafından oluşturulur;
  3. Statik. Bunlar, HTML biçimlendirme dilinde oluşturulan statik dosyaları (resimler, tablolar, yazma, vb.) içerir.

Nasıl oluşturulurum?

Web sayfaları oluşturmak için html editörleri kullanılır: FCKeditor, TinyMCE WYSIWYG Editor, Macromedia Dreamweaver, Microsoft FrontPage ve diğerleri. Tüm bu düzenleyiciler, web siteleri oluşturmayı kolaylaştıran tonlarca farklı sihirbazın yanı sıra tasarım ve yapıya sahip sayfalar için şablonlara sahiptir. Onların yardımıyla hızlıca kendi web sayfanızı oluşturabilirsiniz.

Ancak her şeyi kendileri yapmayı sevenler için kullanabilirsiniz ve basit not defteri varsayılan olarak herhangi bir bilgisayarda zaten yüklü olan.

Talimatlar:

  1. Kullanarak Metin düzeltici bir dosya oluşturun. Bu yapılacak ilk şey. Not defterinde oluştur boş dosya index.html denir. Sitenin belirli bir web sayfasını belirtmeden kaynak adresini girerseniz sunucunun ilk aradığı sayfadır.
  2. Bir talimat oluşturun. Etiketler arasına yerleştirilmiş ve kod iki bölümden oluşmalıdır - belgenin gövdesi ve başlık.
  3. başlık yapıyoruz. Başlık etiketlerini açma ve kapama: ve... Sayfanın bu "hizmet" bölümü, pencere başlığı, açıklama, arama motorları için anahtar sözcükler, komut dosyaları, stil açıklamaları ve daha fazlası için veriler içerir. Bu kelimelerin arasına etiketler kullanarak sayfa penceresinin başlığını yazıyoruz: ve... Şimdiye kadar, web sayfanız şöyle görünmelidir:

    Başlık

  4. Başlık kısmını işledik. Şimdi gövde etiketlerini yerleştirmeniz gerekiyor ve... Aralarında belge talimatları olacaktır: bağlantılar, metinler, resimler vb., yani asıl olan.

Yani, genel olarak, kod şöyle görünmelidir:

Başlık <TITLE> </HEAD> <BODY>Web sayfasının gövdesi</BODY> </HTML></p> <p>Tebrikler! Artık en basitinden de olsa kendi web sayfanızı nasıl oluşturacağınızı biliyorsunuz! Sadece belgeyi kaydetmeyi unutmayın, aksi takdirde tüm çalışmalarınız toz olacak ve her şeyi yeniden yapmanız gerekecek.</p> <blockquote> <p>Çok var <a href="https://rzdoro.ru/tr/different/sozdanie-i-redaktirovanie-stranic-v-vizualnom-redaktore.html">görsel editörler</a> <a href="https://rzdoro.ru/tr/windows-8/html-kody-otstup-formatirovanie-html-abzaca.html">HTML Kodu</a>, sayesinde dili hiç bilmeden web sayfaları oluşturabilirsiniz. <a href="https://rzdoro.ru/tr/windows-xp/kak-podklyuchit-fail-css-sposoby-podklyucheniya-razmetki-css-k.html">html işaretlemesi</a>... Ama yine de temelleri bilmeniz gerektiğine inanıyorum.</p> </blockquote> <p>Bu arada, blogum ücretsiz WordPress platformu tarafından desteklenmektedir. Yalnızca alan adı ve barındırma için ödeme yapıyorum - bu biraz fazla. Daha fazlasını öğrenmek ister misiniz? İşte bir bağlantı.</p> <p>İçtenlikle! Abdullin Ruslan</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <br clear="all"> </div> <div class="related" style="background:none;"> <p class="h1"><span>İlgili Makaleler</span></p> <style> </style> <style> #perelink-horizontal{ vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 220px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img{ width:220px; height:138px; margin-bottom:10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/tr/entertainment/sdelat-smartfon-veb-kameroi-dlya-kompyutera-kak-prevratit.html"> <img src="/uploads/4a47c24f70479a388210279c581e271c.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Android akıllı telefon nasıl güvenlik kamerasına dönüştürülür</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/tr/windows-10/kak-vyglyadit-klaviatura-na-kitaiskom-kak-vyglyadit-kitaiskaya.html"> <img src="/uploads/d6b60f069aad6f3da72dbc2f1abd5297.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Çince klavye neye benziyor (geçmiş ve fotoğraflar)</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/tr/iron/chto-oznachaet-bukva-s-v-avatarke-znachenie-avatarok-v-psihologii.html"> <img src="/uploads/eb91fa06b79ec005a8aae028ddc35507.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Avatarların psikolojideki değeri</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/tr/windows-10/samaya-chastaya-avatarka-znachenie-avatarok-v-psihologii.html"> <img src="/uploads/f156136d8ca22fa79d34b002ccc56440.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Avatarların psikolojideki değeri</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/tr/windows-xp/kak-postavit-udarenie-na-kompyutere-kak-postavit-udarenie-nad-bukvoi-v.html"> <img src="/uploads/86fb0351975968ddd5e921943b5a0181.jpg" height="138" width="220" loading=lazy loading=lazy> <span>MS Word'de bir harf nasıl vurgulanır</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://rzdoro.ru/tr/internet/chto-znachit-esli-avatar-cheloveka-chto-znachit-tvoya-avatarka.html"> <img src="/uploads/66246e4607759f79721e65d6f8c26323.jpg" height="138" width="220" loading=lazy loading=lazy> <span>Bir kişinin avatarı ne anlama geliyor?</span> </a> </div> </div> </div> </div> <div class="sidebar"> <div class="aside last_articles"> <div class="h2">En son makaleler</div> <ul> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/bd0d3f20502bc7b83568852d0ad440a1.jpg" alt="Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?" title="Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/tr/internet/kak-sozdat-svoi-sobstvennyi-tvitter-moment-chto-takoe.html" class="replace post_4385">Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?</a> </div> </div> </div> <div class="clear"></div> </div> </li> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/6298f1e304003d1a1f04f3b8c0e71558.jpg" alt="Bir sosyal ağdaki bir avatar sahibi hakkında ne söyleyebilir?" title="Bir sosyal ağdaki bir avatar sahibi hakkında ne söyleyebilir?" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/tr/network/lisa-na-avatarke-chto-znachit-chto-mozhet-rasskazat-avatarka-v.html" class="replace post_4385">Bir sosyal ağdaki bir avatar sahibi hakkında ne söyleyebilir?</a> </div> </div> </div> <div class="clear"></div> </div> </li> <li> <div class="article_info"> <div class="replace post_4385"> <div class="top"> <div class="img_border"> <span></span> <img src="/uploads/d53d981c80b9a70a410249d31f098ff2.jpg" alt="Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?" title="Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?" loading=lazy loading=lazy> </div> <div class="right_info"> <div class="date">2021-11-11 12:38:28</div> <a href="https://rzdoro.ru/tr/different/kak-sozdat-svoi-sobstvennyi-tvitter-moment.html" class="replace post_4385">Kendi Twitter Anınızı Nasıl Yaratabilirsiniz?</a> </div> </div> </div> <div class="clear"></div> </div> </li> </ul> </div> <div class="aside" style="display:none;"> <span class="related-link" data-href="/author/dergachev"><img src="https://rzdoro.ru/wp-content/themes/ostroymaterialah/img/banner.jpg" loading=lazy loading=lazy> </div> <div class="aside" > <div class="top_comment"> <div class="h2">Popüler Makaleler</div> <ul> <li> <a href="https://rzdoro.ru/tr/program/pervyi-skaniruyushchii-zondovyi-mikroskop-skaniruyushchii.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/ece4391a2ebebf26b67a1196e8b98d22.jpg" alt="Taramalı Atomik Kuvvet Mikroskobu Laboratuvar raporu şunları içermelidir:" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Taramalı Atomik Kuvvet Mikroskobu Laboratuvar raporu şunları içermelidir:</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/tr/entertainment/detali-i-razmery-kontaktnoi-seti-podbor-stoek-opor-kontaktnoi-seti.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/fcc5244f94b83766b1dafda84fe5a2a4.jpg" alt="Havai iletişim ağı desteklerinin raflarının seçimi" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Havai iletişim ağı desteklerinin raflarının seçimi</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/tr/audio-video/podbor-oborudovaniya-kontaktnoi-seti-proektirovanie-i-raschet-kontaktnoi-seti.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/929d13fc1fa57dbf0c543ebbd3b2593e.jpg" alt="AC katener tasarımı ve hesaplanması" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>AC katener tasarımı ve hesaplanması</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/tr/internet/proektirovanie-avtomaticheskih-sistem-na-baze-mikroprocessorov.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/e6e9c8bc4e2d4403b3c93a0f5411ff1b.jpg" alt="Mikroişlemci sistemlerinin geliştirilmesi Mikroişlemci sistemlerinin tasarım aşamaları" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>Mikroişlemci sistemlerinin geliştirilmesi Mikroişlemci sistemlerinin tasarım aşamaları</p> </div> </a> </li> <li> <a href="https://rzdoro.ru/tr/entertainment/mikrokontrollery-semeistva-mcs51-mikrokontrollery-mcs-51.html"> <div class="pull-left"> <div class="img_container"> <div class="img_border"> <img src="/uploads/3af815db5e7fb7f42ee040abe703a4d3.jpg" alt="mcs51 ailesinin mikrodenetleyicileri" / loading=lazy loading=lazy> </div> </div> </div> <div class="title_text"> <p>mcs51 ailesinin mikrodenetleyicileri</p> </div> </a> </li> </ul> </div> </div> <div class="aside"> <div class="most_commented"> <div class="h2">Editörün Seçimi</div> <ul> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/tr/windows-8/vybor-sredy-programmirovaniya-delphi-sreda-programmirovaniya-delphi.html" class="title">Delphi programlama ortamı</a> <p class="desc">Delphi görsel programlama sistemi, geniş bir kullanıcı yelpazesi arasında çok popülerdir: sıradan insanlardan sisteme ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/tr/iron/mikrokontrollery-mcs-51-programmnaya-model-struktura-komandy.html" class="title">Mikrodenetleyiciler MCS-51: yazılım modeli, yapısı, talimatları</a> <p class="desc">UDC 681.5, 681.325.5 (075.8) BBK 32.973.202-018.2 i 73 Shcherbina A.N. Bilgisayar makineleri, sistemleri ve ağları. Mikrodenetleyiciler ve mikroişlemciler ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/tr/windows-7/teoriya-kodirovaniya-vidy-kodirovaniya-rozhdenie-teorii.html" class="title">Kodlama teorisi. Kodlama türleri. Kodlama teorisinin doğuşu Kodlama yöntemlerinin sınıflandırılması</a> <p class="desc">"Bu kursun amacı sizi teknik geleceğiniz için hazırlamaktır." Merhaba, Habr. "Siz ve işiniz" harika makalesini hatırlayın (+219, 2442 yer imi, ...</p> </li> <li> <div class="full_date">2021-11-06 10:20:40</div> <div class="clear"></div> <a href="https://rzdoro.ru/tr/windows-xp/vvedenie-v-osnovy-sovremennyh-shifrov-s-simmetrichnym-klyuchom-registry.html" class="title">Geri Besleme Kaydırma Kayıtları Doğrusal Geri Besleme Kaydırma Kayıtları c</a> <p class="desc">Doğrusal bir geri besleme kaydırma kaydı (LFSR), değeri ... olan bir bit sözcük kaydırma kaydıdır.</p> </li> <li> <div class="full_date">2021-11-01 11:09:32</div> <div class="clear"></div> <a href="https://rzdoro.ru/tr/windows-xp/kak-zarabotat-s-pomoshchyu-s-rfinga-kak-zarabotat-na-serfinge.html" class="title">Sörf ve otomatik sörften nasıl para kazanılır?</a> <p class="desc">Sörfte kazanç: sörf özellikleri + 5 avantaj ve dezavantaj + otomatik sörf için 3 özel program + 5 popüler hizmet ...</p> </li> </ul> </div> </div> <div class="aside"> </div> </div> </div> </div> <div class="push"></div></div> <footer> <div class="colomn-first"> <p><span class="related-link" data-href="/"><img src="/uploads/logo.png" alt="Bilgisayar yardım sitesi" / loading=lazy loading=lazy></span></p> <p><span style="color:#27a98c;">©</span> Telif hakkı 2021, <br>rzdoro.ru - Bilgisayar yardım sitesi</p> <div class="colomn"> <ul> <li>Kategoriler</li> <li><span class="related-link" data-href="/category/iron/">Demir</span></li> <li><span class="related-link" data-href="/category/windows-10/">Windows 10</span></li> <li><span class="related-link" data-href="/category/scan/">Tarama</span></li> <li><span class="related-link" data-href="/category/windows-7/">Windows 7</span></li> </ul> <ul style="margin-top: 23px;"> <li><span class="related-link" data-href="/category/iron/">Demir</span></li> <li><span class="related-link" data-href="/category/windows-10/">Windows 10</span></li> <li><span class="related-link" data-href="/category/scan/">Tarama</span></li> <li><span class="related-link" data-href="/category/windows-7/">Windows 7</span></li> </ul> <ul> <li>Başka</li> <li><span class="related-link" data-href="">site hakkında</span></li> <li><a href="https://rzdoro.ru/tr/sitemap.xml">site haritası</a></li> <li><span class="related-link" data-href="">Kişiler</span></li> <li><span class="related-link" data-href="">reklam</span></li> </ul> </div> </div> </footer> <script type="text/javascript" src="https://rzdoro.ru/wp-content/plugins/service_binet/ajax.js"></script> <script> jQuery(document).ready(function() { // Get all thumbs containers jQuery( ".thumbs-rating-container" ).each(function( index ) { // Get data attribute var content_id = jQuery(this).data('content-id'); var itemName = "thumbsrating"+content_id; // Check if this content has localstorage if (localStorage.getItem(itemName)){ // Check if it's Up or Down vote if ( localStorage.getItem("thumbsrating" + content_id + "-1") ){ jQuery(this).find('.thumbs-rating-up').addClass('thumbs-rating-voted'); } if ( localStorage.getItem("thumbsrating" + content_id + "-0") ){ jQuery(this).find('.thumbs-rating-down').addClass('thumbs-rating-voted'); } } } ); } ); </script> <div id="wprmenu_bar" class="wprmenu_bar left"> <div class="hamburger hamburger--slider"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </div> <div class="menu_title"> <a href="https://rzdoro.ru/tr/">rzdoro.ru</a> </div> </div> <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left " id="mg-wprm-wrap"> <ul id="wprmenu_menu_ul"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/iron/">Demir</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/windows-10/">Windows 10</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/scan/">Tarama</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/windows-7/">Windows 7</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/windows-xp/">Windows XP</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/printers-driver/">Yazıcı Sürücüleri</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/laptops/">dizüstü bilgisayarlar</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/windows-8/">Windows 8</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/audio-video/">Ses videosu</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/gadgets/">gadget'lar</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/different/">Çeşitli</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://rzdoro.ru/tr/category/linux/">Linux</a></li> </ul> </div> <script type="text/javascript"> jQuery(document).ready(function($){ $("a[rel*=lightbox]").colorbox({ width:false,height:false,innerWidth:false,innerHeight:false,initialWidth:"30%",initialHeight:"30%",maxWidth:"90%",maxHeight:"90%",current:"Фото { current} из { total} ",previous:"назад",next:"далее",close:"закрыть",top:false,right:false,bottom:false,left:false} ); } ); </script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/wp-polls/polls-js.js?ver=2.73.8'></script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/lightbox-plus/js/jquery.colorbox.1.5.9.js?ver=1.5.9'></script> <script type='text/javascript' src='https://rzdoro.ru/wp-content/plugins/lightbox-plus/css/fancypants/helper.js?ver=2.7'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>