Reklamcılık
Bir süredir web üzerinde çalışıyorum ve aslında her belgeyi DOC veya TXT yerine HTML formatında yazmayı daha kolay buldum. Google Dokümanlar kullanıyorsanız, Google Dokümanlar (neyse ki) esasen bir WYSIWYG HTML düzenleyicisi haline geldiğinden, aslında aynısını yapıyorsunuz. HTML ve CSS kullanarak bazı belge şablonları oluşturmak çok kolaydır, herkes tarafından yapılabilir ve doğru yaparsanız herkese aynı görünecektir.
HTML'yi neden kullanmalı?
Tamamen HTML ve CSS belgeleri seçmemin en büyük nedeni, muhtemelen en uyumlu format olmasıdır. yapması çok zor ve/veya pahalı olan PDF formatı dışında tarayıcılar ve işletim sistemleri arasında kuyu. Microsoft Office kullanmak da en iyisi değil. Önceki sürümler tarafından desteklenmeyen birçok ek özellik kullanan Office 2007 kullanıyorum, bu nedenle kalite düşebilir. Örneğin, bu belgelerin Open Office'te nasıl görüneceğini kim bilebilir? Oluşturduğunuz Internet Explorer ve Firefox'ta tamamen aynı görünen bir HTML belgesi oluşturursanız Mac, Linux ve Windows kullanıcıları tarafından açılabilen ve %99'unda aynı görünecek bir belge tarayıcılar.
CSS ve HTML nedir?
Tüm bu HTML ve CSS kodlama işinde yeniyseniz, paniğe kapılmayın. Çok kolaydır ve size yardımcı olacak birçok kaynak bulabilirsiniz. HTML ve CSS kodu, burada bu sayfada gördüğünüz şeylerin çoğunu oluşturan şeydir, HTML içeriği yönetir, CSS ise stili veya içeriğin nasıl sunulduğunu yönetir.
Nasıl şablon oluşturabilirim?
Pekala, biraz kod çalışman gerekecek. Neyse ki, HTML ve CSS'yi anlamak çok kolaydır. Örneğin bir nesneye kenarlık vermek için şunu yazmanız yeterlidir:
sınır: 1px siyah katı
. Bu, 1 piksel genişliğinde siyah düz bir kenarlık oluşturacaktır. Arayıp kullanabileceğiniz birçok biçimlendirme seçeneği var, önerim ne istediğinizi görselleştirmek ve ardından nasıl yapılacağını bulmak için biraz arama yapmak. En temel şablon boş bir HTML dosyası olacaktır, aşağıya bir göz atın.
Sayfanızın içeriği buraya gelir.
Ardından, belgenizi oluşturmak için tüm bunları içerik ve stille doldurabilirsiniz. Şuna baksana örnek 1, örnek 2 ve örnek 3 Ben yaptım. Unutmayın ki gövdedeki kod, içerik tamamen aynı, ben sadece css kodunu değiştiriyorum. Bu, hızlı bir şekilde farklı görünümler oluşturmak için stili kullanabileceğinizi gösterir.
Bu neden bu kadar harika?
Bunun bu kadar harika olmasının nedeni, kendiniz için belgelerinizin bir tür "ticari markası" haline gelebilecek özel stiller oluşturabilmenizdir. CSS kodunu kesip yapıştırabilir ve sonlandırdıktan sonra içeriği düşünebilirsiniz. Ayrıca, stil sayfasında bağlantı oluşturabilirsiniz, böylece dokümanları çevrimiçi olarak saklarsanız CSS'yi dosyanın kendisine dahil etmeniz gerekmez. Bu, farklı durumlar için farklı stil sayfalarını bağlayabileceğiniz ve belgeyi her zaman değiştirmeniz gerekmediği anlamına gelir.
CSS ayrıca stil açısından belgelerin daha hızlı düzenlenmesini sağlar. Belgelerimin iyi görünmesini tercih ediyorum çünkü bu şekilde kendimi daha iyi hissediyorum ve CSS ile biçimlendirme süreci çok daha az yük oluyor. Bir başlık stili belirlediğinizde, o türdeki tüm başlıklara uygulanacaktır. Bu, bir başlığın arka plan rengini, yazı tipi rengini, kalınlığını ve alt çizgisini tek tek değiştirmeniz gerekmediği anlamına gelir, yalnızca bir kez belirtmeniz yeterlidir.
Ayrıca, Google Dokümanlar artık tam CSS desteğine sahip olduğundan, stil kodunuzu kopyalayıp Dokümanlar'a yapıştırabilir ve her başlığı tek tek biçimlendirmek zorunda kalmadan belgelerinizin görünümünü değiştirin zaman.
Daha fazlasını nereden öğrenebilirim?
Dediğim gibi, CSS basit bir araçtır, ancak yine de bazı temel bilgiler gerektirir. HTML de benzer şekilde mantıklı ve öğrenmesi kolay, tavsiye ederim W3Cokulları ikisi için. Bugün bildiklerimin çoğunu orada öğrendim, temel ihtiyaçlar için internetteki en iyi sitelerden biri. W3C ayrıca web standartlarını da geliştirir, böylece sayfalarında ne yazıyorlarsa işe yaradığından emin olabilirsiniz.
Eskiden çok şey öğrendiğim başka bir sayfa HTML Kaynağınız. Bu sayfa HTML ve CSS'nin yanı sıra kodlama, tanıtım, erişilebilirlik ve genel olarak iyi bir web sitesi oluşturma hakkında bazı gelişmiş ipuçları içerir. Yine de harika bir CSS yardımı var, kesinlikle görülmeye değer.
Sonunda, bu harika derleme gibi bazı ilgili bloglara ve makalelere göz atabilirsiniz. temel CSS teknikleri ve 53 teknik olmadan yaşayamazsınız.