Başlangıç Seviyesinde İlk Portföy Web Sitemi Nasıl Oluşturdum?
Merhaba! Ben Fatih Soysal ve web geliştirmeye yeni başlayanlar için yazdığım bu makalede, ilk portföy web sitemi nasıl oluşturduğumu adım adım anlatacağım. Bu süreçte karşılaştığım zorlukları, kullandığım kaynakları ve edindiğim deneyimleri paylaşarak size yol göstereceğim. Umarım bu rehber, sizin de kendi portföy sitenizi oluşturmanızda yardımcı olur.
İlk Adımlar: Planlama ve Hazırlık
Öncelikle, ne tür bir portföy sitesi istediğimi belirlemem gerekiyordu. Bu aşamada, hedef kitlemi ve sitenin genel görünümünü planladım. Sonrasında, HTML, CSS ve JavaScript temellerini öğrenmeye başladım. Bu konuda birçok ücretsiz çevrimiçi kaynak mevcut. Örneğin, w3schools ve MDN Web Docs bu konuda oldukça faydalı.
Ardından, projem için basit bir yapı oluşturdum. Örneğin, “Hakkımda”, “Projelerim”, “İletişim” gibi temel sayfalar oluşturdum. Bu sayfaların içeriğini ve nasıl düzenleneceğini planladım. Böylece, kodlama aşamasına daha düzenli bir şekilde başlayabildim.
Kodlama Aşaması: HTML, CSS ve JavaScript
HTML sayfaların iskeletini oluşturmak için kullandığım temel dildir. Bu aşamada, sayfalarımın içeriğini ve yapısını HTML etiketleri kullanarak oluşturdum. Örneğin, başlıklar için <h1>, paragraflar için <p> ve resimler için <img> etiketlerini kullandım.
Daha sonra, CSS kullanarak web sitemin görünümünü düzenledim. CSS sayesinde, fontlar, renkler, yazı tipi boyutları ve sayfa düzeni gibi unsurları özelleştirebildim. Ayrıca, responsive tasarım için CSS medya sorgularından faydalandım. Böylece, web sitem farklı ekran boyutlarında düzgün bir şekilde görüntülendi.
Son olarak, JavaScript ile web sitemin etkileşimli özelliklerini geliştirdim. Örneğin, bir iletişim formu veya animasyonlar ekledim. Bu aşamada, JavaScript’in temellerini öğrenmem gerekiyordu. Bu konuda da birçok kaynak mevcuttur.
Sitenizi Yayınlama
Kodlama aşaması tamamlandıktan sonra, web sitemi yayınlama zamanı geldi. Bunun için, bir hosting hizmeti ve domain adı satın aldım. Birçok hosting sağlayıcısı mevcuttur ve fiyatları da farklılık gösterebilir. Bu süreçte, hosting sağlayıcısının sunmuş olduğu kontrol panelini kullanarak web sitemi sunucuya yükledim. Burada, FTP (File Transfer Protocol) gibi dosya aktarım protokollerini kullanmanız gerekebilir.
Sonuç ve Öğrendiklerim
İlk portföy web sitemi oluşturma sürecinde, planlama ve düzenli çalışma çok önemli olduğunu anladım. Ayrıca, HTML, CSS ve JavaScript’in temellerini öğrenmek ve çeşitli kaynaklardan faydalanmak da oldukça yararlı oldu. Bu süreçte karşılaştığım sorunları çözmek için, çeşitli forumlardan ve çevrimiçi topluluklardan destek aldım. Kendi web sitenizi oluşturmak heyecan verici bir deneyimdi. Siz de benim web sitemi ziyaret edebilir ve ilham alabilirsiniz.
Umarım bu makale, sizin de kendi portföy web sitenizi oluşturmanızda size yardımcı olmuştur. Unutmayın, başlangıçta her şey zor gelebilir, ancak sabır ve azimle her şey mümkün. Başarılar!
#Etiketler: Portföy Web Sitesi, Web Geliştirme, HTML, CSS, JavaScript, Başlangıç Seviyesi, Web Sitesi Oluşturma, Rehber, Fatih Soysal