İlk Web Sitenizi Sıfırdan Yapmak: 4 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:21

Bu talimat size, neredeyse herhangi bir html öğrenmeden tamamen sıfırdan ve tamamen ücretsiz olarak kendi web sitenizi nasıl oluşturacağınızı gösterecektir, ancak bir paint programında biraz beceriye ihtiyaç duyulur, ancak bu beceriye sahip değilseniz internette arama yapabilirsiniz. önceden boyada yapacaklarınız için.gerekli şeylerin listesi.

• İnternet erişimi (bunu okuyorsanız, buna sahip olabilirsiniz)
• Bir boyama programı
• Yaklaşık bir saat (yeteneğinize bağlı olarak daha da kısa)
• Ve elbette ücretsiz olan birkaç indirme.

İlk indirmeye gimp adı verilir, bu temelde photoshop'un sulandırılmış bir sürümü veya karar verdiğiniz Windows boyasının daha hacimli bir sürümüdür. Gimp'in bu programın linux ve mac kullanıcıları için de sürümleri var. Next, gerçekten sevdiğim bir şey, bir HTML editörü, yani. Bunu tahmin ettiniz Ücretsiz eşya. Bunu yapan şey budur, böylece html öğrenmek zorunda kalmazsınız. ancak kodlama yapmak istiyorsanız bu programda bunu yapabilirsiniz. NVUGt tüm bunları, İyi şimdi interweb dünyasına adım atmaya hazır.

Adım 1: Resimleri Yapmak

Bu, siteniz için tüm resimleri yaptığınız adımdır, elbette bu aşamada siteniz için bir isme sahip olmanız gerekecek. Denenmiş ve doğru bir yöntem, 1000x600 boyutunda bir resim yapmak, sitenizin her şeyi yapmasını sağlamaktır. örneğin öğreticiler sitesi, gerçekten en üstte bir başlık sayfası, düğmelerin bulunduğu turuncu çubuk ve birkaç menü çubuğudur. Sadece her şeyi tek bir görüntü olarak yapın (içerik alanını, yani metnin olduğu yeri dışarıda bırakın) orta sayfada ise, o yeri boş bırakın) ve arka plan yapmayın, sadece arka planı sayfanıza uygun düz bir renkle doldurun. Size boya ipuçlarını veya bakabileceğiniz herhangi bir şey söylemeyeceğim. bunda kendi başına. ana sayfanızın nasıl görünmesini istediğinize sahip olduğunuzda. bir kez yaptın. banner ve butonlar da dahil olmak üzere tıklayabileceğiniz her şeyi tek tek kesip yeni bir pencereye yapıştırın ve ayrı olarak kaydedin. Buradaki nokta, her şeyi kodlayabilmeniz için ayırmaktır.

Başka bir ipucu, onları kaydetmek için gerekli olmayan ancak organizasyon için yeni bir klasör oluşturmaktır

Adım 2: Her Şeyi Tekrar Bir Araya Getirmek

Şimdi bunun için nvu'yu açacaksınız, biraz tıklamam gerekti ama karmaşık değil. sizi adım adım ilerleteceğim.

İlk önce, varsayılan olarak 600'e ayarlı olan üst çubuğu almanız gerekecek (eminim), ancak bunu sürükleyip 1000 geniş yapmak isteyeceksiniz, aynısını yana doğru yapın, sadece 600 yapın. Önce sitenin arka planını yapmak isteyeceksiniz, boyama programınızda kullandığınız dolguyu kullanmayacaksınız, bunun yerine Format>Sayfa Renkleri ve Arka Plan'a gidin, özel renkleri kullan'ı tıklayın. ve arka plan rengini boya programında yaptığınız gibi yapın. Yapmak isteyeceğiniz bir sonraki şey, üst başlığı eklemektir. araç çubuğundaki görüntü düğmesini tıklayın. ve banner'ınızı bulun. tıklayın, alternatif metin kullanmayın. ve tamam. artık sayfanızda ilk resminiz var. *Bunun için ne kadar kodlama yapıldığını görmek için programın altındaki kaynak çubuğuna tıklayın. ayrıca HTML öğrenmek için iyi bir yoldur. Geri kalan düğmeleri yükleyin, alternatif metin kullanabilirsiniz veya size kalmış değil. bununla birlikte, butona tıklamanız ve resim ve bağlantı özelliklerinde biçim çubuğuna gitmeniz gerekecektir. bağlantı çubuğunu tıklayın ve ilgili şeye bağlantı yapın, ana sayfa düğmesi index.htm olur, bağlantılar düğmesi bağlantılar.htm olur Düğmelerin neyle bağlantılı olduğunu aşağıya yazın, her şeyi yaptıktan sonra bunlara daha sonra ihtiyacınız olacak kes ve yapıştır yapmadan önce web sitesinin resmi gibi görünmelidir. Yapmak isteyeceğiniz son şey, sayfanın ortasındaki butonların altına bir tablo yapmaktır, menü çubuğundan rengi ve kenarlıkları değiştirebilirsiniz, ana metniniz buraya gidecektir. sitenizde bir şeyler olsun diye onların içine bir şeyler yazın.

3. Adım: Her Şeyi Ayarlamak

Artık web sitenizi hemen hemen yaptınız. ancak muhtemelen bir sunucu kurmak için gereken zamana veya alana sahip değilsiniz, ayrıca o zaman ücretsiz de olmaz. ama onlar web sitenizi sunucularında ücretsiz olarak barındıracak yerlerdir. benim favorim. özgür ağlar

Gerçekten bu talimatı vermek istemiyorsan ve sadece okuyorsan, yine de onlardan bir site yapabilirsin, ihtiyacın olan her şeye sahipler, tek yapman gereken sitenin nasıl görünmesini istediğini seçmek ve istediğini yazmak. Bunu yapmanın bu yolu çok daha esnektir

Eğer site adınız alınmışsa freewebs'de bir hesap açın merak etmeyin sitenizin sonuna şimdilik 2 ekleyin yani mayın punkholy, alınmış olsaydı punkholy2 derdim. (Bu büyük ihtimalle insanların sitenize girdiklerinde yazacakları şey olmayacaktır. Son olarak web sitesini yaparken html moduna aldığınızdan emin olunuz. Üçüncü resimdeki gibi bir ekrana geleceksiniz, site yöneticisine tıklayınız. tıklayın ve index.htm adlı sayfayı düzenlemek için tıklayın, içindekileri silin, nvu'da kaynak çubuğuna gidin ve bunu kopyalayıp şimdi boş metin düzenleyicisine yapıştırın. Son olarak görüntüleri ana dizine yükleyin ve küçük küreyi tıklayın. Sayfayı görüntülemek için. Bir şeyler ters giderse, bunun hakkında bir yorum yapın ve bana html'nizi içeren bir mesaj gönderin ve ne yapabileceğimi görün.

Adım 4: Bitirme

Benimle çıplak ol, neredeyse bitirdin. Bu isimleri yazmak için bu kadar poz verildiğini hatırlıyor musun? Şimdi onlara ihtiyacın olduğunda. düğmelerin bağlantılı olduğu şeylerle aynı adlı bazı yeni sayfalar yapın. şimdi html kodunu Dizin sayfasından kopyalayın. ve incelendikten sonra yeni sayfalara kopyalayın. ana sayfada girdiğiniz metnin nerede olduğunu görmelisiniz. bunu silebilir ve sayfaya girecek başka bir şey yazabilirsiniz, o zaman başka sitelere bağlantılar ve bunun gibi şeyler eklemek istiyorsanız biraz html aramanız gerekir. ama çoğunluğu için DONE'niz düğmelerinizi test edin, çalışıp çalışmadıklarını görün. biraz içerik düşün ve mutlu ol.*isteğe bağlı bir adım olarak alınmış ve adınıza 2 koymanız gereken bir isim varsa buraya gidin ve istediğiniz ismi kaydedin. Freeweb'lerde alınsa bile, şans burada alınmaz. Son olarak, sorun yaşarsanız, sadece olağan şeyler hakkında yorum yapın, çok fazla bilgi içeren uzun bir talimat olduğunu biliyorum ve bir şeyi atlarsam bana söyleyin, alevlenmeyin Ben, Iv bir sürü web sitesi yaptım ve bariz olduğunu düşündüğüm bir şey, yeni olan biri için çok açık olmayabilir. Bir örnek isterseniz burada sitemwww.punkholy.tk.