HTML

Sayfa isimlerini listelemek için aşağıdaki yöntemler kullanılabilir: Formül kullanarak. Bunun için: Excel şeridinde "Formüller" > "Ad Yöneticisi" > "Yeni Ad" kutucuğuna "Çalışma Sayfaları" yazılır. İletişim kutusunun "Başvuru" bölümünde `=ÇALIŞMA KİTABI(1) & T(ŞİMDİ())` formülü yazılır. MID ve FIND işlevleri ile diziden sayfa adları çıkarılır, ardından INDEX ve ROW işlevleri ile her değer görüntülenir. Makro kullanarak: `Sub index()`. `Application.ScreenUpdating = False`. `Sheets(1).Select`. `Range("B2:B65000").ClearContents`. `For i = 1 To Sheets.Count`. `Sheets(1).Cells(i + 2, 2).Value = Sheets(i).Name`. `Next i`. `For i = 2 To Sheets.Count`. `Cells(i + 2, 2).Select`. `ActiveSheet.Hyperlinks.Add Anchor:=Selection, Address:="", SubAddress:="'" & Sheets(i).Name & Selection.Font.Underline = xlUnderlineStyleNone`. `With Selection.Font`. `.ColorIndex = xlAutomatic`. `.TintAndShade = 0`. `End With`. `Next i`. `Application.ScreenUpdating = True`. `End Sub`. UserForm üzerinde. Sayfa isimlerini listeleme yöntemleri, kullanılan Excel sürümüne ve diğer faktörlere bağlı olarak değişiklik gösterebilir

Web sayfası "Farklı Kaydet" seçeneği ile genellikle HTML formatında kaydedilir. Ancak, kaydedilen format, seçilen "Kaydet" seçeneğine bağlı olarak değişebilir: Web Sayfası, Tamamı: HTML dosyasının yanı sıra, sayfadaki tüm grafik ögeler, stiller ve komut dosyalarını içeren bir klasör oluşturur. Web Sayfası, Sadece HTML: Herhangi bir grafik veya göz alıcı unsur olmadan yalnızca web sayfasının metnini kaydeder. Web Sayfası, Tek Dosya: Web sayfasını ve tüm kaynaklarını tek bir .mhtml dosyasında toplar. PDF: Sayfanın ana içeriğini korur, ancak menüleri ve banner'ları atar.

IMG Title etiketi, görsel hakkında ek bilgi sunmak için kullanılır. IMG etiketi ise, HTML belgesinde kullanılan görsellerin tanımlandığı alandır. Alt etiketi, görme engelli kullanıcıların görseli anlamalarına yardımcı olmak ve SEO için kullanılır. Örnek bir IMG etiketi kullanımı: ``` <img src="image.jpg" alt="alt etiketi" width="100" height="100" /> ``` .

HTML'de tasarım yapmak için aşağıdaki adımlar izlenebilir: 1. Temel HTML Etiketleri: HTML tasarımı için temel etiketler olan `<html>`, `<head>`, `<title>`, `<body>`, `<p>`, `<img>` ve `<a>` gibi etiketler kullanılır. 2. CSS ile Stil Ekleme: CSS (Cascading Style Sheets), HTML'in yapısını ve içeriğini değiştirmeden web sayfalarının görünümünü ve stilini belirlemek için kullanılır. 3. CSS Dosyası Kullanımı: CSS dosyaları, HTML belgelerine `<link>` etiketi ile bağlanarak veya `<style>` etiketi içinde doğrudan HTML belgesine yazılarak kullanılabilir. 4. Responsive Tasarım: Web sayfalarının farklı cihazlarda (bilgisayarlar, tabletler, telefonlar) uygun şekilde görüntülenmesini sağlamak için CSS ile medya sorguları kullanılabilir. HTML ve CSS ile web tasarımı öğrenmek için YouTube ve Udemy gibi platformlarda eğitim videoları ve kursları bulunabilir.

Resim üzerine link koymak için <a> ve <img> etiketleri birlikte kullanılır. Temel kullanım şekli: ```html <a> <img src="resim.jpg"> </a> ``` Bu kullanımda, `<a>` etiketi içinde `<img>` etiketi yer alır.

Frontend'de tablo oluşturmak için aşağıdaki yöntemler kullanılabilir: HTML ve CSS ile tablo oluşturma. Bootstrap ile tablo oluşturma. Örnek HTML kodu: ```html <table> <thead> <tr> <th>Id</th> <th>İsim</th> <th>Soy İsim</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Murat</td> <td>Bilginer</td> </tr> <tr> <td>2</td> <td>Meryem</td> <td>Bilginer</td> </tr> </tbody </table> ``` Örnek Bootstrap kodu: ```html <div class="container"> <h2>Temel Tablo</h2> <table class="table"> <thead> <tr> <th>ADI</th> <th>SOYADI</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>Tekno</td> <td>TOWER</td> <td>teknotower@example.com</td> </tr> <tr> <td>Emre Fatih</td> <td>YÜCEL</td> <td>fatih@example.com</td> </tr> <tr> <td>Murat</td> <td>BERKSOY</td> <td>murat@example.com</td> </tr> </tbody> </table>

HTML'de "devam et" ifadesi, genellikle <p> etiketi ile yeni bir paragraf başlatılarak yazılır. Bu etiket, metinlerin yeni bir satırda başlamasını sağlar. Örnek kullanım: ```html <p>Devam et.</p> ``` HTML etiketleri genellikle çiftler halinde kullanılır; başlangıç etiketi (<p>) ve bitiş etiketi (</p>) olarak. Ancak, bazı etiketler (örneğin, <br>) sadece başlangıç veya bitiş etiketi olarak kullanılabilir.

Koyu kahverengi rengin hex renk kodu #654321'dir. Bu renk, RGB renk modellemesinde %39,61 kırmızı, %26,27 yeşil ve %12,94 mavi içerir.

Telefon numarası giriş alanında placeholder oluşturmak için aşağıdaki yöntemler kullanılabilir: JQuery kullanarak: Giriş olayı (input event). Odaklanma (focus) ve bulanıklık (blur) olayları. Örnek bir kod parçası: ```html <label for="phoneNumber">Telefon Numarası:</label> <input type="text" id="phoneNumber" placeholder="Telefon numarasını girin"> ``` JQuery ile: ```javascript $(document).ready(function() { $('#phoneNumber').on('input', function() { let inputValue = $(this).val(); if (inputValue.length === 0) { $(this).attr('placeholder', 'Telefon numarasını girin'); } else { $(this).removeAttr('placeholder'); } }); }); ``` Ayrıca, HTML'de `<input type="tel">` etiketi kullanarak bir telefon numarası giriş alanı tanımlanabilir.

Offset ve margin terimleri, genellikle tasarım ve yazılım geliştirme alanlarında kullanılır: Offset, bir nesnenin bir referans noktasına göre konumunu ifade eder ve "kaydırmak" veya "dengelenmek" anlamlarına gelir. Margin, bir kutunun diğer kutularla veya içerikle arasındaki mesafeyi ayarlayan boşluktur. Bazı kullanım örnekleri: Margin offset, bir öğenin belirlenecek marjdan ne kadar uzaklaştığını ifade eder. CSS margin, HTML elementleri arasında boşluk oluşturmak için kullanılır. Bu terimler, özellikle web geliştirme ve grafik tasarımda içeriğin görsel düzenini optimize etmek için önemlidir.

HTML 5 ve 6 arasındaki bazı farklar: Çıkış Tarihi: HTML 5, 2014 yılında piyasaya sürüldü ve halen geliştirilmeye devam ediyor. Yeni Özellikler: HTML 6, daha kısa ve anlamlı bir sözdizimi, diğer web teknolojileriyle daha iyi entegrasyon, daha fazla modülerlik ve genişletilebilirlik, farklı tarayıcılar ve cihazlarla daha iyi uyumluluk sunmayı amaçlamaktadır. Özel HTML Öğeleri: HTML 6, kendi yapısı, stili ve davranışıyla özel, yeniden kullanılabilir HTML öğeleri oluşturma imkanı tanır. Esnek Görüntü Boyutlandırma: HTML 6, resimlerin gerekli yükseklik ve genişliğini sunucudan alınırken belirtme imkanı sunarak optimal çözünürlükte görüntülerin indirilmesini sağlar. Entegrasyon ve Kütüphaneler: HTML 6, standart kütüphanelerin tarayıcılarla birlikte yayınlanmasını sağlayarak enerji ve performans tasarrufu sağlayabilir. HTML 6'nın çıkış tarihi ve hangi özellikleri içereceği kesin olarak belirlenmemiştir.

İçerik kod oranı, %25 ile %70 arasında olmalıdır. İdeal içerik kod oranını sağlamak için şu yöntemler uygulanabilir: Gereksiz kodları kaldırma. CSS ve JavaScript optimizasyonu. Görselleri optimize etme. Yapısal veriler kullanma. HTML sıkıştırma ve önbellekleme. İçerik kod oranı, arama motorlarının sayfayı daha kolay tarayabilmesini ve sitenin daha hızlı yüklenmesini sağlar, bu da SEO performansını artırır.

Evet, iframede arka plan şeffaf olabilir. Bunun için CSS kodunda `background-color: transparent;` ifadesi kullanılabilir. Ancak, IE8 gibi bazı tarayıcılarda şeffaf arka plan işleme sorunları olabilir. Arka plan şeffaflığı, kullanılan görsel formatına da bağlıdır. Örneğin, JPG formatındaki görseller arka planı şeffaf olarak kullanılamaz.

HTML'de çerçeve (frame) oluşturmak için aşağıdaki adımlar izlenebilir: 1. Frameset Etiketini Kullanma: Çerçeve oluşturmak için `<frameset>` etiketi kullanılır. 2. Çerçevelerin Yerleşimini Ayarlama: Çerçevelerin dikey veya yatay olarak yerleştirilmesi için `cols` ve `rows` yardımcıları kullanılır. 3. Çerçeve İçeriğini Belirleme: Her çerçeve için içerik belirlemek amacıyla `<frame>` etiketi kullanılır. 4. Ek Özellikler Ekleme: `frameborder` ile çerçeveler arasında çizgi olup olmayacağı, `scrolling` ile kaydırma çubukları ayarlanabilir. Örnek bir kullanım: ```html <frameset rows="120,"> <frame src="ustkat.html" name="ustkat"> <frame src="altkat.html" name="altkat"> </frameset> ``` Bu örnekte, `rows` özelliği ile iki yatay çerçeve oluşturulmuş ve her birinin kaynağı belirlenmiştir.

YouTube'dan video eklemek için aşağıdaki adımlar izlenebilir: 1. YouTube'da, eklemek istenilen videoyu içeren sayfa açılır. 2. Videonun altında bulunan "Paylaş" linki tıklanır. 3. Gelen ekranda yer alan "Yerleştir" linki tıklanır. 4. Açılan ekranda videonun iframe kodu bulunur. 5. Kopyalanan kod, HTML sayfasına yapıştırılır. Ekleme kodundaki bazı özellikler şu şekilde açıklanabilir: width ve height. autoplay. allowfullscreen. frameborder. Ağ yöneticileri için, youtube.com'un güvenlik duvarı izin verilenler listesine eklenmesi gerekebilir.

YouTube'da bir videoyu embed koduyla paylaşmak için aşağıdaki adımlar izlenebilir: 1. Videoyu seçme. 2. URL kopyalama. 3. Paylaşım seçeneğini seçme. 4. Embed seçeneğini seçme. 5. HTML kodunu kopyalama. 6. Kodu yapıştırma. Embed kodu, YouTube'un "Paylaş" menüsündeki "Yerleştir" seçeneği üzerinden de oluşturulabilir. Embed kodu oluşturulurken, videonun başlangıç zamanı, oynatıcı kontrol görünürlüğü ve gizlilik ayarları gibi seçenekler düzenlenebilir. Mobil cihazlarda embed kodu oluşturulamaz, bu işlem yalnızca bilgisayar üzerinden yapılabilir.

HTML ve CSS öğrenmek, yeni başlayanlar için 3-4 hafta sürebilir. HTML, web sayfasının yapısını belirlerken, CSS tasarım ve stil eklemeye yarar. Öğrenmeyi hızlandırmak için online kurslar, YouTube videoları ve ücretsiz eğitim siteleri kullanılabilir.

HTML'de bir linkin üzerine gelindiğinde alacağı renk, CSS ile belirlenir. Dört farklı link durumu ve bu durumlarda linkin alacağı renkler: 1. Link: Normal durumdaki linkin rengi. 2. Hover: Fare imlecinin linkin üzerinde olduğu durum. 3. Active: Linke tıklandığı an. 4. Visited: Ziyaret edilmiş link. Örnek bir CSS kodu: ```css <style type="text/css"> a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #990000; } a:active { color: #000000; } </style> ``` Bu kod, linkin normal durumda siyah, üzerine gelindiğinde kırmızı, tıklandıktan sonra tekrar siyah olmasını sağlar.

Resim ortalama kodu için kullanılabilecek bazı yöntemler şunlardır: HTML ile ortalama: Resmin bulunduğu elementin `align` özelliğine `center` değeri verilir. CSS ile ortalama (text-align kullanımı ile): Resmin bulunduğu elementin CSS `text-align` özelliği `center` yapılarak resim ortalanır. CSS ile ortalama (margin kullanımı ile): Resmin CSS `margin` özelliği `auto` yapılarak iki tarafındaki boşluğun aynı olması sağlanır. Örnek kodlar: HTML: ```html <div align="center"> <img src="test.jpg" /> </div> ``` CSS (text-align ile): ```css <div style="text-align: center;"> <img src="test.jpg" /> </div> ``` CSS (margin ile): ```css <div> <img style="display: block; margin: auto;" src="test.jpg" /> </div> ``` Ayrıca, `line-height` özelliği kullanılarak tek satır metin için dikey ortalama yapılabilir.

WhatsApp sohbet widget'ı oluşturmak için aşağıdaki yöntemler kullanılabilir: TimelinesAI aracı. Bunun için: Widget stili özelleştirilir, düğme rengi, simge stili ve metin seçilir. WhatsApp numarası ve marka bilgileri eklenir. E-posta adresi eklenerek analitik etkinleştirme yapılır ve kullanıma hazır kod parçacığı oluşturulur. Kod, web sitesinin HTML veya etiket yöneticisine yapıştırılır. GetButton platformu. Bu platformda, şu adımlar takip edilerek WhatsApp sohbet butonu oluşturulabilir: GetButton hesabında oturum açılır. "My Buttons" sayfasında "Add Button" seçeneğine tıklanır ve web sitesinin alan adı girilir. Sohbet butonu oluşturucusu kullanılarak buton özelleştirilir. Özelleştirme işlemi tamamlandıktan sonra buton kaydedilir ve yayınlanır. Plan seçimi ve ödeme işleminden sonra, butonun yerleştirilmesi için gerekli JavaScript kodu alınır. Bu kod, butonun görünmesini istenen her sayfanın kapanış </body> etiketinden önce yapıştırılır. FormyChat eklentisi. Bunun için: FormyChat eklentisi WordPress kontrol panelinde etkinleştirilir. "Yüzen Widget Oluştur" butonuna tıklanır. Widget'a tanımlayıcı bir isim verilir, ülke kodu seçilir ve WhatsApp numarası girilir. Mesaj şablonu özelleştirilir. Widget'ın tasarımı, renkleri ve stilleri özelleştirilir. Özelleştirmeler tamamlandıktan sonra "Sonraki" butonuna tıklanır. "Selamlar" bölümünde karşılama ekranı etkinleştirilir ve mesaj özelleştirilir. Widget'ın hangi sayfalarda görüneceği ayarlanır ve "Yaratmak" butonuna tıklanır. WhatsApp sohbet widget'ı oluşturmak için kodlama bilgisi gerekmeyebilir.