Web tasarım öğeleri· Время на чтение: 7min · tarafından · Yayınlanan · Güncellenmiş
Web tasarım öğeleri - bunlar nedir? Ana sayfa kendi başına var olan, çeşitli bilgileri saklayabilen ve aynı zamanda web sitesinin başlangıç ve bitiş noktası olarak hizmet veren özel bir web sayfasıdır. Bugün size kendinizi alıştırmanız ve okumanız için web tasarımın unsurlarından bahsedeceğim.
Web tasarımının kendisi, pek iyi bilmediğiniz pek çok temel bilgiyi kapsar, özellikle bazı daha yaygın terimler, birçok kişinin kafası karışacaktır, bu yüzden size bu makalede her şeyi açıklayacağım.
Makalenin içeriği:
- Web tasarımının temel unsurları
- Baş elemanı ne içerir?
- Web sayfası bileşenleri
- Web sayfalarının temel öğeleri - web sayfaları neler içerir?
- Web sayfası geliştirirken öncelikle nelere dikkat edilmelidir?
Web tasarımının temel unsurları
1. Web sitesi
Web sayfası tasarımı sürecinde, tüm web sitesi, bir web sayfası veya birkaç web sayfası içeren bazı web sunucularının eksiksiz bilgilerinin bir koleksiyonunu saklar ve bu web sayfalarının kendileri belirli bir bağlantı biçiminde bulunur, kullanılabilirler. Nispeten eksiksiz bilgileri açıklamak veya beklenen belirli bir ün elde etmek için genel olarak, bazı web siteleri çok fazla içerik içerir ve bazı web sitelerinin kişisel web siteleri gibi yalnızca birkaç sayfası olabilir.
2. Web sayfası
Web tasarımı aslında bir dosyadır, web sayfalarında farklı metinler, resimler ve sesler bulunur, bu nedenle web sayfaları ayrı bir varlık olarak düşünülebilir ki bu çok önemli bir unsurdur. Bu web sitelerini ziyaret etmek istediğimizde, en doğrudan ziyaret sayfanın tamamıdır.
3. Ev
Ana sayfa kendi başına var olan, çeşitli bilgileri saklayabilen ve aynı zamanda web sitesinin başlangıç ve bitiş noktası olarak hizmet veren özel bir web sayfasıdır. Bir kullanıcı bir web sitesi adresini girdiğinde, genellikle göz atması ve bilgi araması kolay olan ilk sayfa görünür.
Bir web sitesi bilgi dizini barındırırken, web sitesi ana sayfası, ana sayfanın tamamı için ayarlanan ana sayfa değildir ve bazı web siteleri, ana sayfaya animasyon veya ana sayfaya bağlantı verebilir ve ziyaretçiler, girmek için bağlantıya tıklayabilir. onun içine İyi bir tasarım olduğunu söyleyebiliriz.
Baş elemanı ne içerir?
Head elemanı, kök eleman etiketinin içine ve gövde elemanından önce yazılmalıdır. Başlık öğesi, belge hakkında bazı temel bilgiler, çeşitli ilgili dosyalar ve tüm belgeyi tanımlayan bazı kod veya seçenekler sağlar. Başlık öğelerinde bulunan kod genellikle doğrudan bir web sayfasında görüntülenmez. Başlık öğesi aşağıdakileri içerir:
- Referans URL Bilgileri. Başlık öğesinde, bu web sayfasının URL'si ile ilgili URL'nin nasıl açıldığı vb. tüm bilgileri tanımlayabilirsiniz.
- Kaynaklar hakkında referans bilgileri. Head öğesinde, diğer dosyaları (CSS, Java vb.) bağlayabilir ve dosyanın içeriğini bu web sayfasına uygulayabilirsiniz. Bu kaynaklara erişirken, bu dosyaların türleri harici olarak bildirilmelidir.
- Belgeler için gizli etiketler. Başlık öğesine bazı anahtar sözcükler eklenebilir. Bu anahtar kelimeler web sayfasında görünmez ancak arama motorlarında bulunabilir. Çok fazla anahtar kelime olmamasına dikkat edilmelidir. Çok sayıda anahtar kelime, sayfa yükleme hızını yavaşlatabilir.
- Senaryo Kodu. Komut dosyası kodu (Java vb.) doğrudan head öğesine yazılabilir ve sorunsuz çalışır.
- Stil sayfası kodu. CSS kodu doğrudan head öğesinin üzerine de yazılabilir. Başlık öğesindeki CSS kodu, harici CSS dosyasındaki kodla tamamen aynı şekilde çalışır.
- Web sayfası başlık bilgisi. Web sayfası, başlık öğesinde web sayfasının başlığını tanımlayabilir ve web sayfasının içeriği başlık tarafından tanımlanabilir. Bir web sayfası başlığı belirtmezseniz, tarayıcı otomatik olarak web sayfasının URL'sini başlık olarak kullanır.
Web sayfası tasarım bileşenleri
Bir web sayfası çeşitli öğelerden oluşur. Metin ve resimler, web sayfalarının ana öğeleri ve bir web sayfasının ana bilgi taşıyıcılarıdır. Editör, web sayfalarında çok önemli bir rol oynadıklarını düşünür ve geri kalan öğeler (hiperlinkler vb.) Bu iki temel öğeye dayanır.
- Metin: Metin ağ üzerinden daha hızlıdır ve web sayfalarının ana bilgi taşıyıcısıdır, kullanıcılar metin bilgilerini kolayca görüntüleyebilir ve indirebilir. Web sayfalarında farklı stillere sahip pek çok metin stili vardır ve çekici web sayfalarının genellikle güzel metin stilleri vardır. Metin stili, web sayfasındaki metin özellikleri ayarlanarak değiştirilebilir.
- resim: Metinle karşılaştırıldığında, görüntü daha parlak ve daha sezgiseldir ve web sitesi logosu, web sayfası arka planı vb. gibi metnin aktaramadığı bazı bilgileri iletebilir. Bunlar genellikle görüntülerdir.
- masalar: Tablolar, bir web sayfasındaki bir veya daha fazla hücre satırıdır ve genellikle web sayfalarının düzenini düzenlemek veya bir web sayfasının öğelerini düzenlemek için kullanılır. Kullanıcılar, metin, resimler, formlar, düğmeler ve daha fazlası dahil olmak üzere herhangi bir web sayfası öğesini bir tablo hücresine yerleştirebilir. Yukarıdaki unsurlara ek olarak şekiller, animasyonlar, sesler, köprüler vb. de bir web sayfasını oluşturan unsurlardır.
Web sayfalarının temel öğeleri - web sayfaları neler içerir?
Bir web sayfasını oluşturan ana unsurlar temel olarak şunlardır: metin ve resimler, köprüler, animasyonlar, formlar, ses ve video. Bunlardan metin ve görseller web sayfalarının iki ana unsurudur ve günümüzde tüm web sayfalarında bulunmaktadır.
1. Bir web sayfasının temel öğeleri
- Metin ve resimler. Bunlar web sayfalarının iki ana tasarım öğesidir ve günümüzde tüm web sayfalarında mevcuttur.
- köprüler. Web sayfalarındaki bağlantılar iki türe ayrılabilir: metin bağlantıları ve resim bağlantıları. Ziyaretçi link bulunan yazıya veya görsele tıkladığı sürece ilgili diğer dosyalara otomatik olarak link verebilir ve böylece web linki bir bütün olarak entegre edilebilir. Köprüler ayrıca tüm web'in omurgasıdır.
- Animasyon. Web sayfalarındaki animasyonlar da GIF animasyonları ve Flash animasyonları olarak ayrılabilir. Dinamik içerik her zaman insanların dikkatini statik içerikten daha fazla çeker, bu nedenle harika bir animasyon bir web sayfasını zenginleştirebilir.
- Formlar. Ziyaretçiler ve sunucular arasında bilgi alışverişi yapabilen bir teknolojidir. Formların kullanımı, arama, oturum açma ve e-posta gönderme gibi etkileşimli işlevleri gerçekleştirebilir.
- Ses ve video. Tasarımcılar, web sitesini tasarım açısından daha kişisel, çekici ve modaya uygun hale getirmek için web sayfasına video, arka plan müziği vb.
2. Basit bir web sayfası neleri içerir?
Eksiksiz bir HTML belgesi üç bölümden oluşmalıdır: "html" öğesi tarafından tanımlanan belge sürümü bilgisi, "head" öğesi tarafından tanımlanan belgenin başlığı ve "body" öğesi tarafından tanımlanan belgenin gövdesi. .
"head", belgenin en üstünde çeşitli bildirim bilgilerini içeren bir öğe olarak görünür ve "body" den önce gelir. Ve "body", belgenin gövdesini görüntülemek için kullanılır.
3. Web sitesi sınıflandırması ve tanıtımı
- Portal. Portal web sitesi içerik açısından zengindir ve ana sayfa hizmetleri, hisse senedi fiyatları, e-posta, hava durumu tahmini, anlık haberler, çevrimiçi forumlar, çevrimiçi merkezler, çevrimiçi oyunlar vb. Gibi çeşitli hizmetler sunar. Ayrıca, web sitesi portalları genellikle bir arama motoru sağlar.
- Bilgi ve danışmanlık hizmetinin web sitesi. Bilgi ve danışmanlık hizmeti web sitesinin işlevleri, temel olarak bilgi yayınlama, bilgi alma, çevrimiçi danışma ve kaynak hizmetlerini içerir. Sağlanan kaynaklar tipik olarak yazılım, kitaplar, resimler, teknik materyaller, müzik, filmler ve televizyonu içerir. Bu sitelerde genellikle BBS, sanal topluluklar vb.
- Uzaktan etkileşimli site. Uzaktan etkileşimli web sitesi, uzaktan eğitim ve tıbbi teşhis gibi etkileşimli uygulama hizmetleri sunar.
- eğlenceli oyun sitesi. Bir eğlence oyunları web sitesi, çeşitli eğlence ve oyun hizmetleri sağlama konusunda uzmanlaşmıştır.
Web sayfası tasarlarken öncelikle nelere dikkat edilmelidir?
Sayfaları tasarlarken, sayfa tasarımcıları yalnızca geçerli sayfanın algısal etkisini değil, aynı zamanda sayfanın harici arayüzünün algısal etkisini de hesaba katmalıdır. Bir web sayfası tasarlarken dikkat edilmesi gereken ilk şeye bir göz atalım.
1. Boyut:
Birincisi, web sitesinin boyutudur. Web tasarım boyutuna aşina olmalısınız. Boyut, çözünürlüğün tasarım ilkesidir. Her bilgisayarın boyutu farklı olduğu için çözünürlüğü de farklıdır. Örneğin mevcut bilgisayar ekran boyutu 980, 1038, 1280 Bekleyin, ardından sitenin ana içeriğinin planlaması önceden yapılmalıdır.
2. Renk:
Bir web sitesi renginin genellikle üç renk sistemi vardır: bir ana renk, bir ikincil renk ve üç kombinasyon.Bir web sayfası oluşturmadan önce, öncelikle web sitesinin rengini belirlemeli ve renk kombinasyonunu kurmalısınız.
3 bölüm:
Web sayfasındaki yardımcı bölümler öncelikle sizin tarafınızdan hazırlanmalıdır, örneğin: kullanıldığında doğrudan PS olabilen düğmeler, simgeler ve diğer diziler.Bunlar önceden ayarlanmazlarsa, web sitesinin tutarsız olmasına neden olur.
4. Teknoloji:
Tasarımcıların teknik yetenekleri yoktur, her şey kağıt üzerindedir, ancak bir web tasarımcısı olarak sadece PS, flash ve diğer yazılımları bilmekle kalmaz, bu aynı zamanda öğrenmeniz gereken becerilerden biridir. Bazı web sayfası oluşturma ilkelerini ve bazı basit kodları öğrenin.
5. İndüksiyon:
Sayfaları oluştururken, sayfa tasarımcılarının yalnızca geçerli sayfanın algısal etkisini değil, aynı zamanda sayfanın ön ucunun algısal etkisini de göz önünde bulundurması gerekir, böylece ön uç tasarımcılar bir fare dokunuşunun algısal etkisinin ne olduğunu bilebilir. Ayrıca sitedeki aynı tipteki sensörlerin birleştirilmesi gerekir.
6. Yazı Tipleri:
Düzen tasarımı çok önemlidir ve aynı zamanda yaratıcılığın önemli bir ifadesidir. Hangi sayfalara hangi içerikler yerleştirilmiştir ve sayfanın görsel etkisi nedir? Genellikle sayfanın içeriği tasarımcının kendisi tarafından müzakere edilir.
Bu makaleyi okumak:
- Web arayüzü tasarımı nedir - ayrıntılı bir tanım
- Web Tasarım Hataları Kullanıcı Etkileşimine Zarar Veriyor
Okuduğunuz için teşekkürler: SEO YARDIMI | NICOLA.ÜST