NASIL

Ana Sayfa

Menüler

Simge Çubuğu Menü Simgesi Akordeon Sekmeler Dikey Sekmeler Sekme Başlıkları Tam Sayfa Sekmeleri Hover Sekmeleri En İyi Gezinme Duyarlı Topnav Simgeli Gezinme Çubuğu Arama Menüsü Arama çubuğu Sabit Kenar Çubuğu Sayfa Gezinme Duyarlı Kenar Çubuğu Tam Ekran Gezinme Tuval Dışı Menü Yan Gezinti Düğmelerini Üzerine Getirin Simgeli Kenar Çubuğu Yatay Kaydırma Menüsü Dikey Menü Alt Gezinme Duyarlı Alt Gezinme Alt Kenar Gezinme Bağlantıları Sağa Hizalanmış Menü Bağlantıları Ortalanmış Menü Bağlantısı Eşit Genişlik Menü Bağlantıları Sabit Menü Kaydırmada Aşağı Kaydırma Çubuğu Kaydırmada Navbar'ı Gizle Kaydırmada Gezinme Çubuğunu Küçült Yapışkan gezinme çubuğu Görüntüdeki gezinme çubuğu Fareyle üzerine gelinen açılır menüler Açılır Menüler'i tıklayın Basamaklı Açılır Menü Topnav'da açılır menü Sidenav'da açılır menü Navbar Açılır Menüsü Alt Navigasyon Menüsü açılan Mega Menü Mobil Menü Perde Menüsü Daraltılmış Kenar Çubuğu Daraltılmış Yan Panel sayfalandırma Galeta unu Düğme Grubu Dikey Düğme Grubu Yapışkan Sosyal Bar Hap Navigasyonu Duyarlı Başlık

Görüntüler

slayt gösterisi Slayt Gösterisi Galerisi Modal Görüntüler Hafif kutu Duyarlı Görüntü Izgarası Görüntü Izgarası Sekme Galerisi Görüntü Bindirme Solması Görüntü Bindirme Slaytı Görüntü Bindirme Yakınlaştırma Görüntü Bindirme Başlığı Görüntü Bindirme Simgesi Görüntü Efektleri Siyah Beyaz Görüntü Resim Metni Resim Metin Blokları Şeffaf Resim Metni Tam Sayfa Resmi Resimdeki Form Kahraman Resmi Arka Plan Resmini Bulanıklaştır Kaydırmada Bg'yi Değiştir Yan Yana Görüntüler Yuvarlak Görüntüler avatar resimleri Duyarlı Görüntüler Merkezi Görüntüler küçük resimler Resmin Çevresindeki Kenarlık Takımla tanış Yapışkan Görüntü Bir Resmi Çevir Bir Görüntüyü Sallayın Portföy Galerisi Filtrelemeli Portföy Görüntü Yakınlaştırma Görüntü Büyüteç Camı Görüntü Karşılaştırma Kaydırıcısı Favicon

Düğmeler

Uyarı Düğmeleri Anahat Düğmeleri Bölünmüş Düğmeler Hareketli Düğmeler Solma Düğmeleri Resimdeki Düğme Sosyal Medya Düğmeleri Daha Fazla Oku Daha Az Oku Yükleme Düğmeleri İndirme Düğmeleri hap düğmeleri Bildirim Düğmesi Simge Düğmeleri Sonraki/önceki Düğmeler Gezinme'de Daha Fazla Düğme Blok Düğmeleri Metin Düğmeleri Yuvarlak Düğmeler Üst Düğmeye Kaydır

Formlar

Giriş Formu Kayıt Formu Ödeme Formu İletişim Formu Sosyal Giriş Formu Kayıt Formu Simgelerle Form Bülten Yığılmış Form Duyarlı Form Pop-up Formu satır içi formu Giriş Alanını Temizle Sayı Oklarını Gizle Metni Panoya Kopyala Hareketli Arama Arama Düğmesi Tam Ekran Arama Navbar'da Giriş Alanı Navbar'da Giriş Formu Özel Onay Kutusu/Radyo Özel Seçim Geçiş anahtarı Onay Kutusu Büyük Harf Kilidi Algıla Enter'da Tetik Düğmesi Şifre Doğrulama Şifre Görünürlüğünü Aç/Kapat Çoklu Adım Formu otomatik tamamlama Otomatik tamamlamayı kapat Yazım denetimini kapat Dosya Yükleme Düğmesi Boş Giriş Doğrulaması

filtreler

Filtre Listesi Filtre Tablosu Filtre Elemanları Filtre Açılır Menüsü Sıralama Listesi Büyü Tablosu

tablolar

Zebra Çizgili Masa Orta Masalar Tam genişlikte masa Yan Yana Masalar Duyarlı Tablolar Karşılaştırma Tablosu

Daha

Tam Ekran Video Modal Kutular Kalıcı Sil Zaman çizelgesi Kaydırma Göstergesi İlerleme Çubukları Beceri Çubuğu Aralık Kaydırıcıları Araç ipuçları Ekran Öğesinin Üzerine Gelme Açılır pencereler katlanabilir Takvim HTML İçeriği Yapılacaklar listesi yükleyiciler Yıldız Derecelendirmesi Kullanıcı oyu Bindirme Etkisi İletişim Cips kartlar Flip Kart Profil Kartı Ürün Kartı uyarılar Çağırmak notlar Etiketler çevreler Stil İK Kupon Liste Grubu Madde İşaretsiz Liste Duyarlı Metin Kesme Metni parlayan metin Sabit Altbilgi Yapışkan Öğe Eşit Yükseklik düzeltme Duyarlı Şamandıralar snack bar Tam Ekran Penceresi Kaydırma Çizimi Pürüzsüz Kaydırma Gradyan Bg Parşömeni Yapışkan Başlık Kaydırmada Başlığı Küçült Fiyatlandırma Tablosu Paralaks En Boy Oranı Duyarlı Iframe'ler Beğen/Beğenme arasında geçiş yap Gizle/Göster arasında geçiş yap Karanlık Modu Aç/Kapat Metni Aç/Kapat Sınıfı Değiştir Sınıf Ekle Sınıfı Kaldır Aktif Sınıf Ağaç görünümü Mülkü Kaldır Çevrimdışı Algılama Gizli Öğeyi Bul Web sayfasını yeniden yönlendir Yakınlaştır Vurgulu Çevirme Kutusu Dikey Ortala DIV'deki Orta Düğme Hover'da Geçiş oklar şekiller İndirme: {link Tam Yükseklik Elemanı Tarayıcı penceresi Özel Kaydırma çubuğu Kaydırma çubuğunu gizle Kaydırma Çubuğunu Göster/Zorla Cihaz Görünümü İçerik Düzenlenebilir Kenarlık Yer Tutucu Rengi Metin Seçimi Rengi madde işareti rengi Dikey çizgi bölücüler Simgeleri Canlandır Geri sayım saati Daktilo Yakında Sayfası Sohbet Mesajları Açılır Sohbet Penceresi Bölünmüş ekran referanslar Bölüm Sayacı Tırnak Slayt Gösterisi Kapatılabilir Liste Öğeleri Tipik Cihaz Kesme Noktaları Sürüklenebilir HTML Öğesi JS Medya Sorguları Sözdizimi Vurgulayıcı JS Animasyonları JS Dizi Uzunluğu JS Üstelleştirme JS Varsayılan Parametreleri Geçerli URL'yi Al Geçerli Ekran Boyutunu Al Iframe Öğelerini Alın

İnternet sitesi

Ücretsiz Web Sitesi Oluşturun Web Sitesi Yap Statik Bir Web Sitesi Yapın Bir Web Sitesi Yapın (W3.CSS) Bir Web Sitesi Yapın (BS3) Bir Web Sitesi Yapın (BS4) Bir Web Sitesi Yapın (BS5) Bir Web Sitesi Oluşturun ve Görüntüleyin Bağlantı Ağacı Web Sitesi Oluşturun Portföy Oluştur Özgeçmiş Oluştur Restoran Web Sitesi Yapın Bir İşletme Web Sitesi Yapın WebKitabı Yap Merkez Web Sitesi İletişim Bölümü Sayfa Hakkında Büyük Başlık Örnek Web Sitesi

Kafes

2 Sütun Düzeni 3 Sütun Düzeni 4 Sütun Düzeni Genişleyen Izgara Liste Tablosu Görünümü Karışık Sütun Düzeni Sütun Kartları Zig Zag Düzeni Blog Düzeni

Google

Google Grafikleri Google Yazı Tipleri Google Yazı Tipi Eşleştirmeleri Google Analytics Kurulumu

dönüştürücüler

Ağırlığı Dönüştür Sıcaklığı Dönüştür Uzunluğu Dönüştür Dönüştürme Hızı

Blog

Geliştirici İşi Alın Bir Ön Uç Geliştiricisi Olun.

Bağlantı ağacı web sitesi nasıl yapılır

Bağlantı ağacı web sitesi, tüm bağlantılarınızı tek bir sitede paylaşmanıza olanak tanır.

Sosyal ağlarınıza, blog gönderilerinize, işletmenize, projelerinize ve daha fazlasına olan bağlantıları görüntüleyebileceğiniz bir açılış sayfasıdır.

Ücretsiz bir bağlantı ağacı web sitesi oluşturun »

Neden bir bağlantı ağacı web sitesi oluşturmalısınız?

Bağlantılar web sitesi, çevrimiçi varlığınızı büyütmek için harikadır.

İçeriğinizin bulunduğu yerlerin bağlantılarını paylaşmayı kolaylaştırır.

Ayrıca, bağlantılar web sitesi, insanların sizinle birden fazla yerde bağlantı kurmasına yardımcı olur.

Bağlantılar web sitesini kendi başınıza oluşturarak, üzerinde tam kontrole sahip olursunuz.

Sitenin görünüşü markanızı yansıtır. Görünmek istediğiniz şekilde tasarlayın.


Bağlantı ağacı web sitemi oluşturmak için ne bilmem gerekiyor?

HTML, CSS ve JavaScript, bir web sitesi oluşturmak için temel dillerdir.

Bağlantılarınızı site yapmak için ihtiyacınız olan tek şey bu.

  1. HTML ile yapıyı oluşturun. Öğrenmeniz gereken ilk şey, web sayfaları oluşturmak için standart biçimlendirme dili olan HTML'dir.
  2. HTML öğrenin ❯
  3. CSS ile stil. Bir sonraki adım, güzel renkler, yazı tipleri ve çok daha fazlasıyla web sayfanızın düzenini ayarlamak için CSS öğrenmektir.
  4. CSS öğrenin ❯
  5. JavaScript ile etkileşimli hale getirin. HTML ve CSS okuduktan sonra, kullanıcılarınız için dinamik ve etkileşimli web sayfaları oluşturmak için JavaScript öğrenmelisiniz.
  6. JavaScript öğrenin ❯

nasıl başlarım

Bir bağlantı ağacı web sitesi oluşturmaya başlamanın iki yolu vardır.

Sıfırdan inşa etmek veya bir şablon kullanmak.

W3Schools Spaces ile Oluşturun

Spaces'ta bağlantı ağacı web sitenizi oluşturabilir ve deneyebilirsiniz.

Burada HTML, CSS ve JavaScript ile statik siteler oluşturabilirsiniz.

İhtiyacınız olan her şey tarayıcıda.

Daha fazla bilgi edin ❯

Sıfırdan bir bağlantı ağacı web sayfası oluşturma

Yapmanız gereken ilk şey bir düzen oluşturmak, ardından içerik eklemek.

Bir web sitesi düzeni oluşturmak için, bir web sitesi nasıl oluşturulur başlıklı makalemize gidin: Web Sitesi Nasıl Oluşturulur

Düzeni yaptıktan sonra. Aşağıda listelenen iki ana bölümü oluşturun:

1. Organik bölüm.

Biyo bölümü, bağlantı ağacı web sitenizi ziyaret ederken insanların gördüğü ilk şeydir.

Bağlantı ağacı web sitesinin üstünde görüntülenir.

Kısa ve güzel tut.

Biyo bölümü resminizi, adınızı ve mesleğinizi içerebilir.

İnsanlar adınızı ve nasıl göründüğünüzü bilirlerse sizinle daha rahat iletişim kurarlar.

resim bölümü

2. Bağlantılar bölümü.

Bağlantılar bölümü, paylaşmak istediğiniz tüm bağlantıları içerir.

Biyo bölümünün altında görüntülenir.

Bağlantıların iyi yapılandırıldığından emin olun.

bağlantılar bölümü

Bir şablonla inşa etme

Şablonlarla başlamak, ilham almanın ve öğrenmenin harika bir yoludur.

Bağlantı ağacı şablonları doğrudan Spaces'a yüklenebilir. Birkaç tıklamayla başlayın.

Kodu kopyalayın ve Spaces düzenleyicisine yapıştırın veya TryIt düzenleyicisinden Spaces'a kaydedin.

Başlamak "

* Kredi kartına gerek yok

Şablonu kişiselleştirin

İşte şablonu kendinize ait hale getirmek için dört adımlı bir yaklaşım.


Birinci Adım: Arka planı değiştirin

Kodda background veya background-image özelliğini bulun ve URL'yi değiştirin.

Arka plan görüntüsünün nasıl değiştirileceğini öğrenmek için burayı okuyun: Arka plan görüntüsü nasıl değiştirilir


İkinci Adım: Resminizi ekleyin

<img> etiketini bulun ve resminizin URL'siyle değiştirin.

Bir resmi nasıl değiştireceğinizi öğrenmek için burayı okuyun: Bir resim nasıl değiştirilir


Üçüncü Adım: Biyografinizi yazın

Kodun üst kısmındaki paragraf etiketlerini bulun ve metni <p> ​​ve </p> etiketleri arasında değiştirin.

Paragraflar hakkında daha fazla bilgi edinmek için burayı okuyun: HTML paragrafları hakkında


Dördüncü Adım: Bağlantılarınızı ekleyin

Bağlantı etiketlerini bulun ve <a> ve </a> etiketleri arasındaki metni değiştirin.

Bağlantı etiketleri hakkında daha fazla bilgi edinmek için burayı okuyun: HTML bağlantı etiketleri hakkında


Bir şablona göz atın ve seçin

Kullanmanız için hazır şablonlarımız var. İşte bazı örnekler:

Sosyal Bağlantılar 1

Sosyal Bağlantılar 2

Sosyal bağlantılar 3


W3Schools Alanları

W3Schools Alanları

W3Schools Spaces ile statik web sitenizi oluşturun.

Ücretsiz Başlayın