WTK204U Web Yayinciliği Araçlari Ünite -2

Giriş

Basit HTML editörleri, Web tasarımına yeni başlayanlar için hızlı ve anlaşılır bir geliştirme ortamı sunar. Notepad, Notepad++, CoffeeCup gibi editörler sayesinde kullanıcılar hem kod düzeyinde hem de kısmen görsel arayüzde çalışma imkânına sahip olabilir. Bu editörler, HTML etiketlerini düzenlemek, CSS eklemek ve hatta JavaScript kodlarını yönetmek için temel araçlar sağlar.

Notepad ve Notepad++

Microsoft Windows ile birlikte gelen Notepad, temel bir metin düzenleyicidir ve HTML, CSS gibi dosyaları kaydetmek için kullanılabilir. Ancak Notepad++ ek kod renklendirme, otomatik tamamlama, eklenti desteği gibi pek çok gelişmiş özelliğiyle basit HTML editörleri içinde öne çıkar. Notepad++ kullanarak projeleri daha hızlı ve verimli bir şekilde geliştirmek mümkündür.

CoffeeCup ve HTML-Kit

CoffeeCup ve HTML-Kit, hem kod yazmayı seven hem de görsel önizleme ile kolaylık arayan tasarımcılar için ideal alternatiflerdir. CoffeeCup’un temalar ve şablonlar gibi kullanıma hazır seçenekler sunması, yeni başlayanların web sitesi tasarımına daha hızlı adapte olmasını sağlar. HTML-Kit ise benzer şekilde çeşitli eklentiler ve araç çubuklarıyla kod yazım sürecini kolaylaştırır.

FTP ile Yayınlama

Basit HTML editörlerinde tasarladığınız bir web sayfasını internette yayınlamak için FTP (File Transfer Protocol) yazılımları kullanılır. Notepad++, CoffeeCup ya da HTML-Kit içerisinde entegre FTP araçları bulunabilir veya harici programlarla (Core FTP, FileZilla vb.) web alanına dosya yüklenebilir. Böylece oluşturduğunuz sayfaları canlı ortama aktararak genel erişime açabilirsiniz.

Sonuç

Basit HTML editörleri ile Web yayıncılığı, temel kod düzenleme becerileri edinmek isteyen kullanıcılar için etkili ve hızlı bir başlangıç noktasıdır. Kod renklendirme, otomatik tamamlama ve şablon kullanımı gibi araçlar web projesini oluştururken hem zaman kazandırır hem de hataları azaltır. Bu editörler sayesinde, profesyonel bir editöre geçmeden önce HTML ve CSS gibi yapı taşlarını daha iyi kavramak mümkündür.

1 Notepad++ yazılımı aşağıdaki menülerden hangisi yardımı ile Web tasarım için gerekli daha gelişmiş işlevlere sahip olabilir?

A) Şablonlar
B) Ekle
C) Tasarım
D) Eklentiler
E) Dosya

Cevap : D) Eklentiler

Açıklama : Notepad++ üzerine ek işlevler ve özellikler kazandırmak için “Plugin” (Eklentiler) menüsü kullanılır. Bu menü sayesinde farklı eklentiler yüklenerek, Web tasarım aşamasında kod renklendirme, otomatik tamamlama ve benzeri gelişmiş olanaklara sahip olunur. Diğer menüler (Şablonlar, Ekle, Tasarım, Dosya) temel dosya veya düzenleme işlevleri sunarken, asıl geliştirmeleri “Eklentiler” menüsü sağlar.
Yanıtınız yanlış ise “NotePad++ Web Tasarımı Eklentileri” konusunu yeniden gözden geçiriniz.

2 CofeeCup ve HTML-Kit editörleri ile bir Web sitesi tasarlandıktan sonra hangi komut/internet hizmeti aracılığı ile bir Web alanına yüklenebilir?

A) http
B) ftp
C) html
D) web
E) htm

Cevap : B) ftp

Açıklama : Bir web sitesini sunucuya yüklemek için kullanılan temel protokol “FTP” (File Transfer Protocol) olarak bilinir. http, tarayıcıların web sayfasına erişimi için kullanılırken; html, htm ve web ise dosya formatı veya genel web kavramlarıdır. Dolayısıyla dosya yükleme işlemlerinde ftp protokolü tercih edilir.
Yanıtınız yanlış ise “Birkaç Adım İleri: Notepad++ ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

3 HTML kısaltmasının açılımı aşağıdakilerden hangisidir?

A) Document
B) Hyper Text Design Language
C) Hyper Text Markup Language
D) Web Design Language
E) Web Server

Cevap : C) Hyper Text Markup Language

Açıklama : HTML (Hyper Text Markup Language), web sayfalarını oluşturmak için kullanılan işaretleme dilidir. “Hyper Text Design Language” veya “Web Design Language” gibi ifadeler doğru açılımı yansıtmaz.
Yanıtınız yanlış ise “CoffeeCup ile Web Tasarım” konusunu yeniden gözden geçiriniz.

4 I. Notepad
II. Notepad++
III. CoffeeCup
IV. HTMLKit

Yukarıdaki HTML editörlerden hangisi/hangileri Windows işletim sistemi ile birlikte kurulum sırasında yüklenen Web tasarım araçları arasında yer alır?

A) Yalnız I
B) I ve II
C) I ve III
D) I, II ve III
E) I, II, III ve IV

Cevap : A) Yalnız I

Açıklama : Windows işletim sistemi ile öntanımlı olarak gelen metin düzenleyici Notepad’dir. Notepad++ ve diğer editörler (CoffeeCup, HTML-Kit) haricen yüklenir. Dolayısıyla sadece I (Notepad) öntanımlı olarak sistemde bulunur.
Yanıtınız yanlış ise “Notepad ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

5 HTML etiketleri hangi karakterler arasına yazılmaktadır?

A) # #
B) { }
C) < >
D) “ “
E) % %

Cevap : C) < >

Açıklama : HTML’de tüm etiketler “<” ve “>” sembolleri arasında yer alır. Örneğin <html> ve </html> ifadesi gibi. Diğer karakter setleri (# #, { }, “ ”, % %) HTML etiketleri için kullanılmaz.
Yanıtınız yanlış ise “Notepad, Notepad++ ve CofeeCup” konusunu yeniden gözden geçiriniz.

6 Bir Web sayfası aşağıdaki HTML etiketlerinden hangisi ile başlar ve biter?

A) <html> </html>
B) <body> </body>
C) <head> </head>
D) <title> </title>
E) <p> </p>

Cevap : A) <html> </html>

Açıklama : Her HTML dokümanı <html> ile başlar ve </html> etiketiyle biter. <body> ve </body> ile içerik kısmı belirtilir. <head>, <title> gibi etiketler de var ancak asıl sayfa kapsamını belirten etiket <html>’dür.
Yanıtınız yanlış ise “Giriş” konusunu yeniden gözden geçiriniz.

7 I. Notepad++
II. CoffeeCup
III. HTMLKit

Yukarıdaki HTML editörlerinden hangisi/hangileri görsel tasarım editörleri arasında yer alır?

A) Yalnız I
B) I ve II
C) I ve III
D) II ve III
E) I, II ve III

Cevap : D) II ve III

Açıklama : CoffeeCup ve HTML-Kit görsel araç çubuklarını barındırarak kısmen WYSIWYG (What You See Is What You Get) yaklaşımına yakın düzenlemeler yapmaya imkân tanır. Notepad++ ise daha çok metin ve kod odaklı çalışan bir editördür.
Yanıtınız yanlış ise “Notepad ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

8 Basit HTML editörleri ile ilgili aşağıdaki ifadelerden hangisi yanlıştır?

A) Notepad, temel olarak bir kelime işlemci yazılımıdır.
B) CofeeCup editörü, tasarımcının HTML etiketlerini doğrudan yazarak Web sitesi oluşturmasına olanak verir.
C) Notepad++, kodlama amaçlı birçok özelliğe sahip bir kelime işlem yazılımıdır.
D) HTML-Kit ve CofeeCup Web tasarım editörleri görsel arayuz olarak birbirine oldukça benzer bir yapıdadır.
E) HTML-Kit editörü ile yeni başlayan Web tasarımcılar kolaylıkla Web siteleri oluşturabilir.

Cevap : B) CofeeCup editörü, tasarımcının HTML etiketlerini doğrudan yazarak Web sitesi oluşturmasına olanak verir

Açıklama : Soruda yanlış ifade (yanıltıcı) B şıkkında verilmiştir. CoffeeCup, evet HTML etiketlerini doğrudan yazmaya elverişli ama aynı zamanda temel görsel düzenleme araçları da sunar. Dolayısıyla “yalnızca etiketleri doğrudan yazarak” bir yaklaşım kısıtlı kalır. Asıl yanlışlık, B şıkkının bu editörün sadece kod tabanlı kullanımına vurgu yapmasıdır. CoffeeCup kısmen görsel tasarım editörüdür (WYSIWYG desteği vardır).
Yanıtınız yanlış ise “CofeeCup ile Web Sitesini İnternette Yayımlamak ve HTML-Kit ile Web Sitesini İnternette Yayımlamak” konusunu yeniden gözden geçiriniz.

9 I. Notepad++
II. CoffeeCup
III. Notepad

Aşağıdaki HTML editörlerinden hangisi/hangilerinde hazır tasarım şablonları (Theme) bulunur?

A) Yalnız I
B) Yalniz II
C) I ve III
D) II ve III
E) I, II ve III

Cevap : B) Yalniz II

Açıklama : CoffeeCup, editör içerisinde hazır tema ve şablon seçenekleri sunar. Notepad ve Notepad++ ise daha çok metin temelli editörler olduğundan, “hazır tasarım şablonları” gibi bir özelliğe sahip değillerdir.
Yanıtınız yanlış ise “CofeeCup Menülerini ve Araç Çubuklarını Kullanmak” konusunu yeniden gözden geçiriniz.

10 Aşağıda CoffeeCup Web tasarım editörüne ait bir ekran görüntüsü paylaşılmıştır. Resimde ‘2’ ile gösterilen araç çubuğu aşağıdakilerden hangisidir?

A) Menü çubuğu
B) [Search] araç çubuğu
C) [Main Toolbar] araç çubuğu
D) [Document] araç çubuğu
E) [HTML] etiketleri araç çubuğu

Cevap : C) [Main Toolbar] araç çubuğu

Açıklama : CoffeeCup ekranında “2” ile gösterilen ana araç çubuğu, yaygın olarak “Main Toolbar” olarak adlandırılır. Menü çubuğu (Menü) üst kısımda metinsel menüleri içerirken, “Search” veya “Document” benzeri araç çubukları daha farklı konumlanır. HTML etiketleri araç çubuğu da ayrıca bulunur ancak ana araç çubuğu “Main Toolbar”dır.
Yanıtınız yanlış ise “Notepad ile Web Tasarımı” konusunu yeniden gözden geçiriniz.