İlk olarak Kendimize Yeni bir sayfa açalım (istediğimiz boyutlarda)
Ardından Yazımızı yazarak aşağıdaki Efectleri Yapalım (efectler temsilidir isteyen istediğini yapar)

1) Yazımıza Yapacağımız 1. Efect

2) Yazımıza Yapacağımız 2. Efect

3) Yazımıza Yapacağımız 3. Efect

Efectlerimiz Bitti ise şimdi yazıyı paramparça etmeye geldi.

İlk olarak silgimizi alalım (yazı layeri seçili olsun) ve resmimizin üstüne tıklayalım bir uyarı verecektir: (This Type Layer must be rasterized before proceeding. Its text will no longer be editable. Rasterize the type?”

Böyle bir uyarı verir. OK dersiniz ve silgimizin kalınlığı aşağıdaki resimdeki gibi olsun.

şimdi resmi dilediğiniz gibi istediğiniz yerden ince ince silin

Sonucun Buna Benzer olması gerekir:

Sanalkurs

The post Photoshop ile yazıyı parçalamak first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Sayfaları html’e dökerken en çok sıkıntı çıkaran konulardan biride sayfanın çeşitli browserlarda farklı şekillerde görüntülenmesidir. Bu yüzden birçoğumuz tasarımlarını işin hemen her basamağında belirli browserlarda test eder. Bu olaya cross-browser denir. Diğer bir deyişle tasarımlarınızı tüm browser’larda uyumlu ve aynı şekilde görüntülenip, çalıştırılmasıdır.

Bu standartlaştırma çeşitli css hack teknikleri ile yapılabiliyor. Ancak bunların en başında HTML etiketlerini sıfırlamak(resetlemek) geliyor. Bu sayede tasarımlarınızı browserlarda uyumlu hale getirmek için harcadığınız zamanda azalmış oluyor.

Bunu yapmak oldukça kolay tüm html etiketlerini sıfırlayabileceğiniz bir css reset dosyası. Bunun için en çok kullanılan iki reset.css dosyası var. Bunlardan biri Yahoo’nun geliştirdiği Yahoo UI Library Reset CSS, diğeride Eric Mayer’e ait Reset CSS dosyası. Birde bunların dışında benim geliştirdiğim bir reset.css dosyası var.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

    :focus { outline: 0; }

    body { line-height: 1; color: black; background: white; }

    ol, ul {  list-style: none; }

    table { border-collapse: separate; border-spacing: 0; }

    caption, th, td { text-align: left; font-weight: normal; }

    blockquote:before, blockquote:after, q:before, q:after { content: ""; }

    blockquote, q { quotes: "" ""; }

Belki burada çok fazla kullanılmaya ihtiyaç duyulmadığı için blockquote ve q taglerinden bahsedebiliriz. Bunların ikiside bu tag’ler arasında yer alan metinlerin alıntı olduğuna belirtir. Değer verilirken;

quotes: bu etiketlerin başlarında ve sonlarına hangi karekterlerin geleceğini belirtir. Çünkü metin alıntı olduğu için bunu çift tırnak, tek tırnak gibi karekterler arasında belirtilmek istenebilir. Bizimde yaptığımız burada bu tag’lerin başına ve sonuna hiçbirşey ekleme demek

content: verildiği çift tırnak değerleri bu iki etiketin öncesinde(before) ve sonrasında(after) hiçbir veri olmasın demektir.

Bu reset.css stil dosyasını kullandığınız harici css’lerinize veya yaptığınız sayfalarınızın içine en başta mutlaka import edin. Emin olun faydasını görüceksiniz

The post Css de Reset.css stil dosyası oluşturma first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu dersimizde Asp.net C# ile MS SQL’deki verileri rast gele çekip, GridView‘de göstereceğiz.

Adım 1 :
Yeni bir asp.net web projesi oluşturalım,
File > New > Web Site | projemize isim verip tamam’a tıklıyoruz.

Adım 2 :
Çalışma alanımıza GridView sürükleyip bırakalım.

Adım 3 :
Sayfamızın boş biryerine gelip, mause ile çift tıklayarak kod kısmına geçelim.

Adım 4 :
Sayfamızın Load kısmına, aşağıdaki kodlarmızı yazalım.

        SqlConnection con = new SqlConnection(@"Data Source=.SQLEXPRESS;Initial Catalog=StokKontrol;Integrated Security=True"); // database mizin yolu.
        SqlDataAdapter adp = new SqlDataAdapter("select top(5) * from Stoklar order by newid()", con); // önemli olan kısım burasıdır.  select  top(5)  demek : datbaseden sadece 5 veri çek demektir. order by newid() ise : rast gele databaseden veri çek dmeektir. yani databaseden rasat gele 5 veri çek dedik.
        DataTable dt = new DataTable();
        adp.Fill(dt); // SqlDataAdapter  daki verileri datatableye aktar.

        GridView1.DataSource = dt; // datatabledeki verileri GridView'de göster.
        GridView1.DataBind();

        adp.Dispose();
        dt.Clear();
        con.Close();

Kodumuzu yazdıktan sonra, F5 tuşuna basıp çalıştıra biliriz.

"select top(5) * from Stoklar order by newid()" // DataBase'den rastgele 5 kayıt çek.

Uygulamamız bu kadardır, umarım zorluk çekmezsiniz…

The post C#.Net ile database den nasıl rastgele veri çekilir first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Yeni MSN aldığınızda kişilerinizi tek tek yüklemeye uğraşmıyacaksınız. 2 dakikada tüm kişi listenizi yeni adresinize yükliyebileceksiniz. Bu 10 kişi yüklemek için de geçerli, 1000 kişi yüklemek için de…

Başlıyoruz. Kolay olduğundan dolayı kısa kısa anlatacağım. Resimler yardımcı olacaktır zaten..

Menü‘den Kişiler>Anlık ileti kişilerini kaydet… tıklıyoruz.

Kaydedeceğimiz yeri seçiyoruz.

Sonra eski MSN’nimizle artık işimiz kalmıyor Menü‘den Dosya>Oturumu kapat

Yeni MSN’nimizi açıyoruz.

Menü‘den Kişiler>Anlık ileti kişilerini al… tıklıyoruz.

Kişi listemizi nereye kaydettiysek seçip Aç seçeneğine tıklıyoruz.

Ve kaç kişi varsa Evet’e basıp kişi listemize yüklüyoruz.

İşlem Tamam. Eski MSN’ninizdeki kişilerini 2 dakika içinde yeni MSN’ninize aktardık.

Not: Serverların hızları yavaş olduğu için kişileri tek tek ve geç yükleyecektir. Bunun için kişileri yükledikten sonra oturumunuzu bir süre (1 veya 2 saat) kapalı tutun..

Gelen aramalar :

• msn arkadaş ekleme nasıl yapılır

The post Yeni msn hesabına eski kişiler nasıl aktarılır first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

• bgcolor

Bgcolor parametresi ile arkadaşlar sayfamızın arkaplan rengini belirtmek için kullanılan bir parametredir. Kullanış şekli font etiketi kullanımına benzeyen ve en çok dikkat edilmesi gereken nokta </head> etiketinden sonra açılan <body> kapatılmadan yani <body> içerisinde kullanılması gerekir.

• Arkaplan Çeşitleri

İki çeşit arkaplan verebiliriz sayfalarımıza arkadaşlar birisi şuan anlattığım renk kodu ile dğeri ise ilerleyen derslerde anlatacağım resimlerden arkaplan oluşturarak şimdi anlattığım bcolor olayını uyguluyoruz açıyoruz not defterimizi ve aşağıdaki kodları aynen yazınız siz isterseniz farklı renkler kullanabilirsiniz.

Kodlarımızı yazıp farklı kaydet diyerek arkaplan.html olarak masaüstüne kaydedin arkadaşlar.<html>
<head>
<title>barış özcan İle Web Tasarım Dersleri Ders6</title>
</head>
<body bgcolor=”#FF0000″>
<font color=”FFFFFF”> Arkaplan Rengi Kırmızı Yazı Rengi Beyaz Olan Bir Uygulama</font>
</body>
</html>

Html Arkaplan Rengi

Yukarda ne yaptık onu özetliyim arkadaşlar  <body bgcolor=”#FF0000″> unutmayın arkaplan resim yada renk farketmeksizin <body> içine ekliyoruz ve #FF0000 diyerek kırmızı arkaplan olmasını istedim daha öncede belirttiğim gibi #FF0000 yerine kırmızı rengin ingilizce karşılığı olan red olarakte değer verebilirsiniz.

<font color=”FFFFFF”> Arkaplan Rengi Kırmızı Yazı Rengi Beyaz Olan Bir Uygulama</font> Burda ise daha önceki derslerde anlattığım basitçe yazı şekillendirme kodu yer almakta ve yazıya renk verdim.

Html Listeleme Etiketleri

Html sayfalarda arkadaşlar listeleme etiketleri ile otomatik numaralandırılan listeler oluşturmamız sağlar bu özellik microsoft word proğraındada vardır açarsnız listelemeyi siz satır atladıkça o nuara ekler başına onun bir versiyonuda bu html listelemeler.

• Sıralı Listeler
• Sırasız Listeler
• Tanımlama Listeleri

Yukarda yaptığımda bir listeleme örneğidir arkadaşlar onları nokta değilde rakamda verebilirdim şimdi geçiyoruz listeleme etiketlerine.

• Sıralı Listeler

Sıralı listeler arkadaşlar harflerden, rakamlardan ve roma rakamlardan oluşur yani bu 3 seçeneği kullanma hakkımız bulunmaktadır.

Numaralandırma şekli nasıl numaralandırma yapmasını istiyorsak <ol type=”…..”> etiketi ile belirlenir ve değer atanır.

Listeleyeceğimiz hemen numaranın yanında yer alacak yazımız ise örnek isimler diyelim <li> etiketleri arasında kalmalıdır.

Sıralı listeler Uygulaması

Not defterimizi açıyoruz arkadaşlar aşağıdaki kodları yazıp farklı kaydetten dosya adına siralilisteler.html olarak kaydedelim siz isimleri farklı kullanabilirisniz.

<html>
<head>
<title>barış özcan İle Web Tasarım Dersleri Ders6</title>
</head>
<body>
<ol type=”1″>
<li>Web Tasarım</li>
<li>Grafikerlik</li>
<li>Web Programlama</li>
</ol>

<br><br><br>

<ol type=”a”>
<li>Html Bilgisi</li>
<li>Grafik Bilgisi</li>
<li>Tasarım Bilgisi</li>
</ol>

</body>
</html>

Html Sıralı Listeler

Evet Arkadaşlar yukarda iki örnek yaptık biri rakamlar başlayan liste diğeri ise harflerden oluşan bir liste ile yapmış olduk şimdi ise sırasız listeleri ele alacağız.

Sırasız Listeler

Sırasız listelerde sıra listeler gibi kullanım açıısndan hemen hemen aynı sayılır arkadaşlar. Farklı yönleri sıralı listede kullanılan rakam, harf ve roma rakamı kullanılmamasıdır.

Sıralı listeleri nasıl başlatıyorduk <ol type=”…..”> sırasız listelerde ise farklı olarak <ul type=”…..”> yani ol yerine ul parametresi kullanılacak liste sonunda ol ve ul parametrelerini kapatmayı unutmayın.

Sırasız listelerde Seçenekler

• Dicc: İçi Dolu Daire
• Circle İçi Boş Daire
• Square İçi Dolu Kare

Sırasız listelerde 3 seçenekten oluşuyor dedik ve yukarda değerleri verdik arkadaşlar artık kullanı seçimi size kalmış şimdi birde uygulama yapalım hep birlikte açıyoruz not defterimizi ve aşağıdaki kodları başlıyoruz yazmaya yaınca farklı kaydet diyerek dosya adı sirasizlisteler.html olarak kaydediyoruz.

<html>
<head>
<title>Webmasteryolcu İle Web Tasarım Dersleri Ders6</title>
</head>
<body>
<ul type=”disc”>
<li>Web Tasarım</li>
<li>Grafikerlik</li>
<li>Web Programlama</li>
</ul>

<br><br><br>

<ul type=”circle”>
<li>Html Bilgisi</li>
<li>Grafik Bilgisi</li>
<li>Tasarım Bilgisi</li>
</ul>

<br><br><br>

<ul type=”square”>
<li>Webmaster</li>
<li>Grafiker</li>
<li>Programcı</li>
</ul>
</body>
</html>

Html Sırasız Listeler

Yukardaki örnekleri hemen özetleyelim arkadaşlar ne yaptık

İlk örnek Disc kullandım  içi dolu daire şeklinde listeleme yaptım

İkince örnek Circle kullandım içi boş daire şeklinde listeleme yaptı

Üçüncü örnekte ise Square kullandım ve içi dolu kare şeklinde listeleme elde ettim değerli arkadaşlar.

Bugünkü dersimiz ve listele işlemleri bu kadar arkadaşlar bir sonraki dersimiz pazar günü olacak bir gün boş geçiyorum sizlerin sıkılmaması ve bol bol uygulama yapmanız için mutlaka devam edin arkadaşlar sonunda hem geleceğiniz hem hayatınızı değiştirecek imkanlar açacak bu dersler size.

The post Web Tasarım Dersleri html Arkaplan Rengi ve Listelemeler first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.