udemy

Datagridview Özellikleri ve kullanımı | C# Eğitim Seti

Yazar ebubekirbastama 28 Ağustos 2018 Salı 0 yorum
Herkese iyi günler arkadaşlar. 
Bugün-kü eğitim setimiz'de sizlere:
 Datagridview Competentini anlatacağım.
İlk başta Özelliklerin'den başlayalım. 
Özellikler: 

   1-)AllowDrop:Sürükle-Bırak İşlemlerinde kullanılır ve 2 değer alır(true-false)   

 2-)AllowUserToAddRows: Yeni kayıt eklenip ekleyemeyeceğini belirlediğimiz bu özellik 2 değer alır(true-false). 
  
  3-)AllowUserToDeleteRows: Mevcut olan kayıtları silip silemeyeceğini belirler ve bu özellik 2 değer alır(true-false). 

   4-)AllowUserToOrderColumns:Datagridviewdeki kolon başlıklarının yer değiştirmesi ile ilgili işlemler yapılır ve 2 değer alır(true-false)

 5-)AllowUserToResizeColumns:Bu özellik ile Kolonların boyutlarının kullanıcı tarafından değiştirilip değiştirilemeyeceğini ayarlayabiliriz 2 değer alır(true-false)        

  6-)AllowUserToResizeRows:Bu özellik ile Satırların boyutlarının kullanıcı tarafından değiştirilip değiştirilmeyeceğini ayarlayabiliriz 2 değer alır(true-false) 

 7-)AlternatingRowsDefaultCellStyle:Bu özellikel ile alternatif satırların özelliklerini ayarlıyoruz burada ise (Arka Plan Rengi,Yazı Rengi,Seçildiğindeki Renk vb) özellikler bulunmaktadır. 

 8-)Anchor:Bu özellikle Datagridview'i dinamik olarak yeniden boyutlandırma yapabilirsiniz. 

 9-)AutoSizeColumnsMode=Bu özellikle ile kolonların otomatik düzenleme işlemleri yapabiliyoruz. Bu özellik ayrıca 7 adet seçeneği bulunmaktadır.

  •  None 
  •  ColumnHeader
  •  AllCellsExceptHeader 
  •  AllCells 
  •  DisplayedCellsExceptHeader 
  •  DisplayedCells 
  •  Fill 


10-)AutoSizeRowsMode=Bu özellik ile satırların otomatik düzenleme işlemleri yapılabilmektedir. Bu özellik ayrıca 7 adet seçeneği bulunmaktadır.
 None 
  •  AllHeaders
  •  AllCellsExceptHeaders
  •  AllCells
  •  DisplayedHeaders
  •  DisplayedCellsExceptHeaders
  •  DisplayedCells

 BackGroundColor: Tablonun arka plan rengini belirler. 
 CellBorderStyle: Tablo hücrelerinin stillerini değiştirir. 
 Columns: Tablo sütunlarıyla ilgili işlemler, değişiklikler, font ayarları buradan yapılabilir.  
DataSource: Veritabanı bağlantısı yapmayı sağlayan özelliktir. 
 DefaultCellStyle: Hücrelerin yazı fontlarını, formatını, rengini değiştirir. 
 MultiSelect: Hücreleri çoklu seçimine izin verilip verilmesini ayarlar. 
 ReadOnly: Yalnızca okunabilir hale getirir. 
 Rows: Satırlarla ilgili işlem yapmayı sağlar. 
 SelectionMode: Sütun, Satır ve hücre seçim şeklini belirler. 
 Visible: DataGridView’ in görünüp görülmemesini ayarlar.
Devamını Oku...

Blogger Reklam Yayınlama(Kesin Çözüm)✔ - Ebubekir Bastama

Yazar ebubekirbastama 27 Ağustos 2018 Pazartesi 0 yorum

Herkese iyi günler arkadaşlar.
Bu makalemizde sizlere "blogger" yazarak nasıl "google adsense"'den para kazanabileceğimizi göstereceğim.
Öncelik'le blogger'dan ve adsense'den bahsetmek istiyorum:


AdSense Nasıl Çalışır 


Google AdSense, web sitesi sahiplerine sundukları çevrim içi içerik üzerinden para kazanmaları için bir yol sunar. AdSense, oluşturduğunuz içeriğiniz ve sitenizi ziyaret eden kullanıcılarınıza metin reklamlar ve görüntülü reklamları sitenizle eşleştirerek çalışmaktadır. 
Google Reklamlar ürünlerini tanıtmak isteyen reklam verenler tarafından oluşturulur ve ödenir. Bu reklam verenler her bir reklam için farklı bir tutar ödediklerinden, kazanacakları tutar da değişecektir. AdSense'in çalışma şekli 3 adımda açıklanmıştır olup bu adımlar:


 Adsense reklamlarını Web Sitenize eklersiniz.


İlk etap'ta sitenize reklam kodunu yapıştırıyoruz burada dikkat etmemiz gerek konu reklamların görünmesini istediğiniz yeri iyi seçmeniz gerekmektedir. Eğer reklam alanlarınızı doğru seçerseniz sitenize girenlerin reklamlara tıklama olasılığı yükselecektir.


 Makalelerinize uygun reklamlar siteniz'de gösterilir.

Reklam verenler, gerçek zamanlı açık artırma ile reklam alanlarınız için teklif verir. En yüksek fiyatlı reklam, sitenizde gösterilecektir.Burada eğer değeri yüksek olan kelimeleri seçtiyseniz tıklama başına yüksek para geliriniz olacaktır. 


 Ödeme Limitine ulaştığınızda paranızı alabilirsiniz.

Adsense'den ödeme alabilmeniz için ilk başta "200 tl" barajını aşabilmeniz gerekmektedir. Eğer "200 TL"'yi aşarsanız. Belirttiğiniz banka  hesabınıza ücretiniz yatacaktır.
Sahte tıklamalar

Arkadaşlar eğer sayfanızda sahte tıklama ile ilgili şüpheniz varsa misal "Google Analytics"'de 10 girmiş gözüküyor fakat tıklama olarak 11 veya 20 ~30 tıklama var bu şüpheli bir tıklama'dır.Böyle bir durum'da direk bu link'ten  Google'a bildirim yapabilirsiniz.
Not:Bildirim yapsanız bile google gene hesabınızı kapatıyor örneğini ben yaşadım.


Şimdi ise birazda blogger'dan bahsedelim: Blogger sistemi google tarafından kullanıcılara ücretsiz olarak makalelerini yayınlamaları için sunulan bir "blog" sistemidir. Bu sistemin güzel bir yanı ise blogger adsense ile adsense'den reklam alabiliyoruz.

Şimdi sizlere blogger sisteminden nasıl reklam alınır ve adsense kullanımı ve şartlarından bahsetmek istiyorum.

Blogger sisteminden adsense'ye başvurmadan önce siteye trafik ve özgün makaleler ekleyiniz ayrıca sizlere bu makaleleri nasıl okunabilmesi ile alakalı tüyolar vereceğim.

  1. Makalelerinizi güncel konulardan seçiniz.
  2. Makalelerinizi resimlerle donatmayı unutmayın.
  3. Makaleleriniz'de ilgili kelimelere uygun anahtar kelimeler kullanmaya dikkat edin.
  4. Makaleleriniz'de konunun can alıcı yerlerinde renklendirme yapın.
Blogunuzun trafik kazanmak için sosyal medya hesaplarınızda belirli günlerde ve saatlerde paylaşım yapmanız size trafik kazanmada yardımcı olacaktır.Sitenizi bu şekil belirli aratmalar'da sıralamaya getirdikten sonra ise gene blogger site üzerinden adsense'ye başvurabilirsiniz.Bir sonraki makalemizde sizlere blogger adsense bağlantısı nasıl yapılır ve blogger adsense reklam ekleme'yi gösterceğim.Bir sonraki makalemizde görüşmek üzere...
Devamını Oku...

Bootstrap HTML Responsive Templates(Eticaret Teması) V 0.12 | Ebubekir Bastama

Yazar ebubekirbastama 23 Ağustos 2018 Perşembe 0 yorum

Herkese  iyi günler arkadaşlar
Bu makalemizde sizlere yeni bir çalışmam olan Responsive html tema projesinin 11. temasından bahsetmek istiyorum. Web Tasarımcılara yararlı olması için tek sayfalık Html Responsive  tasarımlar yayınlayacağımı söylemiştim 11.Tasarım Sizlerle.
Devamını Oku...

Resimlerdeki yazı tiplerini bulma |Ebubekir Bastama

Yazar ebubekirbastama 22 Ağustos 2018 Çarşamba 0 yorum

Herkese iyi günler arkadaşlar
Bu makalemizde sizlere var olan bir resimde nasıl yazı karakterlerinin bulunabileceğini göstereceğim.Öncelikle yazı karakterleri nelerdir biraz bahsetmek istiyorum.

Grafik tasarımda dil ve kelime dağarcığını geliştirmek, bu alanda derinlemesine bilgi birikimine sahip olmak hem yaratıcılık anlamında hem de tasarım problemlerini analiz edip çözmek için tasarım ve yazılımcılara büyük bir katısı bulunmaktadır.

Yazı karakterleri sadece grafik tasarımcıların değil bir çok alanda kişiye lazım olmaktadır. Örnek vermek gerekirse(Web Yazılımcı,Masaüstü yazılımcı,Mimar vb.)bir çok kategoride mesleğe hitap etmesinin sebebi ise tekdir bu neden görselliktir ve bu mesleklerin hepsi görselliğe önem vermektedir.Şimdi ise bir resimdeki yazı fontlarını online olarak nasıl bulabileceğimiz sizlere göstereyim.

Öncelikle buradan siteye ulaşabilirsiniz.


Siteye girdikten sonra Upload Image  düğmesine tıklıyoruz ve bilgisayarımız'dan ilgili resmi seçiyoruz.

görüleceği üzere resimdeki yazılar seçildi bizim yapmamız gereken sadece "
Matcherate It!" tuşuna basmak.

Resimde gözüktüğü gibi bize fontları sıralıyor.

Makalemiz bu kadar'dı arkadaşlar bir sonraki makalemizde görüşmek üzere makalemi yararlı bulduysanız sosyal medya hesaplarınızda paylaşırsanız sevinirim.
Devamını Oku...

Bootstrap 4.1 Media Slider(image mouseover effect)| Ebubekir Bastama

Yazar ebubekirbastama 20 Ağustos 2018 Pazartesi 0 yorum
Herkese iyi günler arkadaşlar 
Bu makalemizde sizlere Bootstrap 4.1 ile Media Slider Yapımını ve slider'daki image lere "Hover" yani üzerine geldiğinde yazı yazdırmayı göstereceğim ve örnek bir proje ile sizlerde Media Slider'ı projelerinize ekleyebileceksiniz. Konumuza geçmeden önce
Bu maklemizi ve örneğimizi yararlı bulduysanız  lütfen sosyal medya  hesaplarınızda bu sayfa linkini paylaşmayı unutmayınız.
Devamını Oku...

10 Milyon Kişiye Gönderilen Toplu SMS Vakası | Ebubekir Bastama

Yazar ebubekirbastama 19 Ağustos 2018 Pazar 0 yorum

Gündenme yer alana bir konudan bahsetmek istiyorum
Geçtiğimiz gün  bilindiği üzere 10 milyona yakın vatandaşımıza MERSIN153 kodu ile pkk'lı bir hacker gurubu tarafından toplu mesajda PKK propagandası yapıldı. 
Konu ile alakalı olarak birçok haber yapıldı basına yansıyan tarafına baktığımız zaman hacker grubunun Mersin153 kodu ile gönderilen
mesaj olduğu belirtiliyor ve Mersin Belediyesi’nin konu hakkındaki açıklamasına yer veriliyor. Atılan mesajı incelediğimizde örgüt propagandasının yapıldığını görüyoruz.
Ayrıca bir çok haber sitesi bu mesajın tamamını yayınlayarak bu propagandayı yaymaya devam ediyorlar.
Şimdi ise bulgulara ve detaylara girelim.
Bu mesajları atan "AriHack Team" isimli bir hacker gurubu bu hacker gurubu hakkında araştırma yaptığıız'da Mersin Belediyesini daha önce hacklediğini ve Deface bıraktığını görüyoruz.
ayrıca bu hacker gurubun deface aldığı sayfaları incelediğimiz'de bir çok türk sitesi olduğunu görüyoruz.Ayrıca biraz daha dikkatli incelediğimiz'de belediyenin  serverı'nın (Win 2012) olduğunu ve gene aynı sürümlü serverların hacklendiğini görüyoruz.
Bu hacker gurubu gözüken girdiği bu server'da sadece index basip çıkmadığı anlaşılıyor ve ayrıca içerdeki bazı gizli bilgileri'de aldığı bu olay ile anlaşılıyor
Şimdi şöyle bir soru sorulabilir peki bunlar sms paneline nasıl ulaştılar?
Cevabı aslında çok basit: Sitelerin otomatik sms yollamaları için sms api entegrasyonları yapılır tabiki bu api bilgileri koda gömülür yada veri tabanına işlenir.
Buradan alınmış olunabilir yada içeriye giren hacker'lar içeriye zararlı bırakıp izleme yapmış'da olabilir ayrıca bir çok yol vardır.
Buradan şunu anlıyoruz-ki Mersin belediyesinin siber güvenlik tarafında zafiyetleri bulunmakta olup bu zafiyetleri kapatmamıştır ve 10 milyon yakın T.C. vatandaşımızın telefon bilgileri çaldırmıştır.
Şimdi asıl sorulması gereken şudur:
  1. Bu bilgileri çalanlar belediye sistemindeki kişisel bilgileri çaldımı.?
  2. Bu bilgileri çalanlar yakalanma durumu nedir.?
  3. Bu bilgileri çaldıranlar ve önlem almayanlar hakkında soruşturma açılacakmı?
  4. Bilindiği üzere belediye sistemlerin'de bir çok kişisel bilgi bulunmaktadır hacker'lar buraya sızdımı ve buradan bilgi çaldılarmı.
İlerleyen zamanlarda bu soruların cevaplarını inşallah alırız.



Devamını Oku...

Bootstrap HTML Responsive Templates(İnşaat Teması or Modal Entegreli) V 0.13 | Ebubekir Bastama

Yazar ebubekirbastama 17 Ağustos 2018 Cuma 0 yorum




Good day friends

In this article, I would like to talk about the 12th theme of the Responsive html theme project, a new work for you. I told you that I will publish single-page Html Responsive designs for Web Designers to be useful. Health & İnşaat promotion design has been made for the designs to be available in this design. If you like these designs, please remember to share this page link in your social media accounts.



If you want to add an additional design, you can make a reasonable change by communicating. Let's first explain the terms Responsive and Boostrap.



Boostrap is here to learn more.

What is responsive design?


Lately, many people are looking for a mobile version of their website. Now, we will try to keep you informed about the Responsive design, which is one of the most convenient ways to prepare web projects for almost everyone's mobile devices. what is responsive design, what is good, what should be paid attention, advantages / disadvantages for web project etc. We will put on the positions in the form of.








Basically responsive design; A design will adapt to different screen resolutions. As an example, the design of a responsive web site will look different on a desktop computer, but the screen size will look different on a smaller mobile device. Here, thanks to innovations coming with CSS3, the same page is reshaping if you look at different resolutions. For better visual appeal, you can observe that the browser on which our web site resides is responding well by playing with the dimensions. As you narrow down the browser, you'll first notice that tablets are then on the same page as a smartphone-compatible design.







Thanks to Responsive design, desktop, tablet and smart phone can be designed in a platform independent manner. When the mobilden is placed on the site, the design changes, it becomes smaller when it is touched to fit into the men's phones, and when the fonts are touched, the fonts become readable without enlarging the images and the images are gently stretched to the screen resolution. Frame and other elements also change according to resolution. Some modules hidden in the actual design are hidden if necessary.







It is important to know the screen resolutions of different devices here. Usually;
1024px for Desktop, Notebook and over
768px - 1023px for tablets
Horizontal designs of smartphones and some tablets. 480px - 767px
For smartphones: 479px and below
These resolutions are for gore css file, for example 480px or less;
@media screen and (max-width: 480px)
By writing the code, the css file is edited for this resolution.
Also for the responsive of the page
whatever the code is, it must be between the head tags.
Thanks to Responsive design, there is no need to create a separate subdomain or mobile site in virtual directory. You do not have to show any path to follow. The need for a separate URL is an advantage for search engine performance. Url structure and site indexing become even easier than creating a mobile site.

Reponsive design does not require you to have different web sites for different platforms. Cost is lower, construction is easier. It takes less time to maintain, update and develop.

Now let's come to our design squares:





Temamıza buradan ulaşabilirsiniz.

Devamını Oku...

Bootstrap HTML Responsive Templates(İnşaat Teması) V 0.12 | Ebubekir Bastama

Yazar ebubekirbastama 16 Ağustos 2018 Perşembe 0 yorum




Good day friends

In this article, I would like to talk about the 11th theme of the Responsive html theme project, a new work for you. I told you that I will publish single-page Html Responsive designs for Web Designers to be useful. Health & İnşaat promotion design has been made for the designs to be available in this design. If you like these designs, please remember to share this page link in your social media accounts.



If you want to add an additional design, you can make a reasonable change by communicating. Let's first explain the terms Responsive and Boostrap.



Boostrap is here to learn more.

What is responsive design?


Lately, many people are looking for a mobile version of their website. Now, we will try to keep you informed about the Responsive design, which is one of the most convenient ways to prepare web projects for almost everyone's mobile devices. what is responsive design, what is good, what should be paid attention, advantages / disadvantages for web project etc. We will put on the positions in the form of.








Basically responsive design; A design will adapt to different screen resolutions. As an example, the design of a responsive web site will look different on a desktop computer, but the screen size will look different on a smaller mobile device. Here, thanks to innovations coming with CSS3, the same page is reshaping if you look at different resolutions. For better visual appeal, you can observe that the browser on which our web site resides is responding well by playing with the dimensions. As you narrow down the browser, you'll first notice that tablets are then on the same page as a smartphone-compatible design.







Thanks to Responsive design, desktop, tablet and smart phone can be designed in a platform independent manner. When the mobilden is placed on the site, the design changes, it becomes smaller when it is touched to fit into the men's phones, and when the fonts are touched, the fonts become readable without enlarging the images and the images are gently stretched to the screen resolution. Frame and other elements also change according to resolution. Some modules hidden in the actual design are hidden if necessary.







It is important to know the screen resolutions of different devices here. Usually;



1024px for Desktop, Notebook and over



768px - 1023px for tablets



Horizontal designs of smartphones and some tablets. 480px - 767px



For smartphones: 479px and below







These resolutions are for gore css file, for example 480px or less;



@media screen and (max-width: 480px)







By writing the code, the css file is edited for this resolution.



Also for the responsive of the page



whatever the code is, it must be between the head tags.







Thanks to Responsive design, there is no need to create a separate subdomain or mobile site in virtual directory. You do not have to show any path to follow. The need for a separate URL is an advantage for search engine performance. Url structure and site indexing become even easier than creating a mobile site.







Reponsive design does not require you to have different web sites for different platforms. Cost is lower, construction is easier. It takes less time to maintain, update and develop.

Now let's come to our design squares:




Temamıza buradan ulaşabilirsiniz.
Devamını Oku...

Blogger Bootstrap 4 Navbar İnsert | Ebubekir Bastama

Yazar ebubekirbastama 15 Ağustos 2018 Çarşamba 0 yorum

Herkese iyi günler arkadaşlar
Makalemize  başlamadan önce makalelerimi yararlı buluyorsanız bizlere destek olmak için sosyal medya sayfalarınız'da paylaşırsanız sevinirim.

Bu makalemizde sizlere "blogger" temaları nasıl "bootstrap 4" "navbar" eklememiz gerektiğini göstereceğim.Öncelikle örnek bir site görmek isterseniz şuanki gezindiğiniz yani bu siteye bakabilirsiniz yukarıdaki "navbar"'dır. Şimdi gelelim nasıl yapmamız gerektiğine

Sırasıyla işlemleri yapalım arkadaşlar:
1-)Buradan blogger'ınıza ulaşın
2-)Sol tarafda bulunan "Tema"'ya basınız
3-)Sağ tarafda açılan "Htmli Düzenle"'ye tıklıyoruz.

4-)Sonra ise Sol panel Açılan bölümde ((<head>)) altına ilgili kodu ekliyoruz.

Eklenecek Kodlar:
<!--Bootstrap 4(www.ebubekirbastama.com)-->
  <link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css' rel='stylesheet'/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<!--Bootstrap 4(www.ebubekirbastama.com)-->
5-)Ekledikten sonra her ihtimale karşılık temamızı kaydediyoruz ve devam ediyoruz.
6-)Şimdi Sıra geldi "navbar"'ımızı eklemeye ilk başta ((<body>)) arıyoruz ve bulduktan sonra hemen altına ilgili kodu yapıştırıyoruz ve kendimize göre değiştiriyoruz.
Eklenecek Kodumuz:
<!--Navbar Kodumuz www.ebubekir Bastama.com-->
<nav class="navbar navbar-expand-sm bg-success navbar-dark">
  <a class="navbar-brand" href="https://www.ebubekirbastama.com">Eçk Yazılım</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">AnaSayfa</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Hakkımızda</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">İletişim</a>
      </li>    
    </ul>
  </div>  
</nav>

<!--Navbar Kodumuz www.ebubekirbastama.com-->
Son olarak Yukarıdan Temayı Kaydet butonuna Basıyoruz ve çıkıyoruz.

Şimdi temanıza bakabilirsiniz.Hayırlı olsun.


Yabancı arkadaşlarımız için İngilizce anlatım
Good day friends
In this article we will show you how to add "bootstrap 4" "navbar" to your "blogger" theme. Firstly if you want to see a sample site, you can see this site on the upcoming navbar. Now how come we have to

Let's do it in order:

1-) Access your blogger from here

2-) Press "Theme" on the left side

3-) On the right-hand side, click on "Edit All".

4-) Then we add the relevant code under the left panel ((<head>)).
Codes to add:

<! - Bootstrap 4 (www.ebubekirbastama.com) ->

  <link href = 'https: //maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css' rel = 'stylesheet' />

  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </ script>

  <script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"> </ script>

  <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"> </ script>

<! - Bootstrap 4 (www.ebubekirbastama.com) ->

5-) After adding, we record the proposal for just in case and continue.

6-) Now we are looking for "navbar" at first ((<body>)) and after we find it, we paste the related code immediately and change it by ourselves.

Our Code to Attach:

<! - Navbar Kodumuz www.ebubekir Bastama.com ->

<nav class = "navbar-expand-sm bg-success navbar-dark">

  <a class="navbar-brand" href="https://www.ebubekirbastama.com"> EC Software </a>

  data-toggle = "collapse" data-target = "# collapsibleNavbar"> <button class = "navbar-toggler"

    <span class = "navbar-toggler-icon"> </ span>

  </ Button>

  <div class = "collapse navbar-collapse" id = "collapsibleNavbar">

    <ul class = "navbar-nav">

      <li class = "nav-item">

        <a class="nav-link" href="#"> AnaSayfa </a>

      </ Li>

      <li class = "nav-item">

        <a class="nav-link" href="#"> About Us </a>

      </ Li>

      <li class = "nav-item">

        <a class="nav-link" href="#"> Communications </a>

      </ Li>

    </ Ul>

  </ Div>

</ Nav>

<! - Navbar Kodumuz www.ebubekirbastama.com ->

Finally we press the Save Top Template button and we exit.
Now you can look at your theme.

Devamını Oku...

Bootstrap HTML Responsive Templates(Company Introduction) V 0.11 | Ebubekir Bastama

Yazar ebubekirbastama 13 Ağustos 2018 Pazartesi 0 yorum

Good day friends



In this article, I would like to talk about the 10th theme of the Responsive html theme project, a new work for you. I told you that I will publish single-page Html Responsive designs for Web Designers to be useful. Health & Clinic promotion design has been made for the designs to be available in this design. If you like these designs, please remember to share this page link in your social media accounts.

If you want to add an additional design, you can make a reasonable change by communicating. Let's first explain the terms Responsive and Boostrap.



Boostrap is here to learn more.

What is responsive design?

Lately, many people are looking for a mobile version of their website. Now, we will try to keep you informed about the Responsive design, which is one of the most convenient ways to prepare web projects for almost everyone's mobile devices. what is responsive design, what is good, what should be paid attention, advantages / disadvantages for web project etc. We will put on the positions in the form of.



Basically responsive design; A design will adapt to different screen resolutions. As an example, the design of a responsive web site will look different on a desktop computer, but the screen size will look different on a smaller mobile device. Here, thanks to innovations coming with CSS3, the same page is reshaping if you look at different resolutions. For better visual appeal, you can observe that the browser on which our web site resides is responding well by playing with the dimensions. As you narrow down the browser, you'll first notice that tablets are then on the same page as a smartphone-compatible design.



Thanks to Responsive design, desktop, tablet and smart phone can be designed in a platform independent manner. When the mobilden is placed on the site, the design changes, it becomes smaller when it is touched to fit into the men's phones, and when the fonts are touched, the fonts become readable without enlarging the images and the images are gently stretched to the screen resolution. Frame and other elements also change according to resolution. Some modules hidden in the actual design are hidden if necessary.



It is important to know the screen resolutions of different devices here. Usually;

1024px for Desktop, Notebook and over

768px - 1023px for tablets

Horizontal designs of smartphones and some tablets. 480px - 767px

For smartphones: 479px and below



These resolutions are for gore css file, for example 480px or less;

@media screen and (max-width: 480px)



By writing the code, the css file is edited for this resolution.

Also for the responsive of the page

whatever the code is, it must be between the head tags.



Thanks to Responsive design, there is no need to create a separate subdomain or mobile site in virtual directory. You do not have to show any path to follow. The need for a separate URL is an advantage for search engine performance. Url structure and site indexing become even easier than creating a mobile site.



Reponsive design does not require you to have different web sites for different platforms. Cost is lower, construction is easier. It takes less time to maintain, update and develop.



Now let's come to our design squares:








Temamıza buradan ulaşabilirsiniz.
Devamını Oku...