İnceleme
Kategoriler
Cep Telefonu
Notebook
Anakart
ADSL Modem
İşlemci
Tablet
Ekran Kartı
Televizyon
Fotoğraf Makinesi
Depolama
Klavye ve Mouse
Giyilebilir Teknoloji
Kulaklık
Ses Sistemi
Oyun İnceleme
Ev Elektroniği
Navigasyon
Son İncelenenler
TP-Link RE705X inceleme
Anker Soundcore P20i inceleme
Pusat Reflex Pro ve Pusat Reflex Ultra Kablosuz Oyuncu Mouse inceleme
AOC U27B3CF inceleme
Aqara Camera Hub G2H inceleme
PlayStation VR 2 inceleme
vivo V40 & v40 lite inceleme
Haber
Kategoriler
Kripto Dünyası
Cep Telefonu
Windows
Sosyal Medya
Oyun ve Eğlence
Bilim
Dijital Fotoğraf
Notebook
Ekran Kartları
Güvenlik
Mobil Uygulamalar
Twitter
Instagram
Facebook
CES 2024
Scooter
Araçlar
Netflix
Gitex 2022
En Son Haberler
Bu popüler 3 oyun Kasım ayında PlayStation'a ücretsiz!
EV3 ve Yeni EV6 Türkiye’de: 2 modelin satış fiyatı ve özellikleri
Duşta idrar yapmak: Sağlıklı mı, sağlıksız mı?
Uçaklar, hedeflerine neden dümdüz uçmuyor?
Dondurucu soğukta beş dakika kalın, daha iyi uyuyun
41 yıl öncenin ilk Casio G-Shock modeli, resmi olarak geri döndü!
En fazla ölümcül kazaya karışan marka Tesla oldu
Forum
CHIP Online
Chip Dergisi
PDF Arşivi
2002
Ekim
CHIP Dergisi Arşivi: Ekim 2002 - Sayfa 125
123
124
125
126
127
Kategoriler
İnceleme
Cep Telefonu
Notebook
Anakart
ADSL Modem
İşlemci
Tablet
Ekran Kartı
Televizyon
Fotoğraf Makinesi
Depolama
Klavye ve Mouse
Giyilebilir Teknoloji
Kulaklık
Ses Sistemi
Oyun İnceleme
Ev Elektroniği
Navigasyon
Haberler
Cep Telefonu
Oyun ve Eğlence
Bilim
Notebook
Ekran Kartları
Mobil Uygulamalar
Yapay zeka
Sony Xperia Z3
Xiaomi
Xbox One
Windows 11
Windows 10
TikTok
Sinema
Samsung Galaxy S8
Samsung Galaxy S6
Samsung Galaxy S5
Samsung
Playstation 5
Oyun konsolu
Otomobil
Ofis ve Finans
Note 4
MWC 2018
MWC 2017
MWC 2015
Microsoft
LG G6
LG G5
LG G4
LG G3
İşletim Sistemleri
İş dünyası
iPhone SE
iPhone 7
iPhone 6S
iPhone 6
iOS
Instagram
IFA 2017
HTC One M9
HTC 10
Google
Diziler
Discovery 2
CES 2018
CES 2017
CES 2015
Blockchain ve Bitcoin
Bilgisayarlar
Xbox Game Pass
Xbox Series S/X
Uzay
Android
Forum
© 2024 Doğan Burda Dergi Yayıncılık ve Pazarlama A.Ş.
186 Web Tasar›m› Bölüm 2 GGÜÜNNCCEELL»»KKAAPPAAKK»»DDOONNAANNIIMM»»YYAAZZIILLIIMM »»HHII--TTEECCHH»»PPRRAATT‹‹KK»»IINNTTEERRNNEETT olarak değiştirin ve güncellemeyi yapın. Seçtiğiniz sunucuya göre anasayfanızın ismi homeveya mainolabilir.Sitenizi tarayıcınızda test edin ve çalıştığından emin olun. Biraz daha çal›?al›m: CSS stilleriyle sitelere makyaj Artık sitenizi sunucuya yükledikten sonra belgemizi daha güzel göstermek için çalışabiliriz.CSS'ten bahsediyoruz. Son dönemde oldukça popüler olan bu teknik sayesinde bir kelime işlem programında yaptığınız gibi metinlerinizi istediğiniz boyda göstermeniz mümkün. Yani HTML'in size sunduğu boy sınırlarından kurtuluyorsunuz.Ayrıca kullandığınız font ailesine göre yazınızı farklı kalınlıklarda göstermek,altından,ortasından çizgi geçirmek de mümkün. Formlarda kullandığınız butonların kenarlarına kalınlık verebilir,zemin rengini değiştirebilir ve hatta üzerinde yazan yazıya bile biçim uygulayabilirsiniz.Resimler üzerinde ufak efektler uygulamanız bile mümkün. Yeni bir sayfa oluşturun.Sayfanıza başlık verip kaydettikten sonra uzunca bir yazı bulup sayfanıza yapıştırın. Mümkünse iki paragrafşeklinde düzenleyin.Bu yazınızın bir başlığı olsun. Başlık kısmının ortasında bir yere imleci getirin.Sonra özellik panelinde A yazan ikona tıklayın.Şeklin ying-yang biçimi aldığını göreceksiniz.Yanındaki kutucuğu açarak "New CSS Style.." deyin.Gelen ekranda size yeni stil için ad sorulur.Dikkat ederseniz bu ismin başında bir nokta vardır.Siz de stilinize isim verirken nokta ile başlamalısınız. Bu CSS'in elemanlara uygulanacak stili bulması için gereklidir.Mesela biz bir başlık biçimlendireceğimiz için bu ad .baslik olabilir.Tip olarak birinci seçenek uygun.Ancak CSS'in uygulanacağı yer olarak sadece belgemizi istiyoruz. Bunun için "This Document Only" seçeneği aktifolsun. Ok seçeneği ile diğer menüye geçelim. Buradaki kategorileri keşfetmeyi sizlere bırakıyoruz.Şimdilik sadece yazı şekillendirme üzerinde duracağız."Type" kategorisi altında font kutucuğundan istediğinizi seçin."Size" menüsünden büyüklüğü 14 piksel olarak ayarlayın. Aslında punto olarak ayarlamanız da mümkün,ancak tarayıcı boyu değiştiğinde okuyucularınız metninizi esnemiş olarak görecektir.Piksel olarak ayarlamanız metninizin her çözünürlüğe adapte olmasını sağlar.Başlığımızın dikkat çekici olmasını isteriz.O zaman altını çizmek için "decoration" tipi olarak underline'ı işaretleyelim.Daha kalın göstermek için ise weightmenüsünden 500 uygun olacaktır.Font tipine göre bu miktarı değiştirmek gerekebilir.Ok diyerek CSS ekranını kapatalım. Kod yazmak istiyorum diyenler için küçük bir ba?lang›ç Başlığa uyguladığımız stile benzer şekilde paragraflarımıza da stil uygulayalım. Paragrafın içinde bir yere gelerek yeni bir stil yaratın.İsmi .para olsun.Sadece font tipi aynı kalsın.Büyüklüğü 12 piksele rengi ise mavi bir tona ayarlayın. "Block" kategorisinden text indent için 20 piksel yazın.Bu paragrafınızın 20 piksel içeriden başlayacağını belirtir.Paneli kapatın.Değişikliğin uygulandığını göreceksiniz.Ancak ikinci paragrafın da bu stilde olmasını isteyebilirsiniz.Bunun için birkaç yol var.Ancak biz sizlere kod görünümünü nasıl kullanacağınızı da anlatmak istiyoruz. İkinci paragrafın başına gelerek hem kod hem dizayn görünümüne geçin. <p> ile başlayan bir kod parçası olmalı. Yanında ise tam olarak durduğunuz paragraftaki cümleler dizilidir.Dizayn görünümünde seçtiğiniz öğeler kod görüntüsünde seçili hale gelir.Biz önceki paragrafta uyguladığımız stili bu paragrafa da taşımak için <p> yazan yeri <p class="para"> olarak değiştireceğiz. Eğer <p> için başka özellikler de ayarStil Makyaj›:2. ve 3. tipler var olan HTML kodlar› için düzenleme yapman›z› sa¤lar. Mesela renkli liste elemanlar› ya da alt çizgisiz linkler gibi. ‹NTERNETE DOSYA AKTARMA »Hem Türkçe hem de ücretsiz FTP arac› pencerenin sa¤ bölmesinde görüntülenen yerel dosyalar›n›z aras›ndan yüklemek istediklerinizi seçmek ve fare yard›m›yla sol bölüme ta?›makt›r. Bunun sonucunda dosyalar an›nda aktar›lmaya ba?lan›r. Dosya/Seçenekler komutu ile aç›lan pencere üzerindeki Upload ba?l›¤› alt›ndan aktar›lmas›n› istedi¤iniz dosya tiplerini seçerek, örne¤in bir klasör ta?›nd›¤›nda içerisindeki sadece HTML sayfalar›n›n ve GIF biçimindeki resimlerin aktar›lmas›n› sa¤layabilirsiniz. D‹KKAT! Burada standart olarak All Files seçene¤i i?aretlidir. Seçenekler penceresi üzerinden Upload tipini de (Binary veya ASCII) belirleyebilirsiniz. Not:HS FTPExplorer, dosya aktar›m› için gerekli tüm i?levleri eksiksiz yerine getiren ücretsiz bir programd›r. Ancak bu program› yeterli bulmayan kullan›c›lar, ?u an en çok kullan›lan FTP programlar› olan CuteFTP (www.cuteftp.com)veya WS_FTP (www. ipswitch.com)programlar›n› deneyebilirler. Tan›d›k Arayüz: Program›n Windows gezginine benzeyen arayüzü ve çal›?ma ?ekli sayesinde web sayfan›z›n dosyalar›n› sunucuya rahatl›kla aktarabilirsiniz.k
