Hepimiz er ya da geç mektup yazmayı öğreniriz. Mektup yazmak metin biçimlendirme becerilerinizi test etmek için de yararlı bir örnektir. Bu değerlendirmede, biçimlendirmeniz için size bir mektup veriyoruz.
Başlangıç noktası
Başlamak için işaretlemeniz gereken ham metni ve HTML’yi biçimlendirmek için kullanacağınız CSS dosyasını indirin. Metin düzenleyicinizi kullanarak yeni bir dosya oluşturun veya aşağıdaki gibi çevrimiçi bir araç kullanın: codepan, jsFiddle, veya glitch.
Proje tanıtımı
Bu proje için göreviniz, bir üniversite intranetinde barındırılması gereken bir mektubu düzenlemek. Mektup, bir araştırma görevlisinin, üniversiteye başvurularıyla ilgili olarak aday doktora öğrencisine verdiği bir yanıtı içeriyor.
Blok/yapısal anlambilim
- Uygun belge yapısını (doctype dahil) ve
<html>,<head>ve<body>elemanlarını kullanın. - Genel olarak, mektup, aşağıdaki istisna dışında, başlıklar ve paragraflardan oluşacak şekilde düzenlenmeli. Bir üst düzey başlık (“Re:” satırı) ve üç adet ikinci seviye başlık bulunuyor.
- Dönem başlangıç tarihlerini ve çalışma konularını işaretlemek için uygun bir liste türü kullanın.
- İki adresi de
<address>öğelerin içine koyun. Adresin her satırı yeni bir satıra oturmalı, ancak yeni bir paragrafta olmamalıdır.
Satır içi anlambilim
- Göndericinin ve alıcının adları (ve Tel ve E-posta ) kalın olarak etiketlenmelidir.
- Belgedeki dört tarih, makine tarafından okunabilir tarihleri içeren uygun öğelere sahip olmalıdır.
- Mektuptaki ilk adres ve ilk tarih, gönderen değerinde bir
classözniteliğe sahip olmalıdır. Daha sonra ekleyeceğiniz CSS, klasik harf düzeninde olması gerektiği gibi bunların sağa hizalanmasına neden olacaktır. - Mektubun ana metninde aşağıdaki beş kısaltmayı işaretleyin – “PhD”, “HTML”, “CSS”, “BC” ve “Esq.” – her birinin açılımlarını sağlayın.
- Altı alan/üst alan, kimyasal formüller ve 103 ve 104 sayıları (sırasıyla 10 üzeri 3 ve 4’ün kuvveti olmalıdır) uygun şekilde işaretlenmelidir.
- Metinde en az iki uygun kelimeyi güçlü bir önem/vurgu ile işaretlemeye çalışın.
- Mektubun bir bağlantı içermesi gereken iki yeri var. Başlıklara uygun bağlantılar ekleyin. Bağlantıların gösterdiği konum için URL olarak https://koddla.com kullanabilirsiniz.
- Üniversite sloganı alıntısını ve referansını uygun unsurlarla etiketleyin.
Belgenin başı
- Belgenin karakter seti, uygun meta etiketi kullanılarak utf-8 olarak ayarlanmalıdır.
- Mektubun yazarı uygun bir meta etiketiyle belirtilmelidir.
- Sağlanan CSS, uygun bir etiketin içine dahil edilmelidir.
İpuçları ve püf noktaları
- HTML’nizi doğrulamak için W3C HTML doğrulayıcı servisini kullanın. Doğrulanırsa kendinize bonus puanlar verin.
- Bu ödevi yapmak için herhangi bir CSS bilmenize gerek yok. Sağlanan CSS’yi bir HTML öğesinin içine koymanız yeterli.
Örnek
Aşağıdaki ekran görüntüsü, mektkubun düzenlendikten sonra nasıl görünebileceğinin bir örneğini gösteriyor.
