Word'den HTML'e

Nasıl çalışır?

Tipik durum şudur: Word'de yazılmış bir duyuruyu, yönetmeliği ya da blog yazısını web sitenize koyacaksınız, ama Word'ün "Web Sayfası olarak kaydet" çıktısı yüzlerce satır mso- stili ve iç içe span ile dolu geliyor. .docx dosyasını kutuya dokunarak ya da tıklayarak seçin ve HTML'e çevir düğmesine basın; "duyuru.docx" dosyası "duyuru.html" olarak İndirilenler klasörünüze iner. Araç belgenin yapısını okur, görünüşünü değil: Başlık 1 biçimindeki satır <h1>, kalın kelime <strong>, madde listesi <ul><li>, numaralı liste <ol>, tablo <table> olur. Türkçe Word'de biçimin iç adı "Balk1" gibi yazılsa da araç stil adına bakar ve doğru başlık düzeyini bulur. Renk, yazı tipi ve hizalama bilerek taşınmaz; görünüşü sitenizin kendi CSS'i verir. "Yalnız içerik" seçerseniz dosya <html> ve <head> olmadan gelir; Not Defteri ile açıp WordPress'in Kod düzenleyicisine yapıştırabilirsiniz.

Bu araç word to html, docx to html, word in html umwandeln aramalarıyla da biliniyor.

HTML nedir?

HTML, web sayfalarının iskeletini yazan işaretleme dilidir: <h1> sayfanın ana başlığını, <p> paragrafı, <ul> madde listesini, <table> tabloyu, <a> bağlantıyı gösterir. HTML neyin ne olduğunu söyler; nasıl görüneceğini (renk, yazı tipi, boşluk) ayrı bir dil olan CSS belirler. Temiz HTML bu ayrımı korur: etiketler yalnız anlam taşır, görünüm sitenin CSS'ine bırakılır. Arama motorları ve ekran okuyucular da sayfayı bu anlamsal etiketlerden anlar.

DOCX (Word belgesi) nedir?

DOCX, Word'ün 2007'den beri kullandığı belge biçimidir: dışarıdan tek dosya, içeride sıkıştırılmış bir XML paketi. Metin bir dosyada, biçim tanımları (Başlık 1, Normal gibi stiller) başka bir dosyada, numaralı listelerin kuralları üçüncü bir dosyada, resimler ayrı klasördedir. Bu araç o paketi açar, stil adlarından başlık düzeyini, numaralama dosyasından liste türünü okur ve bunları HTML etiketlerine çevirir.

Word belgesi ile HTML sayfası arasındaki fark nedir?

Word belgesi yazdırılmak üzere tasarlanır: kâğıt ölçüsü, kenar boşluğu, sayfa sonu, yazı tipi ve punto onun parçasıdır. HTML sayfası ise ekrana göre akar; genişlik telefonla masaüstü arasında değişir, sayfa diye bir şey yoktur ve görünümü sitenin CSS'i belirler. Bu yüzden Word'den HTML'e doğru geçiş görünüşü değil yapıyı taşımaktır: başlık başlık, liste liste, tablo tablo kalır; ama 2,5 cm kenar boşluğu ya da Calibri 11 punto web sayfasına geçmez, geçmemelidir de.

Word'ün kendi HTML çıktısı neden kirli, bu araç neyi atar?

Word'ün "Web Sayfası" kaydı belgeyi Word'de yeniden açılabilecek biçimde saklamaya çalışır: her paragrafa MsoNormal sınıfı, her kelime grubuna font-family ve mso- ile başlayan özellikler içeren span, başa yüzlerce satırlık stil bloğu ve koşullu yorumlar ekler. Bu kod bir web sitesinin tasarımıyla çakışır, sayfayı ağırlaştırır ve arama motoru için içeriği gömer.

Bu araç tersini yapar: yalnız anlamı taşır. Başlık düzeyleri, paragraflar, kalın ve italik vurgu, alt ve üst simge, bağlantılar, madde ve numaralı listeler (iç içe), tablolar ve dipnotlar HTML'in kendi etiketleriyle yazılır. Boş paragraflar (Word'de boşluk bırakmak için basılan Enter) atılır. Renk, yazı tipi, punto, hizalama ve kenar boşluğu bilerek taşınmaz; bunlar sitenizin CSS'inin işidir.

Güvenlik için javascript: gibi tehlikeli bağlantı adresleri atılır; metindeki <, > ve & işaretleri HTML'de doğru görünecek biçimde kaçışlanır.

• Başlık 1-6 → <h1>-<h6>
• Kalın / italik → <strong> / <em>
• Madde / numaralı liste → <ul> / <ol start="…">
• Tablo → <table>, birleşik hücre → colspan / rowspan
• Köprü → <a href>
• Dipnot → <sup> + sayfa sonunda liste

Hangi seçenek ne zaman, ve dürüst sınırlar

"Tam sayfa" seçeneği <!DOCTYPE>, karakter kodlaması ve belgenin ilk başlığından alınan sayfa başlığıyla bağımsız bir dosya üretir; çift tıklayınca tarayıcıda açılır, e-postaya eklenebilir. "Yalnız içerik" ise sitenin kendi şablonuna yapıştırılacak gövdeyi verir: WordPress'te blok düzenleyicide "Özel HTML" bloğuna ya da klasik düzenleyicinin Metin sekmesine yapıştırın.

Resimler gömülürse HTML'in içine data: adresiyle yazılır: dosya tek parçadır ama her resim kendi boyutunun yaklaşık üçte bir fazlası kadar yer kaplar (2 MB'lık fotoğraf HTML'de yaklaşık 2,7 MB). Sitenize ayrı resim yükleyecekseniz "Atlansın" seçin. Tarayıcıların göstermediği EMF/WMF çizimleri ve TIFF görseller her durumda atlanır, sayısı sonuç satırında yazar.

Metin kutuları, üst bilgi ve alt bilgi, yorumlar ve izlenen değişikliklerde silinmiş metin aktarılmaz. Eski .doc (Word 97-2003) biçimi okunmaz; Word'de Farklı Kaydet ile .docx yapmanız yeterlidir.

Sık sorulanlar

Word belgesi HTML'e nasıl çevrilir?

Bu sayfada .docx dosyanızı seçip HTML'e çevir düğmesine basın. Belge tarayıcınızda temiz HTML koduna çevrilir ve .html dosyası İndirilenler klasörünüze iner. Kodu görmek ve kopyalamak için dosyayı Not Defteri ya da herhangi bir metin düzenleyiciyle açın.

Word'ün "Web Sayfası olarak kaydet" seçeneğinden farkı ne?

Word'ün kaydı belgeyi Word'e geri açılabilecek biçimde saklamak için yüzlerce satır stil, MsoNormal sınıfı ve mso- özellikleri ekler. Bu araç yalnız yapıyı yazar: başlık, paragraf, vurgu, liste, tablo ve bağlantı. Kod birkaç kat küçüktür ve sitenizin tasarımıyla çakışmaz.

HTML'i WordPress'e nasıl yapıştırırım?

"Yalnız içerik" seçeneğiyle çevirin, .html dosyasını Not Defteri ile açıp tümünü kopyalayın. WordPress blok düzenleyicisinde "Özel HTML" bloğu ekleyip yapıştırın ya da sağ üstteki menüden Kod düzenleyiciye geçin. Başlıklar ve listeler sitenizin kendi temasıyla görünür.

Belgem bir sunucuya yükleniyor mu?

Hayır. Word dosyası tarayıcınızın içinde açılır ve HTML yine orada üretilir; belge, içindeki resimler ve metin internete gönderilmez.