1.18. Bir Web Sitesinin Bile�enleri Konu :(W6)Bir Web sitesi yapmakla yemek yapmak aras�nda bi�imde farkl�l�klar olsa bile �zde hi� bir fark yoktur. Her ikisinde de malzemeler belirli �ekillerde bir araya getirilir ve b�t�n olu�turulur.
Malzemeler
Yap�m�
Domates �orbas�
3-4 su barda�� su ya da et suyu
3 �orba ka���� domates sal�as�
2 �orba ka���� margarin ya da 3 �orba ka���� s�v� ya�
2 �orba ka���� un
1 �ay barda�� s�t (varsa)
Tuz
Ya�, bir tencereye koyulup bir iki dakika kavrulur. Domates sal�as�, varsa s�t kat�l�p bir dakika kar��t�r�l�r. Su veya et suyu kar��t�r�larak ilave edilir. Tuzu at�l�p kar��t�r�larak un kokusu gidinceye kadar be�-on dakika pi�irilir. �stenilen koyulukta de�ilse, su ilave edilebilir. K�zarm�� ekmek garnit�r� veya �ok az sert beyaz peynir ya da ka�ar peyniri rendesi serpilerek servis yap�l�r.
Web Sayfam
GIF ve JPEG format�ndaki resim
Bi�imlendirilmi� ve bi�imlendirilmemi� metinler
Script�ler
Animasyonlar
Metinler ve resimler di�er ��elerle birlikte yan yana getirilir ve �nternet�te bir sunucu (server) �zerinden sunulur
1.19. Metin
Her ne kadar bu g�nlerde Web�deki sayfalar� g�r�lt�, �a�al� grafikler ve g�z al�c� resimlerden olu�sa da bir Web sayfas�n� esas olarak ba�ar�l� yapan �ey i�eriktir. ��erik ise do�rudan metin demektir.
Web sayfalar� i�in metin yazmakla normal metin yazmak aras�nda her hangi bir fark yoktur. Bir�ok gazetenin Web sayfas�n�n i�eri�i gazetede ��kan yaz�n�n ayn�s�d�r. Yani sonu�ta demek istedi�im d�zg�n yaz�n. �lgi �ekici ve d�zg�n bir metnin nas�l yaz�laca�� do�al olarak bu kitab�n de�il edebiyat�n konusudur. Sadece bir ka� �neride bulunaca��m;
Ger�ekten can-� g�n�lden ilgilendi�iniz konularda yaz�n:
Sizin ilgilenmedi�iniz bir konu hakk�nda yazd���n�z yaz� b�y�k bir ihtimalle okuyucular�n�z� da s�kacakt�r (e�er hayat�n� yazarak kazanan bir yazar de�ilseniz tabi).
�stek ve �evkle yaz�n:
E�er Formula 1 yar��lar� i�in deli oluyorsan�z ve hi� bir yar��� ka��rm�yorsan�z bu konuda yazacak �ok �eyiniz var demektir. Bir konuyla ne kadar �ok ilgiliyseniz, o konu hakk�nda o kadar �ok ilgi �ekici yaz� yazma ihtimaliniz vard�r. Formula 1 konusu ile ilgilenen bir ki�inin bonzai �i�ek yeti�tirmesiyle ilgili bir yaz�s� do�al olarak kuru ve ilgi �ekici olmaktan uzak olacakt�r.
Kendiniz olun: Yazd���n�z ne olursa olsun her zaman kendiniz olarak yaz�n. Bir ki�isel Web sayfas�n�n i�eri�i de zaten bu �ekilde olmal�d�r. G�nl�k konu�ma dilini bile kullanabilirsiniz, tabi argoya ka�madan.
Gramer ve yaz�m hatalar�na kar�� dikkatli olun:
Bir metni ekran �zerinden okumak zaten olduk�a zahmetli bir i�tir. Bir de bozuk gramer ve imla hatalar�yla y�kl� bir metni okumak okuyucunuzu s�kacakt�r ve Web sitenizden ka�mas�na yol a�acakt�r. �ngilizce metinler i�in haz�rlanm�� bir�ok gramer ve imla k�lavuzu vard�r fakat T�rk�e metinler i�in �ok fazla se�ene�iniz yok. Microsoft Word program�n�n T�rk�e s�r�m�nde gramer ve imla k�lavuzu bulunmaktad�r. Office 2000/2010 program� yaz�m hatalar�n� d�zeltmektedir. Zorland���n�z durumlarda babadan kalma imla k�lavuzunu kullanabilirsiniz. Tamam� b�y�k harfle olacak �ekilde yazmay�n ��nk� hem okunmas� zor olur hem de b�y�k harflerle yazmak sanal alemde BA�IRMAK olarak alg�lan�r.
�ok fazla metin bi�imlendirme �zelli�i (font, b�y�kl�k vs.) kullanmamaya �zen g�sterin: �ok fazla font okunmay� g��le�tirir sadece. Belirli metin ve ba�l�klar i�in belirli font ve b�y�kl�k kullan�n. Bu kulland���n�z �zelli�i t�m sitenize uygulay�n.
D�zg�n yaz�n, k�sa yaz�n, ak�c� yaz�n:
D�zg�n yazmak demek anla��labilir c�mleler kurmak demektir. G�zel T�rk�e�mizi katletmemeye �zen g�sterin. �ok uzun ve a�dal� c�mleler yerine k�sa ve �z c�mleler kurun. Ekrandan okumak yeterince g��t�r, bir de uzun c�mleler kurup daha da g��le�tirmeyin. Ak�c� yaz�n ki okunabilesiniz.
1.20. Resim ve GrafiklerBir�ok resim format� olmas�na ra�men Web sayfalar�nda genel olarak �� t�r resim format� kullan�l�r: GIF, JPEG ve PNG.
GIF: GIF t�r� resimler 256 kadar rengi tan�mlayabilece�iniz resim dosyalar�d�r. Elinizde 256 tane boya olan bir palet ile resim yapt���n�z� d���n�n. Daha fazla say�da renk tan�mlamak i�in ister
istemez JPEG resim format�na ba�vurman�z gerekir. GIF format�ndaki resimler; d��meler, oklar ya da i�aretler gibi fotografik olmayan ��elerde kullan�l�r. GIF resim format�n�n JPEG format�ndan daha ufak yer tuttu�unu s�ylememe gerek yok san�r�m. GIF resminin bir ba�ka �zelli�i ise, resimde yer alan renklerden birini transparan (yani �effaf) hale getirebilirsiniz, yani herhangi bir fonda bu renkler g�r�nmeyeceklerdir. B�ylece sayfalar�n�zda �� boyutlu bir etki yaratmak m�mk�nd�r.
JPEG: JPEG resim format� foto�raflar i�in idealdir ��nk� bunlar 16 milyona yak�n renge sahip bir renk paletine sahiptir. JPEG format� do�al olarak daha �ok yer kaplar. Yani bir resmi JPEG olarak kaydederseniz GIF resmine g�re daha b�y�k bir dosya olacakt�r, bu ise resmin y�klenmesinin gecikmesi demektir. Bir Web sayfas�na bakt���n�zda o sayfan�n bulundu�u sunucu size html dosyalar�n�n yan� s�ra resimleri ve grafikleri de g�nderir. E�er sayfan�zda �ok b�y�k resimler varsa bu g�nderme i�lemi yani sayfan�n y�klenmesi olduk�a vakit alacakt�r. �nternet kullan�c�s� �ok ��mar�k ve sab�rs�zd�r. 10 saniyeden fazla beklemez. O halde kullan�c�y� bekletmeyin.
��erik a��s�ndan �ok kaliteli olan fakat y�klenmesi saatler s�rd��� i�in �ok az ki�i taraf�ndan bak�lan pek �ok sayfa g�rd�m. Pamuk Prenses gibi g�r�lmeyen bir g�zel olmak yerine taliplileri olan bir mahalle k�z� olmak daha iyidir. Resmin kalitesi ve y�kleme h�z� aras�nda bir optimizasyona gitmeniz gerekir. Basit olarak resim boyutunun 40 KB�� ge�meyecek �ekilde haz�rlay�n ya da tarat�n. Sayfa boyutu da 150 KB�� ge�mesin fakat bu kesin bir kural de�ildir.
Her �ey iyi ho� da Web sayfam�za koymak i�in resimleri nereden bulaca��z?
Taray�n!Google g�rsellerde aray�n.Telif haklar�na dikkate edin.
Kendinizin, ailenizin ya da kedinizin resmini bir taray�c�da (scanner) tarat�p bu dosyay� JPEG format�nda kaydedebilirsiniz. Bir taray�c�n�z yoksa her yerde p�t�rak gibi a�an �nternet kafelerden birine gidin ve resminizi tarat�p bir diske kaydettirin (kedim.jpg) ya da taray�c�s� olan bir arkada��n�za rica edin. Bu i� i�in bir taray�c� almaya kalkmay�n (en ucuzu 100 dolar) Bir scanner�da tarad���n�z metnin ��z�n�rl���n�n (resolution) �ok olmamas�na dikkat edin.
��z�n�rl�k nedir?
Bir resim bilgisayarda bir mozaik gibi piksel dedi�imiz noktalarla olu�turulur. Birim alana d��en piksel say�s� artt�k�a resim daha kaliteli g�r�necektir ve boyutu da fazlala�acakt�r. Bunun �l��t� dpi birimidir (dots per inch: in� ba��na d��en nokta say�s�). Kalite ve resim boyutu aras�nda bir optimizasyon yapman�z gerekir aksi takdirde sayfalar�n�z�n y�klenmesi �ok ama �ok vakit al�r.
�ekil 1.13
Ayn� resmin de�i�ik ��z�n�rl�klerdeki dosyal boylar�.
a
b
c
D���k ��z�n�rl�k 5.6 KB (72 dpi)
Orta ��z�n�rl�k 8.35 KB (150 dpi)
Y�ksek ��z�n�rl�k 25.4 KB (300 dpi)
Resminizin b�y�kl���n�n 40 KB�� ge�memesine �zen g�sterin, yine de bunun bir kural ya da zorunluluk de�il de bir tavsiye oldu�unu unutmay�n.
Resim CD�leri
Piyasada bir�ok clip-art yani grafikler (oklar, insan resimleri, d��meler vs. vs.) CD�ler i�inde ayr� olarak ya da dergilerle birlikte gelmektedir. Bu resimlerin hemen hepsi �cretsizdir ve ayr�ca bir telif �creti �demenize gerek yoktur. Bir�ok clip-art gallery CD�si olduk�a zengin bir i�eri�e sahiptir. Bu CD�leri sokaktan almak yerine dergilerin ekleriyle gelenleri tercih etmeye �al���n. Bunlar aras�nda be�endiklerinizi daha �nce olu�turdu�umuz klas�re kopyalay�n.
�nternet�ten Y�kleyin...
�nternet�te milyonlarca resim, grafik vard�r. E�er �nternet�e ba�lan�yorsan�z ve bir sayfaya bak�yorsan�z be�endi�iniz resimleri bilgisayar�n�za kolayl�kla aktar�p daha sonra bunlar� kullanabilirsiniz. Tabi b�yle bir �ey yapmadan �nce telif haklar� ve izin konular�na dikkat edin. Her resmi ya da ��eyi bilgisayar�n�zda g�rebilirsiniz fakat bu, izinsiz ya da telif hakk� olmadan kullanabilirsiniz anlam�na gelmez.
Internet Explorer program�nda Web sitelerine bak�yorsan�z be�endi�iniz bir resmin �zerine fare ile gelin ve sa� fare tu�unu t�klay�n. Kar��n�za a�a��daki men� gelecektir. Bu men�den Resmi Farkl� Kaydet (Save Image As) se�ene�ini t�klay�n. Daha sonra dosya kaydetme ileti�im kutusuna dosya i�in bir isim girin ve kaydedece�iniz yeri belirleyin. Do�al olarak bu yer Web sitenizin bulundu�u dizinin alt�ndaki /resimler ya da /images dizini olmal�d�r. �sim girmezseniz dosyan�n �nternet�teki ad�yla kaydedilecektir.
�ekil 1.14
Web sayfan�zda kaydetmek istedi�iniz resmin �zerine farenizi sa� d��mesi ile t�klad���n�zda a��lan men�den Resmi Farkl� Kaydet (Save Image As) se�ene�ine t�klay�n.
Ayn� i�lemi di�er taray�c�larda�da benzer bir �ekilde yapabilirsiniz. Bunun d���nda �nternet �zerinde �cretsiz resim ve d��me veren bir�ok site vard�r.
Bir Grafik Program�nda Siz Yap�n
Adobe Photoshop, CorelDRAW ya da buna benzer bir grafik program�nda kendiniz resim olu�turabilirsiniz. En basitinden Windows�la gelen Paintbrush program�nda bile kendiniz bir �eyler yapabilirsiniz. Paintbrush��n eski s�r�m�nde tek format olan BMP format�nda �al���yordu fakat Windows 98,Xp ile yeni i�letim sistemleri ile birlikte gelen farkl� programlarla di�er formatlarda da grafik �retebiliyorsunuz. Yapman�z gereken grafi�i kaydederken dosyay� JPEG ya da GIF format�nda kaydetmektir.
Dikkat etmeniz gereken tek nokta, resimleri bitmap yani .bmp format�nda de�il de .gif ya da .jpeg format�nda kaydetmenizdir. ��nk� bitmap format� �ok ama �ok yer kaplar. M�mk�nse bu formattaki bir resmi Web sayfan�za koymay�n. ��yle bir �rnek vereyim ayn� resim kalitesinde bir JPEG resmi 40 KB yer tutarken bitmap yani .bmp tipindeki resim en az�ndan 1.000 KB (yani yakla��k 1 MB) yer tutacakt�r. Y�klenmesi tam bir i�kence olur tabii ki.
Not ;
Web sitenizi yaparken resimleri ayr� bir dizin alt�nda bulundurman�z �al��man�z ve daha sonra d�zenleme yapman�z i�in size kolayl�k sa�layacakt�r. Bunun i�in bir /resimler dizini olu�turun. Ayn� �ekilde d��meler i�inde ayr� bir dizin a��p sitenizde kulland���n�z t�m d��meleri buraya ekleyebilirsiniz. M�mk�n oldu�unca bir dizin alt�na �ok dosya eklemeye �zen g�sterin yoksa bir�ok dosya aras�nda kaybolabilirsiniz.
1.21. SeslerWeb sayfan�z�n arka plan�nda �alacak bir ses ekleyebilirsiniz. Ses dosyalar� �ok yer kaplarlar bu y�zden size tavsiyem m�mk�nse arka plana bir ses koymaman�zd�r. �lla bir ses koyacaksan�z bunu y�klenip y�klenmemesine kullan�c� karar versin.
Yani e�er kullan�c� ses dosyas�n� dinlemek istiyorsa ve bunun i�in beklemeye haz�rsa bir linki t�klayarak dinlesin. Sayfa y�klenirken ses dosyas� da otomatik olarak y�klenirse bu y�kleme zaman�n� �ok ama �ok uzatacakt�r. Bir �rnek vermek gerekirse CD kalitesinde bir dakikal�k bir ses ya da m�zik dosyas� yakla��k olarak 5 MB yer tutacakt�r. MPEG format�ndaki bir par�a bile en az�ndan 2 MB yer kaplar. 28.8 Kb/s h�z�nda bir �nternet ba�lant�s�yla b�yle bir dosyan�n y�klenmesi yakla��k olarak bir dakika alacakt�r ki bu en iyimser tahmindir.
Farkl� kedi, k�pek ya da bir u�a��n kalk���n�n sesini y�kleyebilirsiniz. Bunun d���nda kendinizin sesini kaydedebilirsiniz. Bir�ok bilgisayarda art�k ses kart� vard�r. Bir ses kart� ve bir mikrofon ve Windows ses kaydedicisi program�n� kullanarak kendiniz ses kayd� yapabilirsiniz.
(Ba�latProgramlarDonat�larE�lenceSes Kaydedicisi).Bu kaydetti�iniz sesi (�rne�in kedinizin kuyru�unu �ekti�inizde nas�l ses ��kard���n� kaydedebilirsiniz. L�tfen bu �nerimi ciddiye almay�n!) .wav format�nda kaydettikten sonra normal bir dosyaya link verir gibi bu dosyay� ziyaret�ilerinize dinletebilirsiniz. �leride link verme k�sm�nda bu t�r ayr�nt�lar� g�rece�iz.
�ekil 1.15
Windows Ses Kaydedicisi.
Windows ile birlikte gelen Ses Kaydedicisi�ni kullanarak (Ba�latProgramlarDonat�larE�lenceSes Kaydedicisi ya da Start ProgramsAccessories Entertainment Sound Recorder) Web sayfas�nda kullanabilece�iniz sesleri bilgisayar ortam�na aktarabilirsiniz.
Uyar�: Resimler ve sesler �oooooook yava������ y�klenirrrrrrrrrr...
Web sayfan�za resim ve ses koymadan �nce d���n�n ��nk� boyutlar� nedeniyle sayfan�z�n y�klenmesini geciktirebilirler. �nternet ba�lant� h�z� �u an i�in olduk�a d���kt�r bu y�zden resimlere ve seslere a-ban-ma-y�nn.
B�l�m II
Sitemizi �n�a Edelim!
Web sitemizi olu�turmak i�in gerekli olan malzemelerimizi inceledikten sonra �imdi bu malzemelerle nas�l bir Web sitesi yapaca��m�z� g�relim
Bir sonraki konumuz ......( HTML) Ne Demek?
Web Sitesi Yaratma K�lavuzu adl� yaz�lar�n t�m�n� blogumuzun men� k�sm�ndan Web Klavuzu ismine t�klayarak izleyebilirsiniz.
- Bedava Blog Sahibi Olmak �stiyorsan�z ? Blogumuzun Men�ler k�sm�ndan Blog ile ilgili t�m yaz�lar, �Blog sitesi kurulumu� ad� alt�nda toplanm�� olup, incelemek isteyebilirsiniz.
Web Sitesi Yaratma K�lavuzu adl� yaz�lar�n t�m�n� blogumuzun men� k�sm�ndan Web Klavuzu ismine t�klayarak izleyebilirsiniz.T�m yaz�lar ; (W1, W2, W3) �eklinde s�ralanacakt�r.
Devam edecek... Bir �nceki yaz�lar� incelemek isterseniz t�klayarak ula�abilirsiniz.
Google Sites ile siteniz olsun istermisiniz. Buradan takip ediniz.
Google Sites ile site nas�l yap�l�r
Google sitesine giremedinizmi ? Buradan takip edin.
Google Sites Giri� ��in DNS Ayarlar� (Resimli Anlat�m)
0 yorum:
Yorum Gönder