Günün Sözü

"Her Şeyin Bir Şeyini, Bir Şeyin Her Şeyini Bileceksiniz..." Sakıp SABANCI

27 Mart 2017

Word 2016'da Diğer Sayfaları Bozmadan Sayfa Ekleme

Wordde çalışma yaparken bazen yeni bir sayfaya ihtiyaç duyarız.Bu sayfayı oluşturmak için enter tuşuna basarak ilerleriz genelde fakat bu belgenin içinde önceki oluşturduğumuz yazıların kaymasına neden olur.

İşte size sayfaları kaydırmadan yeni bir sayfa eklemenin yöntemini göstereceğim:

  • İlk olarak sayfamızı hangi sayfanın önüne ekleyecek o sayfanın en başına tıklıyoruz.
  • İmlecin o sayfada  yanıp söndüğübe dikkat ediyoruz.
  • Ekle menüsüne gelip boş sayfa sekmesine tıklıyoruz.
  • Yeni sayfamızı belgemizi bozmadan oluşturmuş oluyoruz.
Ekle Menüsü>>Boş Sayfa


Diğer sayfalar bozulmadan sayfamız eklenmiş oldu

Web Sitelerinin Görünümünü Cihaza Göre Yapılandırma

Görünüm, bir web sayfasının mobil cihazda nasıl görüntüleneceğini denetler. Görünüm olmadan, mobil cihazlar sayfayı tipik bir masaüstü ekranı genişliğinde, ekrana sığacak şekilde ölçeklenmiş olarak görüntüler. Bir görünüm ayarlamak, sayfanın farklı cihazlarda genişliği ve ölçeklenmesi konusunda denetim olanağı verir.






Sol: Meta görünümü olmayan bir sayfa.
Sağ: Cihaz genişliğiyle eşleşen görünüme sahip bir sayfa.

Öneriler

Mobil cihazlarda iyi şekilde görüntülenecek biçimde optimize edilmiş sayfaların doküman başlığında width=device-width, initial-scale=1 ifadesini içeren bir meta görünüm olmalıdır.
<meta name=viewport content="width=device-width, initial-scale=1">

Mobil Cihazlarda Masaüstü Sayfaları

Bir sayfada görünüm belirtilmediği zaman, mobil tarayıcılar o sayfayı 800-1024 CSS pikseli arasında bir yedek genişlikaralığında görüntüler. Sayfa ölçeği faktörü, sayfanın ekrana sığacağı şekilde ayarlanır ve kullanıcıların sayfayla etkileşimde bulunabilmek için yakınlaştırma yapmasını gerektirir.

Meta Görünüm Etiketi

Bir meta görünümü etiketi, tarayıcıya sayfanın boyutları ve ölçeklemesi üzerinde nasıl kontrol sağlayacağına ilişkin talimatlar sağlar ve dokümanın başlığına eklenmelidir.

Sabit Genişlikli Görünüm

Görünüm, width=320 veya width=1024 gibi belirli bir genişliğe ayarlanabilir. Bu önerilmese de, sabit boyutlu sayfaların beklendiği gibi görüntülenmesi için yararlı bir geçici önlem olabilir.

Esnek Görünüm

width=device-width meta görünüm değerini kullanmak, sayfaya ekranın genişliğini cihazdan bağımsız piksellerle eşleştirmesi talimatını verir. Bu, sayfanın farklı ekran boyutlarına uyacak biçimde yeniden düzenlenmesini sağlar.
iOS ve Windows Phone gibi bazı tarayıcılar, yatay moda döndürürken sayfanın genişliğini sabit tutar ve ekrana sığdırmak için yeniden düzenleme yerine yakınlaştırma yaptırır. initial-scale=1 özelliğini eklemek, cihaz yönü ne olursa olsun tarayıcılara CSS pikselleri ile cihazdan bağımsız pikseller arasında bir 1:1 ilişkisi oluşturma talimatı verir ve sayfanın tam yatay genişliği kullanmasına olanak sağlar.

Dikkat Edilecek Diğer Noktalar

minimum-scale, maximum-scale, user-scalable kullanmaktan kaçının

Minimum ve maksimum yakınlaştırmayı ayarlamak veya kullanıcının görünümde bütünüyle yakınlaştırma yapabilme özelliğini devre dışı bırakmak mümkündür. Bu seçenekler erişilebilirliği olumsuz şekilde etkiler ve genellikle bunlardan kaçınılmalıdır.
Bu özellikleri kullanmak zorunda kalırsanız da aşağıdaki şekilde kullanabilirsiniz: 
<meta name=viewport content="width=device-width, maximum-scale=0.8">

Kaynaklar:https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=tr



21 Ocak 2017

Yardımcı Siteler:

Graphemica: İkonların html koda karşılıklarını bulmak için yararlı bir site
http://graphemica.com/

Pixabay: Yüksek çözünürlüklü fotoğraf veya görsel bulabilmek için faydalı
https://pixabay.com/

Freepik: Afiş logo gibi örnek çalışma bulabileceğiniz bir site
http://www.freepik.com/ 

Font Siteleri: 
100 Free Fonts:http://www.1001freefonts.com/
fonts2u: http://www.fonts2u.com/ 
dafont:http://www.dafont.com/


Templateler
https://www.megafonn.com/web-sitesi-nasil-yapilir-tum-asamalari/
https://www.c-sharpcorner.com/
https://cssdeck.com/
https://bootsnipp.com/snippets/92xNm
https://codequs.com/p/Hk6T8-mB4
https://musefree.com/
https://www.bootdey.com/s
https://www.bootdey.com/snippets/view/single-advisor-profile
https://webdevresources.info/css
https://www.html5xcss3.com/responsive-menus-tutorials
https://csshint.com/css-dropdown-menu/
https://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/
http://demo.html5xcss3.com/demo.php?url=www.script-tutorials.com/demos/415/index.html
https://codepen.io/ahmedhosna95/pen/RJeYjg
https://codepen.io/Mohamed-Ayman/pen/WyYGPa
https://bootsnipp.com/snippets/bXZA2
https://freefrontend.com/css-menu/
https://quazar.starfirewebdesign.com/
https://colorlib.com/wp/html-social-buttons-templates/
https://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/
https://www.youtube.com/watch?v=rk-IuYOyfnc&ab_channel=Onlinewebustaad
https://www.jquery-az.com/css/demo.php?ex=132.0_1
https://www.html5xcss3.com/responsive-menus-tutorials
https://codepen.io/Mohamed-Ayman/pen/WyYGPa
https://codepen.io/nolasia/pen/OwxJaB
https://css-tricks.com/the-shapes-of-css/
https://sharkcoder.com/visual/shapes
https://enjoycss.com/

20 Ocak 2017

Favori Yazı Fontlarım

Sevdiğim Yazı Tipleri

Josefin Sans
Gruppo
Philosopher
Syncopate
Roboto
Play
PT Sans
Cuprum
Platform One
Ceria Lebaran
Salzburg
HurmeGeometricSans1 
Muli
Mulish
PoiretOne-Regular
Poppins
Raleway
Charm-Regular, El yazısı
SignPainter-HouseScript, El yazısı
TrajanPro (Afişler İçin)

Sitede Kullandıklarım:
Başlıklarda:Philosopher
Yazılarda:Play

Programlamaya Yeni Başlayanlara Tavsiye Eğitim Siteleri

İletişim Formu

Ad

E-posta *

Mesaj *