
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8"> 
<title>3 Adımda Web Tasarım! | Modern Fikirler Enstitüsü</title>
<meta name="robots" content="index, follow" />
<meta name="description" content="internet sitesi, web tasarım yapılırken uyguladığımız adımlar" />
<meta name="keywords" content="web tasarım, web site, internet sitesi," />
<meta name="googlebot" content="All, Index, Follow" />
<meta name="Robots" content="All, Index, Follow" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="1 days" />
<meta name="distribution" content="global" />
<link rel="stylesheet" href="https://mii.com.tr/assets/css/bootstrap-3.3.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://mii.com.tr/style.css">
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/js/owl/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="https://mii.com.tr/assets/js/owl/owl.theme.css">
<link id="page_favicon" href="https://mii.com.tr/assets/img/favicon-32x32.png" rel="icon" type="image/x-icon" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale = 1, maximum-scale=1, user-scalable=no" />
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="480"/>
<meta name="verify-admitad" content="ecd7e1c696" />


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109714748-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-109714748-1');
</script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(52212787, "init", {
        id:52212787,
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/52212787" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
<div id="modernfikirlerenstitusu">
<div id="home" class="altenative">
<div class="header">
<div class="wrap">
<div class="mii-logo col-md-3 col-xs-8"><a href="https://mii.com.tr/"><img src="https://mii.com.tr/assets/img/logo.png"></a></div>
<div class="hamburger col-md-1 col-xs-4"><span class="line"></span><span class="line"></span><span class="line"></span></div>
<nav class="nav col-md-8">
<ul>
<li><a href="https://mii.com.tr/">Anasayfa</a></li>
<li title="Web Tasarım"><a title="Web Tasarım" href="https://mii.com.tr/web-tasarim/">Web Tasarım</a></li>

<li class="drop"><a href="#">Neler Yaparız</a>
<ul class="dropdown">

<li><a href="https://mii.com.tr/hizmetlerimiz/#dijital-inovasyon" title="Dijital İnovasyon">Dijital İnovasyon</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#web-tasarim" title="Web Tasarım">Web Tasarım</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#marka-stratejisi" title="Marka Stratejisi">Marka Stratejisi</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#produksiyon" title="Prodüksiyon">Prodüksiyon</a></li>

</ul>
</li>
<li><a href="https://mii.com.tr/tum-isler/">İşler</a></li>
<li><a href="https://blog.mii.com.tr/" target="_blank">Blog</a></li>
<li><a href="https://mii.com.tr/iletisim/">İletişim</a></li>
<div class="clear"></div>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
<div class="home-content"><div class="wrap slideInUp animation-element"><h2 lang="tr">3 Adımda Web Tasarım!</h2><p>Ofisimizde rutin bir internet sitesi çalışmaları sırasında gerçekleştirdiğimiz işlemler</p></div></div><div class="altenative_bg animation-element" style="background-image: url(https://mii.com.tr/media/web-site-tasarimi.svg)"></div>
</div>
<div id="fullpage">
<section id="content-area">
<div class="wrap">
<div class="col-xs-12 col-md-1 yfix">
<div id="sticky"><div class="page_line"></div><div class="left_social_media">
<a class="facebook" href=""><i class="fa fa-facebook"></i></a>
<br>
<a class="twitter" href=""><i class="fa fa-twitter"></i></a>
<br>
<a class="google" href=""><i class="fa fa-google-plus"></i></a>
<br>
<a class="pinterest" href=""><i class="fa fa-pinterest"></i></a>
<br>
<a class="comment" href=""><i class="fa fa-comment"></i></a>
<br>
</div></div>
</div>
<div class="col-xs-12 col-md-8 yfix">
<div class="quotes"><i class="fa fa-quote-left"></i></div>
<div class="quotes_after">
<h1 class="page_cap">HİZMETLERİMİZ / Web Tasarım</h1>
<h2 class="page_spot col-xs-12 col-md-8">3 Adımda Web Tasarım!</h2>
</div>
<div class="clearfix"></div>
<div class="page_content">

<p class="p1" style="display: inline !important;"><span style="font-weight: bolder;">Web Tasarıma Başlamadan Önce Yapılması Gerekenler;</span></p><div><ol><li><span style="font-size: 12.8px;">Veri tabanının planlanması.</span></li><li>Admin panelinin yapısının planlanması.</li><li>Kullanılacak yazılım eklentilerin belirlenmesi.</li><li>Sunucu yapılandırmalarının planlanması.</li><li>Sitenin en hızlı çalışmasının sağlayacak yazılım eklentilerinin planlanması. (Ön Bellek vs. )</li><li>Sitenin genel yapılarında değiştirilebilecek olan alanların belirlenmesi. (Genel ayarlar bölümü)</li><li>Sitelerde kullanılacak formların belirlenmesi. (iletişim formları, insan kaynakları formları)</li></ol><div><br></div><div><br></div><div>




<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Gotham Rounded'}
</style>


<p class="p1"><b>1. TASARIM ÇALIŞMALARI</b></p><div><ol><li>Müşteri için minimal çizgilerde kullanıcıyı yormayacak tasarım çalışmalarından oluşacaktır. Tamamlayıcı ve bütünleyici olması açısından diğer kurumsal kimlik çalışmalarındaki komponentlerden faydalanılarak tasarlanması.&nbsp;</li><li>Kullanıcı deneyimi tasarımı (UX Design)</li><li>Kullanıcı arayüzü tasarımı (UI Design)</li><li>Mobil kullanıcı deneyimi tasarımı (Mobile UX Design)</li><li>Mobil arayüz tasarımı (Mobile UI Design)</li><li>Arayüz uygulama geliştirme (UI Development)</li></ol></div></div><div><br></div><div><br></div><div>




<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Gotham Rounded'}
</style>


<p class="p1"><b>2. KODLAMA ÇALIŞMALARI</b></p><div><div><ol><li>Müşterinin web sayfasının mobil uyumlu hale getirilerek yenilikçi içeriklere hazır bir altyapıya kavuşturulması. Modern ve özgün kodlarla tasarlanarak eşsiz ve yenilikçi hale getirilmesi. Sosyal medya entegrasyonları ile canlılığının sürekli korunması. Yönetim paneli ile anlık içerik değişimi</li><li>Dinamik Responsive Tasarım</li><li>Css3 &amp; Html5 teknolojisi ile kodlama</li><li>Sınırsız menü ve altmenü oluşturabilme</li><li>iPhone, iPad&nbsp; ve Tüm android mobil cihazlara tam uyum</li><li>Tüm tarayıcılarda aynı web görüntüsü</li><li>Grid teknolojisi ile tüm çözünürlüklere özel görüntü</li><li>j-Query teknolojisi ile kodlama</li><li>Dinamik Site Haritası</li><li>%100 Google uyumluluğu</li></ol></div></div></div><div><br></div></div><div>




<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Gotham Rounded'}
</style>


<p class="p1"><b>3. YAZILIM&amp;PROGRAMLAMA ÇALIŞMALARI</b></p><div><ol><li><span style="font-size: 12.8px;">Yapılacak web sitesi tamamen yönetim panelinden yönetilebilen Asp.NET kodlaması ile yapılacaktır. Websitesi çok hızlı çalışmakla birlikte CSS kodlama sayesinde çok az kod ile çok daha fazla bilgi sunacaktır bu sayede web siteleri hem arama motorları tarafından hızlı taranacak hem de ziyaretçi yavaşlık nedeniyle siteden sıkılmayacak sitede dilediği gibi dolaşabilecektir.</span></li><li><span style="font-size: 12.8px;">Modern Fikirler Enstitüsü içerik yönetim sistemi kurulumu</span></li><li><span style="font-size: 12.8px;">HTML, CSS, asp.NET, jQuery, MsSQL teknolojilerinden oluşan sistem yapısı</span></li><li><span style="font-size: 12.8px;">Temel düzeyde arama motorları optimizasyonu yapılmış kod yapısı (SEO)</span></li><li><span style="font-size: 12.8px;">Tüm platformlarda görüntülenebilen tam uyumlu tasarım (Mobil Cihaz Entegrasyonu)</span></li><li><span style="font-size: 12.8px;">Cross-Browser kontrolleri ve adaptasyonu</span></li></ol></div></div><div><span style="font-size: 12.8px;"><br></span></div>

<p style="margin-top: 30px;"><i class="fa fa-tags" aria-hidden="true"></i> Etiketler: 
<a class='tag' href='https://mii.com.tr/webtasarim' title='web tasarım'>web tasarım</a>&nbsp;<a class='tag' href='https://mii.com.tr/webtasarim' title=' web site'> web site</a>&nbsp;<a class='tag' href='https://mii.com.tr/webtasarim' title=' internet sitesi'> internet sitesi</a>&nbsp;<a class='tag' href='https://mii.com.tr/webtasarim' title=''></a>&nbsp;
</p>

<div class="services_links">

</div>

<div class="clearfix"></div><div style="float: right; width: 80px;"><i class="fa fa-quote-right"></i></div><div class="clearfix"></div>
</div></div>

<div class="col-xs-12 col-md-3 sidebar yfix">
<div id="sticky">
<aside>
<nav>
<ul class="nav">

<li><a class="toggle-custom" id="btn-1" data-toggle="collapse" data-target="#submenu1" aria-expanded="false"><i class="fa fa-paint-brush"></i> Dijital İnovasyon</a>
<ul class="panel-collapse collapse submenu" id="submenu1" role="menu" aria-labelledby="btn-1">

<li><a href="https://mii.com.tr/ui-ux-tasarim/" title="UI/UX Tasarım">UI/UX Tasarım</a></li>

<li><a href="https://mii.com.tr/dijital-strateji/" title="Dijital Strateji">Dijital Strateji</a></li>

<li><a href="https://mii.com.tr/fotograf-cekimi/" title="Fotoğraf Çekimi">Fotoğraf Çekimi</a></li>

<li><a href="https://mii.com.tr/kurumsal-kimlik/" title="Kurumsal Kimlik">Kurumsal Kimlik</a></li>

<li><a href="https://mii.com.tr/icerik-gelistirme/" title="İçerik Geliştirme">İçerik Geliştirme</a></li>

<li><a href="https://mii.com.tr/dijital-reklam-kampanyalari/" title="Dijital Reklam Kampanyaları">Dijital Reklam Kampanyaları</a></li>

<li><a href="https://mii.com.tr/mobil-responsive-tasarim/" title="Mobil / Responsive Tasarım">Mobil / Responsive Tasarım</a></li>

<li><a href="https://mii.com.tr/sosyal-medya-tasarimlari/" title="Sosyal Medya Tasarımları">Sosyal Medya Tasarımları</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-2" data-toggle="collapse" data-target="#submenu2" aria-expanded="false"><i class="fa fa-desktop"></i> Web Tasarım</a>
<ul class="panel-collapse collapse in submenu" id="submenu2" role="menu" aria-labelledby="btn-2">

<li><a href="https://mii.com.tr/web-tasarimi-ve-web-yazilimi/" title="Web Tasarımı ve Web Yazılımı">Web Tasarımı ve Web Yazılımı</a></li>

<li><a href="https://mii.com.tr/webtasarim/" title="3 Adımda Web Tasarım!">3 Adımda Web Tasarım!</a></li>

<li><a href="https://mii.com.tr/e-ticaret-web-site-yazilimi/" title="E - Ticaret Web Site Yazılımı">E - Ticaret Web Site Yazılımı</a></li>

<li><a href="https://mii.com.tr/mobil-uygulama-gelistirme/" title="Mobil Uygulama Geliştirme">Mobil Uygulama Geliştirme</a></li>

<li><a href="https://mii.com.tr/responsive-web-site-tasarimi/" title="Responsive Web Site Tasarımı">Responsive Web Site Tasarımı</a></li>

<li><a href="https://mii.com.tr/icerik-yonetim-sistemi/" title="İçerik Yönetim Sistemi">İçerik Yönetim Sistemi</a></li>

<li><a href="https://mii.com.tr/web-tabanli-uygulamalar-ve-sistemler/" title="Web Tabanlı Uygulamalar ve Sistemler">Web Tabanlı Uygulamalar ve Sistemler</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-3" data-toggle="collapse" data-target="#submenu3" aria-expanded="false"><i class="fa fa-cog"></i> Marka Stratejisi</a>
<ul class="panel-collapse collapse submenu" id="submenu3" role="menu" aria-labelledby="btn-3">

<li><a href="https://mii.com.tr/marka-tescili/" title="Marka Tescili">Marka Tescili</a></li>

<li><a href="https://mii.com.tr/google-reklamlari/" title="Google Reklamları">Google Reklamları</a></li>

<li><a href="https://mii.com.tr/sosyal-medya-yonetimi-ve-reklamciligi/" title="Sosyal Medya Yönetimi ve Reklamcılığı">Sosyal Medya Yönetimi ve Reklamcılığı</a></li>

<li><a href="https://mii.com.tr/arama-motoru-optimizasyonu/" title="Arama Motoru Optimizasyonu">Arama Motoru Optimizasyonu</a></li>

<li><a href="https://mii.com.tr/icerik-gelistirme-ve-metin-yazarligi/" title="İçerik Geliştirme ve Metin Yazarlığı">İçerik Geliştirme ve Metin Yazarlığı</a></li>

</ul>
</li>

<li><a class="toggle-custom" id="btn-4" data-toggle="collapse" data-target="#submenu4" aria-expanded="false"><i class="fa fa-video-camera"></i> Prodüksiyon</a>
<ul class="panel-collapse collapse submenu" id="submenu4" role="menu" aria-labelledby="btn-4">

<li><a href="https://mii.com.tr/kurgu-post-produksiyon/" title="Kurgu & Post Prodüksiyon">Kurgu & Post Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/video-produksiyon/" title="Video Prodüksiyon">Video Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/logo-animasyonu/" title="Logo Animasyonu">Logo Animasyonu</a></li>

<li><a href="https://mii.com.tr/muzik-produksiyon/" title="Müzik Prodüksiyon">Müzik Prodüksiyon</a></li>

<li><a href="https://mii.com.tr/tanitim-filmi/" title="Tanıtım Filmi">Tanıtım Filmi</a></li>

<li><a href="https://mii.com.tr/bant-reklam/" title="Bant Reklam">Bant Reklam</a></li>

<li><a href="https://mii.com.tr/seslendirme/" title="Seslendirme">Seslendirme</a></li>

<li><a href="https://mii.com.tr/jingle-reklam-muzigi/" title="Jingle & Reklam Müziği">Jingle & Reklam Müziği</a></li>

</ul>
</li>

</ul></nav></aside><div class="clearfix"></div></div></div><div class="clear"></div></div>

</section><!-- content-area -->
<div id="footer">

<div class="wrap">
<div class="footer-top">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<div class="partners">
<img src="https://mii.com.tr/assets/img/logo.png" class="footer-logo"><br>
<h3>&nbsp;</h3>
<img src="https://mii.com.tr/assets/img/partner_logo_3.PNG" class="footer-partner">
<img src="https://mii.com.tr/assets/img/partner_logo_4.PNG" class="footer-partner"><br>
<img src="https://mii.com.tr/assets/img/partner_logo_2.PNG" class="footer-partner">
<img src="https://mii.com.tr/assets/img/partner_logo_1.PNG" class="footer-partner">
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<h3>Site Haritası</h3>
<ul id="menu-footer-menu" class="">
<li><a href="https://mii.com.tr/">Anasayfa</a></li>
<li><a href="https://mii.com.tr/hizmetlerimiz/">Hizmetlerimiz</a></li>
<li><a href="https://mii.com.tr/web-tasarim/">Web Tasarım</a></li>
<li><a href="https://mii.com.tr/tum-isler/">İşler</a></li>
<li><a href="https://blog.mii.com.tr/" target="_blank">Blog</a></li>
<li><a href="https://mii.com.tr/uygulamalar/">Uygulamalar</a></li>
<li><a href="https://mii.com.tr/iletisim/">İletişim</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox our-box">
<h3>Hizmetler</h3>
<ul id="menu-our-menu" class="">

<li><a href="https://mii.com.tr/hizmetlerimiz/#dijital-inovasyon" title="Dijital İnovasyon">Dijital İnovasyon</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#web-tasarim" title="Web Tasarım">Web Tasarım</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#marka-stratejisi" title="Marka Stratejisi">Marka Stratejisi</a></li>

<li><a href="https://mii.com.tr/hizmetlerimiz/#produksiyon" title="Prodüksiyon">Prodüksiyon</a></li>

</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fbox">
<h3>İletişime Geç</h3>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/location-icon.png" alt=""></div>
<div class="right-text">Şimdilik Evlerimizdeyiz. / @remotemode</div>
<div class="clearfix"></div>
</div>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/ph-icon2.png" alt=""></div>
<div class="right-text"> <a href="tel:+905331438563">+90 533 143 85 63</a>
</div>
<div class="clearfix"></div>
</div>
<div class="block"><div class="left-icon"> <img src="https://mii.com.tr/assets/img/mail-icon.png" alt=""></div>
<div class="right-text"> <a href="/cdn-cgi/l/email-protection#335a5d555c735e5a5a1d505c5e1d4741" class="email"><span class="__cf_email__" data-cfemail="0d64636b624d606464236e626023797f">[email&#160;protected]</span></a>

</div>
<div class="clearfix"></div>
</div>



</div>
</div>
</div>
</div>


<div class="footer-bottom">
<div class="icon-block">
<ul>
<li><a href="https://tr-tr.facebook.com/mii.com.tr/" target="_blank">
<i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/company/miicomtr/" target="_blank">
<i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/mii.com.tr/" target="_blank">
<i class="fa fa-instagram"></i></a></li>
</ul>
<div class="clearfix">
</div>
</div>
<div class="lt-block">
<div class="">
<div class="textwidget">
<p>© Modern Fikirler Enstitüsü Tasarım ve Yazılım Ofisi | 2016 .</p>
</div>
</div>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div><!-- fullpage -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://mii.com.tr/assets/js/jquery.js"></script>
<script type="text/javascript" src="https://mii.com.tr/assets/js/custom.js"></script>
<script type="text/javascript" src="https://mii.com.tr/assets/js/owl/owl.carousel.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$(".hamburger").click(function() {
    $(".hamburger .line").toggleClass("is-active");
    $(".nav").toggleClass("show");
});
});

function load_ok() {$(".loader").addClass('loading');}
$(document).ready(function() {
$(".drop").mouseover(function() {$(".dropdown").show(300);});
$(".drop").mouseleave(function() {$(".dropdown").hide(300);});
});
</script>
<script>
var $animation_elements = $('.animation-element');
var $window = $(window);
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = window_top_position + window_height;
$.each($animation_elements, function () {
var $element = $(this);
var element_height = $element.outerHeight();
var element_top_position = $element.offset().top;
var element_bottom_position = element_top_position + element_height;
if (element_bottom_position >= window_top_position && element_top_position <= window_bottom_position) {
$element.addClass('animated');
} else {
$element.removeClass('animated2');
}
});
}
$window.on('scroll resize', check_if_in_view);
$window.trigger('scroll');
//# sourceURL=pen.js


</script>



<script src="https://mii.com.tr/assets/css/bootstrap-3.3.1/dist/js/bootstrap.min.js" type="text/javascript" ></script>

<script>$(window).load(function(){width = $( window ).width();if(width >= 640){var maxHeight = -1;$('.yfix').each(function() {maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();});$('.yfix').each(function() {$(this).height(maxHeight);});}})
$(window).load(function(){
$(".altenative_bg").addClass("slideInUp");
});
</script>
</div><!-- modernfikirler -->
</body>
</html>