Home-theater-designers
Bir web sitesi kurmak istiyorsunuz ama nereden başlayacağınızı bilmiyor musunuz?
Görünüşe göre tipik web geliştirme eğitim alanı aynı zamanda en pahalısı: bir alan, ana sunucu, WordPress hesabı, tema vb. satın alın. Peki ya küçük bir işletme sahibi değilseniz veya bir marka oluşturmaya çalışmıyorsanız? Ya sadece web geliştirmeyi öğrenmeye çalışıyorsanız, sans dağınıklığı?
Sıfırdan veya önceden hazırlanmış şablonlarla bilgisayarınızda ve ücretsiz olarak oluşturabileceğiniz kendi web sitenizi nasıl barındıracağınızı öğrenmek için okumaya devam edin. Oh, buna kendi WordPress hesabınızı barındırmak da dahildir!
XAMPP: Bir Giriş
Bitnami'nin XAMPP'si 'PHP ve Perl içeren bir Apache dağıtımıdır.' Amaçlarımız için, yalnızca XAMPP'nin, kullanıcıların web sitelerini bilgisayarlarında barındırmasına olanak tanıyan ücretsiz, basit bir program olduğunu anlamamız gerekir.
XAMPP kullanarak yerel bir sunucu kurmak biraz teknik olsa da, süreç de oldukça kolay ve basittir. Her şey ayarlandıktan sonra, web sitelerini yönetmenin ve düzenlemenin çok kolay olduğunu göreceksiniz.
Sonra hızlı ve tam kontrol meselesi var. Web siteleri oluşturmak ve düzenlemek için XAMPP'yi kullanarak, bir web sitesini istediğiniz kadar çok veya az değiştirebileceksiniz. Bununla birlikte, büyük güç büyük sorumluluk getirir. Özellikle kaybetmezseniz, sitelerinizi de kaybetmeye daha yatkınsınız. yedekler oluştur .
facebookta beni kimin engellediğini nasıl anlarım
Bununla birlikte, web dev'de gerçek bir başlangıç kursu projesi istiyorsanız, XAMPP tam size göre. Buna HTML, CSS, Javascript ve ötesi ile ilgili tüm projeler dahildir!
XAMPP'yi yükleme
şuraya git: XAMPP web sitesi ve paketi indirin. Varsayılan kurulum sürecini takip edin. XAMPP'yi indirdikten sonra, XAMPP kontrol paneliniz otomatik olarak açılmalıdır. Değilse, XAMPP programını diğer programlarda olduğu gibi bulabilirsiniz (Başlat Menüsü araması yoluyla).
XAMPP kontrol paneli pencerenizde, XAMPP işlemlerinin çalışmakta olduğu basit bir düzen görmelisiniz. Amaçlarımız için ilk iki seçeneğe odaklanacağız: Apache ve MySQL.
Apaçi -- XAMPP'nin ana noktası olan Apache seçeneği, PC'nizde bir Apache sunucusu oluşturur. Bu, bir web sitesinde olduğu gibi, web tarayıcıları aracılığıyla PC'nizde web sitelerini çalıştırmanıza ve düzenlemenize izin verecek olan şeydir. Tabii ki, bu web sitesi internete bağlı bir sunucunun aksine PC'nizde çalışıyor.
MySQL -- SQL, veritabanları ve web siteleri arasında iletişime izin vererek, kullanıcıların e-postaları, parolaları ve diğer veri girişlerini test etmelerine ve saklamalarına olanak tanır. Bunu yerel WordPress hesabınız için kullanacağız.
basın Başlangıç altındaki XAMPP kontrol panelinizdeki düğme Hareketler Hem Apache hem de MySQL için. Modül bölümünüzün altında hem Apache hem de MySQL yeşil renkte vurgulanana kadar bekleyin. Etkinleştirildiğinde, XAMPP'yi kullanmakta özgürsünüz.
Localhost ve phpMyAdmin
Her şeyin çalıştığından emin olmak için bir web tarayıcısı açın, http://localhost/ adres çubuğunuza girin ve Girmek . Şuraya yönlendirilmelisiniz: http://localhost/dashboard/ , varsayılan XAMPP sayfasıdır.
Ardından, üzerine tıklayın phpMyAdmin üst gezinme menüsündeki düğmesine basın. Varsayılan phpMyAdmin sayfanıza yönlendirileceksiniz.
Bunları şimdilik kendi haline bırakın, ancak her ikisi de çalışıyorsa, web siteleri oluşturmaya hazırsınız!
XAMPP Kullanarak Web Siteleri Oluşturma
Şimdi eğlenceli kısım geliyor. Kök sürücü dizininizde bulunan XAMPP klasörüne gidin ( C:xampp varsayılan olarak). Daha sonra, baş htdocs . Bu, web sitelerini görüntülemek için kullanacağınız ana web sitesi deposu olacaktır.
Bir web sitesi oluşturup düzenlemeden önce bir metin düzenleyiciye ihtiyacınız olacak. Not Defteri gibi varsayılan bir metin düzenleyici kullanabilseniz de, genellikle kod ve işaretleme için özel olarak yapılmış bir üçüncü taraf düzenleyici indirmek en iyisidir. Yüce metin en iyilerinden biridir, bu yüzden web sitelerine gidin ve başlamak için yazılımı indirin.
Artık web sitelerini XAMPP'ye indirmeye ve yüklemeye başlayabilirsiniz. kullanacağım Yolculuk şablon, ancak istediğiniz şablonu kullanabilirsiniz. Web sitesinin zip dosyasını indirin ve hatırlayacağınız bir yerde saklayın. Ardından, web siteniz için XAMPP'nin htdocs klasörü içinde bir klasör oluşturun. benimkinin adını verdim yolculuk -- adınızı basit tutmaya çalışın. Ardından, zip dosyanızın içeriğini açın ve bu htdocs klasörüne çıkarın.
Dosyaları çıkardıktan sonra, doğru şekilde ayıklandıklarından emin olmak için htdocs içindeki web sitenizin deposuna gidin.
Son olarak, web tarayıcınızda web sayfanıza gidin. Sizin İnternet sitesi , tabiri caizse, sayfa dosyalarınızı tutan klasörün adıyla birlikte daha önce bahsedilen localhost kullanılarak erişilebilir olacaktır. Bunun nedeni, web sitelerinin temelde klasörlerde bulunan ve tümü tek bir alan adı veya kök adı altında bulunan dosyalar olmasıdır. Zaten öğreniyorsun!
Daha önce oluşturduğumuz klasörümüz roadtrip olarak adlandırıldı, bu nedenle tam site adresi http://localhost/yol gezisi .
Sen bittin! Artık web sitesini yerel olarak düzenlemeye başlayabilirsiniz.
Web Sitelerini Düzenleme
Sublime Text'i açın. Başlamak Dosya ve seçin Açık dosya . XAMPP klasöründe web klasörünüzü bulun ve seçin. Artık aynı web sitesinin birden çok sayfasını Sublime Text editörünüzde düzenleyebileceksiniz.
Sublime Text ayrıca web sitenizdeki her dosya ve klasörü görmeniz için harika bir arayüz sağlar. Web sitenizde değişiklikler oluşturmak için web sitenizin kodunu düzenleyin, kaydedin (klavye komutunu kullanarak Ctrl + S ) ve web sitenizi tarayıcıda yenileyin.
İşlem basit ve doğrudandır: web sayfasını düzenleyin, ardından kodunuzun çalışıp çalışmadığını kontrol edin. Web geliştirmenizde ilerledikçe, web sayfanıza daha karmaşık özellikler yerleştirmeye çalışacaksınız. Beceri düzeyi ne olursa olsun, sayfaları düzenlemek için temel biçim aynı kalır.
WordPress'i XAMPP ile Kullanın
Ham kodu düzenlemek istemiyorsanız veya daha tanıdık bir içerik yönetim sistemi (CMS) kullanmayı tercih ediyorsanız, WordPress harika web tasarım kaynağını kullanımı kolay bir ZIP dosyasında da sağlar! WordPress'i XAMPP'ye kurmak için şuraya gidin: WordPress web sitesi ve resmi uygulamayı indirin.
Daha önce yaptığınız gibi bir web sitesi oluşturmak için aynı formatı kullanın, ayıklanan WordPress klasörünüz klasör içindeki htdoc dizininde bulunur. wordpress . Anlaşılır olması için klasör adını koruyun.
phpMyAdmin'i kullanma
WordPress, oturum açma bilgileri oluşturmanızı gerektirdiğinden, web sayfası için PHP dizininizde bir giriş oluşturmanız gerekir. Başlamak phpMyAdmin sayfanız - http://localhost/phpmyadmin/ varsayılan olarak -- başlamak için.
Bu sayfadan, üzerine tıklayın veritabanları . Altında Veritabanı yarat parametre, girin wordpress ve sonra vur Oluşturmak . Veritabanının oluşturulduğunu söyleyen bir açılır pencere görmelisiniz. Ardından, bu tarayıcı penceresini kapatın ve WordPress klasörünüzü XAMPP htdocs dizinine girin. Bu klasör, sıkıştırılmamış WordPress dosyalarınızın içeriğine sahip olmalıdır.
Oturum Açmayı Yapılandırma
Giriş yapabilmeniz ve siteyi kullanabilmeniz için gerçek WordPress web sitesini yapılandırmamız gerekiyor. Bu, WordPress'in ana PHP yapılandırma dosyası aracılığıyla yapılır. WordPress klasörünüzde etiketli dosyayı bulun. wp-config-sample.php , dosyaya sağ tıklayın, seçin Düzenlemek (veya Bununla aç ayrı bir metin düzenleyici için). Not defteri gayet iyi çalışmalıdır.
İşte odaklanacağımız kod:
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');
Yukarıdaki kodda üç değişiklik yapmanız gerekecek içinde tırnak işareti.
veritabanı_adı_bura -- Bu parametreyi şu şekilde değiştirin: wordpress . Web sitesi daha sonra phpMyAdmin'de bu şekilde etiketlenmiş önceden oluşturulmuş veritabanını kullanacaktır.
kullanıcıadı_bura -- Bunu şu şekilde değiştir: kök . Kök kullanıcı adı, varsayılan olarak uygun yönetici ayrıcalıklarına sahiptir, bu nedenle phpMyAdmin aracılığıyla izin verilecektir. Uygun izinler verilmedikçe diğer kullanıcı adları çalışmayacaktır.
şifre_bura -- Bunu kolayca tanımlanabilir bir parolayla değiştirin. Parola kullanmak istemiyorsanız parametreyi silin.
Bu dosyayı farklı kaydet wp-config.php -- öncekinin aksine wp-config-sample.php -- ve çıkın. Ardından, aşağıdaki yerel ana bilgisayar adresine gidin: http://localhost/wordpress .
WordPress'inizin oluşturulması da dahil olmak üzere kuruluma devam edin Kullanıcı adı ve Parola . Tercih ettiğiniz değerleri girebilirsiniz. Değerlerinizi girmeyi bitirdikten sonra, WordPress'i yükleyin İşlemi bitirmek için düğmesine basın. Bunu yaptıktan sonra, önceki sayfada verilen kullanıcı adı ve şifreyi kullanarak yerel WordPress'inize giriş yapın.
Sen bittin! Artık kalbinizin içeriğini düzenlemek, değiştirmek ve web sayfaları oluşturmak için hem sıfırdan hem de sıfırdan harcayabilirsiniz. WordPress aracılığıyla, çevrimdışı ve ücretsiz !
Windows durdurma kodu system_service_exception
Web Geliştirme Tek Bir Sayfayla Başlar
Daha önce, web geliştirme yolculuğunuza yeni başlıyordunuz. Artık PC'nizde, web sayfalarını bir hevesle oluşturabileceğiniz, değiştirebileceğiniz ve uyarlayabileceğiniz yerel bir sunucu oluşturdunuz. Hepsinden iyisi, kontrol tamamen sizde. Geriye kalan tek şey denemenize başlamak, o yüzden devam edin!
Bütün bu işleri yapmak istemediğine karar verdin mi? birini deneyin en iyi ücretsiz web sitesi barındırma hizmetleri Bunun yerine.
İmaj Kredisi: Dmitry Tishchenko/Shutterstock
Paylaş Paylaş Cıvıldamak E-posta 6 Sesli Alternatif: En İyi Ücretsiz veya Ucuz Sesli Kitap UygulamalarıSesli kitaplar için ödeme yapmaktan hoşlanmıyorsanız, onları ücretsiz ve yasal olarak dinlemenize izin veren bazı harika uygulamalar burada.
Sonrakini Oku İlgili konular- pencereler
- Programlama
- Wordpress
- Web Geliştirme
- Ağ sağlayıcısı
- Webmaster araçları
- Apache Sunucusu
- Web sunucusu
Christian, MakeUseOf topluluğuna yeni katılan ve yoğun edebiyattan Calvin ve Hobbes çizgi romanlarına kadar her şeyin hevesli bir okuyucusu. Teknolojiye olan tutkusu, yalnızca yardım etme isteği ve istekliliğiyle eşleşiyor; (çoğunlukla) herhangi bir şeyle ilgili herhangi bir sorunuz varsa, e-posta göndermekten çekinmeyin!
Christian Bonilla'dan Daha FazlaHaber bültenimize abone ol
Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!
Abone olmak için buraya tıklayın