SharePoint Online Sayfa Tasarımı Eğitimi

Eğitim Hakkında

Modern sayfalar, görsel web bölümleri, bölüm düzenleri ve erişilebilirlik

Bu eğitim, SharePoint Online modern sayfalarını görsel açıdan zenginleştirmeyi öğretir. Sayfa oluşturma, bölüm (section) ve sütun düzenleri, Image, Hero, Image Gallery, Quick Links ve Highlighted Content web bölümleri uygulamalı olarak ele alınır. Katılımcı; stok görseller ve kuruluş görsel kitaplığından resim ekleme, kırpma ve odak noktası (focal point) belirleme, alternatif metin (alt text) ile erişilebilirlik, tema renkleri ve bölüm arka planlarıyla markalama konularını uygular. Ayrıca sayfa taslağı, yayımlama, haber (news) gönderileri ve mobil görünüm optimizasyonu gösterilir.

Süre ve Format

2 Gün. Her gün dört modül; sayfa düzeninden başlayıp görsel web bölümleri, markalama ve yayımlamaya ilerler.

Seviye

Orta Seviye — SharePoint Online modern sayfalarında görsel, web bölümü ve düzen kullanarak etkili ve erişilebilir sayfa tasarımı.

Öğrenme Metodu

Gerçek bir SharePoint Online sitesinde sayfa oluşturma, web bölümü ekleme ve görsel düzenleme alıştırmalarıyla uygulamalı ilerlenir.

Neden Bu Eğitim?

🎨Etkili Tasarım

Hero ve görsel web bölümleriyle sayfalarınızı çarpıcı ve okunaklı hale getirirsiniz.

📐Düzenli Yerleşim

Bölüm ve sütun düzenleriyle içeriği dengeli ve mobil uyumlu düzenlersiniz.

♿Erişilebilirlik

Alt text ve kontrast ile sayfalarınızı herkes için erişilebilir yaparsınız.

Anahtar Konular

sharepoint onlinemodern sayfahero web bölümüimage gallerysharepoint tasarımintranet sayfasıweb bölümlerisharepoint habersayfa erişilebilirliği

“Bir intranet sayfası, doğru görselle hatırlanır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

SharePoint Erişimi

Sayfa düzenleme yetkisi olan bir SharePoint Online sitesi gerekir.

2

Temel SharePoint Bilgisi

Site, kitaplık ve sayfa kavramlarına temel aşinalık faydalıdır.

3

Görsel Varlıklar

Alıştırmalar için birkaç örnek görsel veya logo bulunması önerilir.

4

Güncel Tarayıcı

Microsoft Edge veya Chrome gibi güncel bir tarayıcı önerilir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı modern sayfa oluşturur, bölüm düzenlerini kurar ve görsel web bölümlerini ekleyip yapılandırır.

Modül 1

Modern Sayfa Oluşturma

Site Pages kitaplığından yeni modern sayfa oluşturma
Sayfa başlığı, başlık alanı (title area) ve banner görseli
Taslak kaydetme ve otomatik kayıt davranışı
Sayfa şablonlarından (page template) başlatma
Klasik ve modern sayfa farkları
Sayfayı site gezintisine (navigation) ekleme

Modül 2

Bölüm ve Sütun Düzenleri

Tek, iki, üç sütun ve kenar çubuğu (one-third) düzenleri
Tam genişlik (full-width) bölümün kullanım koşulu
Bölüm arka plan rengi ve dikey bölüm (vertical section)
Web bölümlerini sürükle-bırak ile konumlandırma
Bölümleri yukarı/aşağı taşıma ve çoğaltma
Mobilde sütunların alt alta yeniden akması

Modül 3

Image ve Hero Web Bölümleri

Image web bölümüyle tek görsel ekleme ve başlık/metin katmanı
Görsel kaynağı: stok, OneDrive, site kitaplığı veya URL
Odak noktası (focal point) ve kırpma ayarı
Hero web bölümüyle öne çıkan içerik vitrini
Hero düzenleri: katman (tiles) ve katmanlı (layers)
Görsellere bağlantı (link) tanımlama

Modül 4

Image Gallery ve Medya

Image Gallery ile birden çok görseli ızgara/karışık düzende sunma
Görsel başlıkları ve büyütme (lightbox) davranışı
File viewer ile PDF ve belge gömme
Embed web bölümüyle video veya dış içerik gömme
YouTube/Stream videosu ekleme
Medya dosyalarının Site Assets kitaplığında saklanması

Günün hedefiKatılımcı sayfaları kurumsal temayla markalar, erişilebilirlik ölçütlerini uygular ve sayfaları yayımlar.

Modül 1

Tema ve Markalama

Site temasını değiştirme ve renk paleti seçimi
Bölüm arka planlarıyla görsel hiyerarşi kurma
Logo ve site başlığının (header) düzenlenmesi
Yazı tipi ve başlık stilleriyle tutarlılık
Quick Links web bölümünde simge ve düğme stilleri
Marka rehberine uygun renk ve kontrast seçimi

Modül 2

Erişilebilir Sayfa Tasarımı

Görsellere açıklayıcı alternatif metin (alt text) yazma
Başlık düzeyleriyle (H1-H4) anlamlı yapı kurma
Renk kontrastının WCAG ölçütlerine uygunluğu
Accessibility checker ile sorunların tespiti
Bağlantı metinlerinin açıklayıcı olması
Klavye ile gezinilebilir içerik düzeni

Modül 3

Haber (News) Gönderileri

News post ile duyuru ve haber sayfası oluşturma
Haberin site ana sayfasında ve Teams'te görünmesi
News web bölümüyle haber akışı yayınlama
Haber küçük resmi (thumbnail) ve açıklama
Haberi e-posta ile gönderme ve üst sabitleme (boost)
Haber ile sayfa arasındaki fark

Modül 4

Yayımlama ve Optimizasyon

Sayfayı yayımlama (publish) ve taslakta tutma farkı
Sayfa onay akışı (page approval) etkinse süreç
Mobil görünümü önizleme ve düzenleme
Sayfa performansı ve görsel boyut optimizasyonu
Sürüm geçmişiyle önceki sayfa sürümüne dönme
Yorum ve beğenilerin yönetimi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Sayfa Oluşturma

SharePoint Online'da modern sayfalar oluşturup düzenlersiniz.

✅

Düzen Kurma

Bölüm ve sütun düzenleriyle dengeli yerleşim kurarsınız.

✅

Görsel Ekleme

Image, Hero ve galeri web bölümleriyle görsel içerik eklersiniz.

✅

Odak Ayarı

Görsellerde kırpma ve odak noktasını doğru ayarlarsınız.

✅

Markalama

Tema ve renklerle kurumsal kimliğe uygun sayfalar tasarlarsınız.

✅

Erişilebilirlik

Alt text ve kontrastla erişilebilir sayfalar üretirsiniz.

✅

Haber Yayını

News gönderileriyle duyuruları etkili biçimde yayınlarsınız.

✅

Yayımlama

Sayfaları yayımlar ve mobil görünüm için optimize edersiniz.

Kimler İçin Uygundur?

SharePoint sitesi düzenleyenler
iletişim ekipleri
intranet içerik yöneticileri
görsel sayfa tasarımını geliştirmek isteyen son kullanıcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

SharePoint sitesi düzenleyenler, iletişim ekipleri, intranet içerik yöneticileri ve görsel sayfa tasarımını geliştirmek isteyenler için uygundur.

Tasarım için kod bilmek gerekir mi?

Hayır. Modern sayfalar sürükle-bırak web bölümleriyle oluşturulur; kod yazmadan görsel ve düzen ayarlanır.

Hero ve Image web bölümü arasındaki fark nedir?

Hero öne çıkan içerikleri vitrin biçiminde sunar; Image tek bir görseli başlık ve metin katmanıyla sayfaya yerleştirir.

Erişilebilirlik neden önemlidir?

Alt text, kontrast ve başlık yapısı; sayfaların ekran okuyucu kullananlar dahil herkes tarafından anlaşılmasını sağlar.

Haber (News) ile normal sayfa farkı nedir?

Haber gönderileri duyuru amaçlıdır ve ana sayfa ile haber akışlarında öne çıkar; normal sayfalar kalıcı içerik için kullanılır.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

ILLUSTRATING WEB PAGES IN SHAREPOINT ONLINE EĞİTİMİ