Veb saytınızı necə qurmaq olar: 16 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:48

İstəyirsinizsə, kağızdan vebə pulsuz daxil olmaq üçün bir bələdçi, xüsusən də hər hansı bir dost veb ustasının sizə bir neçə lütfü varsa, ancaq təcrübə və məlumatınız az olsa belə, bir sayt qura və internetə yükləyə bilərsiniz: …

Addım 1: Alətlər, Materiallar və Əsas Bacarıqlar

Saytınızı düzəltmək üçün sizə lazım olacaq: Alətlər - Kompüter, tercihen beş yaşdan kiçik - Dreamweaver -in bir nüsxəsi (isteğe bağlı), amma bildiyim və sizə göstərəcəyim budur - Photoshop -un bir nüsxəsi, vacib deyil, amma mütləq Gözəl görünüşlü bir sayt istəyən hər kəs üçün lazımdır - Kompüterinizdə internet bağlantısı, tercihen sürətli bir əlaqə (işi daha sürətli etdiyinə görə) Materiallar - Fikir - Saytınızın nədən asılı olaraq bir az disk sahəsi - Vaxt, bəli dəyərli bir material - ehtiyacınız varsa işləyən bir e -poçt ünvanı Gmail və hotmail -dən azaddır Əsas bacarıqlar - Kompüterinizin, internetin necə istifadə olunacağına dair əsas biliklər -Bu kodlaşdırılamaz bir şey deyil, insanlar üçündür bir sayt yaratmaq istəyən, amma necə olduğunu bilməyən - Bəzi dizayn bacarıqları lazımlı olardı - Photoshopdan necə istifadə ediləcəyini bilmək gözəl olardı, paint. NET və ya GIMP

Addım 2: Başlayaq

Hansı saytın dizayn qərarını verməyinizi istədiyini bildikdən sonra.

Saytın təməl soyuducularını, tərzini və insanların orda necə gəzməsini istədiyinizi düşünün. Bir iş və ya klub üçün hazırlayırsınızsa, ehtimal ki, saytın şirkətin/klub soyuducularını əks etdirməsi və bir işdirsə satdıqlarını xatırladan menyu düymələri kimi şirkətlə əlaqəli şeyləri təqlid edən və ya buna əsaslanan xüsusiyyətlərə sahib olması ən yaxşısıdır. Saytlarınızın naviqasiyası bir neçə şey ola bilər, ümumiyyətlə üç əsas növ sol və sağ kenar çubuğu menyuları və üst çubuq menyulardır (bu saytın başlığının altından keçir) Saytı özünüz üçün edirsinizsə rəngləri və dizayn xüsusiyyətlərini seçin. İstəsəniz də oradan xəbərdarlıq sözünə keçin. həqiqətən ziddiyyətli rənglərdən istifadə etməyin və qızlar çəhrayı rəngə getməməyə çalışın (çox rast gəlinən cinsiyyətçi deyil) İstəsəniz saytınız vasitəsi ilə bir iş də aça bilərsiniz, bunu etmək təcrübəm azdır amma ola bilər bu saytın istifadə etdiyi yahoo mağazaları kimi bir şeyi istifadə etmək daha asandır.

Addım 3: Saytın işə salınması

Başladığımız yer budur, Sənədlərimə daxil olun və özünüzü "Veb saytım və ya saytın adını istifadə edin" adlı bir qovluq halına salın. Bu qovluğun içərisində 'səhifələr' adlanan, digərinə 'fayllar' adlanan 'şəkillər' adlı bir qovluq edin. (adlı bir fayl, saytınızı hazırlamaq prosesində istifadə edə biləcəyiniz bütün digər fayllar üçündür.) İndi dreamweaver -ı yandırın və bir az faylın yanında sayt adlı bir menyu maddəsi görəcəksiniz, buna görə də üzərinə vurun və yeni sayt seçin, inkişaf etmiş nişanı istifadə edin (keçmək daha asan olduğu üçün), indi veb saytınızın adını sayt adı qutusuna qoyun. 'Yerli kök qovluğu' etiketli bir qutu görəcəksiniz, bu sayt adınızın altında hazırladığınız qovluqdur. Növbəti qutu 'Varsayılan şəkillər qovluğu' olaraq etiketlənir və kök qovluğunuzdakı şəkillər adlı qovluğu seçin. İki onay qutusunu tək buraxın, hər ikisi də olduğu kimi olacaqlar.

Addım 4: Sonra Tıxanaq

Saytda bütün əsas qərarlarınızı verdikdən sonra bütün səhifələriniz üçün bir şablon hazırlamağın vaxtı gəldi, bu, tam olaraq göründüyü kimidir, səhifələr hazırlamaq üçün bir şablon, bir veb sayt hər iki qarışıqlığın qarşısını almaq üçün oxşar görünməlidir. izləyicilər və çox vaxta və zəhmətə qənaət edir.

Şablonunuzda bir başlıq düzəltməlisiniz, bu səhifənin yuxarı hissəsində işləyən əsas pankartdır, ümumiyyətlə saytın/şirkətin adı, bir şüarı və saytın mövzusunu əks etdirən bir şəkil və ya loqotipi var.. Verə biləcəyim ən yaxşı ölçülər 760 x 100-200 hündürlüyə üstünlük verilir və eyni zamanda menyu çubuğunun hara gedəcəyindən asılıdır. Genişlik 760 -dır, buna görə də ekranlarda 800x600 res işlədərkən belə brauzer pəncərələrinə uyğundur (saytın yarısını görə bilməsəniz heç bir faydası yoxdur) Menyu düyməniz (onları çox boylu etməməyi seçsəniz məsləhət görürəm) Hündürlüyü və eni 30 piksel çox şeydən asılıdır, amma mənimki ümumiyyətlə 100 - 1500 piksel arasındadır. Sonra yenə də sıfır səy göstərməyiniz lazım olan flaş düymələrindən istifadə edə bilərsiniz. (Dreamweaver üçün)

Addım 5: Şablonun Hazırlanması…

Beləliklə, indi boş səhifəmizi sağ tıklayaraq səhifə xüsusiyyətlərinə keçərək saytımızın rənglərini və nəyi seçmirik. Mənim üçün arxa plan qara, mətn ağ və başlığı şablon olaraq qoyacaq. Şəkildə qeyd edəcəksiniz ki, bütün link rənglərim mavi rəngdədir, mən də mavi istifadə etməyi təklif edirəm, çünki mavi ənənəvi link rəngidir və tək link rəngindən istifadə etmək insanları veb saytlardan bezdirən və siyahıya salan şeylər siyahısında yüksək idi. qeyri -peşəkar

Addım 6: Şablonun Davam Edilməsi. Layout

İndi şablonun dizaynına başlayırıq.

Cədvəl əlavə et düyməsini və ya cədvəl çək düyməsini basın. İndi bir masa düzəltmək üçün sürükləyin, 3x3 seçmək başlamaq üçün lazımlı bir yerdir. Etməyiniz lazım olan ilk şey, 800 piksel genişliyində bir masa düzəltməkdir, altındakı xüsusiyyətlər çubuğunda genişliyi görə bilərsiniz, indi hüceyrələrin üst sətrini seçin və sağ klikləyin, sağ klik menyusundakı cədvələ gedin və hüceyrələri birləşdirin, yeni yaranan hüceyrəni başlıq şəklinizin hündürlüyünə çevirin. Bu nöqtədə masanızın xüsusiyyətlərinə gedin və 'cellpad' və 'border' dəyərləri üçün sıfır dəyərini qoyun. Bu o deməkdir ki, cədvəl son istifadəçi üçün yoxdur, amma hər şeyi öz yerində saxlayır. İndi onu sayt şəkilləri qovluğunda saxlamalı olduğumuz başlıq şəklinə yapışdırırıq, amma əgər Dreamweaver deyilsə, faylı ora kopyalamaq istədiyinizi soruşacaq. Düymələr çubuğunuza bir şəkil əlavə etmək üçün (yuxarıdakı nişan ümumi olmalıdır) bir qutuda bir ağac şəkli olan düyməni tapın (əksər proqramlar oxşar simvoldan istifadə edir) üzərinə vurun və bir informasiya qutusu görünəcək, sadəcə sənədinizə baxın və üzərinə iki dəfə vurun. Təsviriniz səhv yerdə görünsə, imleci səhv hücrədə idi. Cədvəldən asılı olaraq, menyu çubuğunuzu istədiyiniz tərəfdə özünüzə bir hüceyrə bölün, satırların sütunların qarşısındakı yol olduğunu unutmayın. Menyu düymələri masanızın qutusunu düşündüyünüz qədər geniş edin, sonra düymələrinizi doğru enə çevirin (flaş düymələri istəyirsinizsə bunu nəzərə almayın) İndi hüceyrənizin içərisində 1 satır və o qədər sütun olan bir masa yaradın. düymələr (bunu saytınızın planından bilməlisiniz, burada sizə heç bir kömək edə bilmərəm) və ya üfüqi bir menyu üçün 1 sütun və düymələr olduğu qədər satır.

Addım 7: Menyu düymələrini əlavə edin

Bunun bir neçə yolu var. Sadə şəkil düymələri istəyirsinizsə (düyməyə bənzəyən tıklanabilir bir şəkil) Sonra şəkli normal olaraq əlavə edirsiniz və indiyə qədər hamısı budur. sonra onlara bağlantılar əlavə edəcəyik.

Rollover düymələri istəsəniz (kursor düymə şəklinin üstündə olduqda şəkil dəyişir, sonra hər düymə üçün şəkillər düzəltməlisiniz, istifadəçi siçanı üzərinə qoyanda yandırmaq istədiyiniz gözəl tünd boz düymələriniz olduğunu söyləyin. sonra işıqlandırılmış ikinci düymələr dəsti hazırlayırsınız, sonra alətlər çubuğunda rollover şəkil əlavə etmək düyməsinə (şəkil düyməsinin yanında və ya yaxınlığında) gedin və şəkil 1 üçün qaranlıq, şəkil 2 üçün işıq düyməsini seçin. hələ heç bir səhifə etmədiyinizə görə yenidən bağlantıdan çıxın. Flaş düymələri istəyirsinizsə, düymə alətlər çubuğunun üst hissəsindəki media sekmesine tıklamalı və əlavə düymə simvolu (flash logo ilə alt köşedeki kiçik çubuğu.), Sənədin davam etməzdən əvvəl onu "əsas şablon" kimi qeyd etməyinizi və ya saytınızın əsas şablonu olduğunu bildiyiniz bir şeyi saxlamağınızı xahiş edəcək.

Addım 8: İstifadə üçün Şablon Yaratmaq

Doğrudan da şablonumuzla işimiz bitdi və tezliklə səhifələrimizə başlaya bilərik, indi onun redaktə edilə bilən bölgələrə ehtiyacı var (Səhifə məzmununun gedəcəyi yerlər) Bunları sağ kliklə əlavə edirik və sağ klikdə şablon açılan menyusuna gedirik. menyuya daxil olun, yeni düzəliş edilə bilən bir bölgə seçin və sənədin bir şablona çevriləcəyini bildirən bir mesaj gələcək. Bu yaxşıdır. Bunu məzmunun gedəcəyi masa hüceyrələrindəki imleçlə edin (mənimdəki menyu çubuğunun altındakı və yanındakılar)

İndi sənədi qeyd edin, bağlayın və yeni bir fayla gedin və yuxarıdakı şablon sekmelerini vurun, şablonunuz orada olmalıdır, şablon dəyişiklikləri qutusu işarələndikdə yeniləmə səhifəsinin işarələndiyinə əmin olun (daha sonra bir çox işi saxlayır.)

Addım 9: Bəzi məzmun əlavə edin

Səhifələrinizə məzmun əlavə etməyi və onları səhifələr üçün hazırladığınız qovluqlarda saxlamağı və şəkillərinizi eyni şəkildə hazırladığınız şəkillər qovluğuna yerləşdirməyi unutmayın. Hər dəfə hər dəfə bir şablondan səhifə hazırlamaqla bağlı 8 -ci addımın son hissəsini təkrarlayın. Səhifə. İstifadə etdiyim saxta məzmuna Lorem Ispsum deyilir və Latın dilində yaxşılıq və pislik haqqında bir hekayədir, veb və qrafik dizaynerlər məhsulun həqiqi mətnlə necə görünəcəyi barədə fikir vermək üçün istifadə edirlər. Bu mavi qutuların sizin də sahib olduğunuz redaktə bölgələridir, inşallah.

Addım 10: İndi bağlantılarımızı qururuq

İstifadə etdiyiniz şablonu açın (qeyd qutusunu xatırlayın, indi oynamaq üçün gəlir) Dəqiqədə menyu düymələriniz sadəcə şəkillərdir (əgər onlar flaşdırsa, aşağıya baxın) İndi səhifələriniz olduğu üçün əsl düymə ola bilərlər, rollover və ya normal şəkillər olsun, ev düyməsini sağ vurun və linki dəyişdirmək və ya keçid etmək (versiyadan asılıdır) üçün bir dialoq qutusu görünəcək, yalnız ana səhifənizin faylını axtarın və üzərinə iki dəfə vurun. İndi səhifəyə bağlıdır, düymələrinizin qalan hissəsini təkrarlayın və sənədi qeyd edin, əgər Dreamweaver sənədə əsaslanaraq bütün səhifələri dəyişdirmək istəsəniz bəli deyin.

Flaş düyməsi üçün bağlantı çubuğuna məhəl qoymadığımızı xatırlayacaqsınız, buna görə etdiyimiz hər şey düyməni sağ vurmaq və əvvəllər ekranda sizə təqdim ediləcək redaktə etməkdir, sadəcə keçid çubuğunun yanındakı göz düyməsini vurun və sənədinizi tapın. İndi olduqca çox işləyən bir saytınız olmalıdır, sonrakı addım işləri asanlaşdırmaq və daha yaxşı işlətmək üçün bir neçə fənd və fotoşəkil səhifələri üçün əşyalarla doldurulur.

Addım 11: Bir neçə məsləhət və faydalı fikir

XP üzərində işləyirsinizsə (ehtimal ki, vista daxil olmaqla), şəkillərinizi sağ tıklayaraq ölçüsünü dəyişə biləcəyiniz şəkillərin ölçüsünü dəyişə biləcəyiniz bir şəkil dəyişdirici adlanan bir XP güc cihazı var və hər adın sonuna baş barmaq əlavə edə bilərsiniz. Bir fotoşəkil qalereyası üçün hazırladığınız kiçik şəkilləri ana səhifədəki şəkillər kimi istifadə edin və düymələr kimi daha böyük şəkil faylına bağlayın, bu yol daha sürətli yüklənməyə və daha az qalereya səhifəsinə imkan verir.

İçərisində çoxlu məzmun olan səhifələr üçün səhifəni və əvvəlki səhifənin bağlantılarını bölməyə dəyər ola bilər, bunu etmək çox sadədir və etdiyiniz hər şey onları bir -birinə bağlamaq və başlanğıc səhifəsini şablon bağlantısı olaraq və ya hansısa səhifədən daxil etməkdir. ilə əlaqələndirilir. Geri qayıdacağam və düşündükcə və ya insanların təklif etdiyi kimi daha çox əlavə edəcəyəm, bu yalnız başlanğıcdır.

Addım 12: İndeks Səhifəsi yaradın

Hal -hazırda əksər veb hostlar, indeks səhifəsi tələb edir, bu ya 'index.htm' adlanan ana səhifənin bir nüsxəsi ola bilər (buna ad verməlisiniz) və ya sayt daxil edin (əgər varsa) hər şeyi canlandırmaq üçün bir animasiyaya sahib ola bilərsən, o xüsusi anın yaxınlaşdığını hiss etməlisən.

Addım 13: Gəlin bizə ev sahibi olaq

İndi özünüzü sizə göndərdiyim saytda tapacaqsınız, bunu seçdim, çünki pulsuz ev sahibləri getdikcə əladır və çox şeyə icazə verir, 8gig saxlama və ayda 300GB bant genişliyi kimi bir şey.

Buna görə qeydiyyat addımlarını izləyin və hesabınızı aktivləşdirin, buna ehtiyac duymayacağımız fayl menecerinə belə baxmayın. Doğrudan hesabınıza gedin və FTP hesabınızın adını, istifadəçi adını və şifrənizi (hosting hesabı üçün parolunuzla eynidir) Saytlara daxil olun, saytları redaktə edin və sizinki seçin inkişaf etmiş nişana keçin və test serverinə gedin. (Uzaq məlumatlarımın olduğunu bilirəm, amma test serveri saytı yükləməyin ən asan yoludur), məlumatınızı şəkildə göstərildiyi kimi daxil edin.

Addım 14: Hiss edə bilərsinizmi?

Saytı yükləmək vaxtıdır … Bir veb saytınız olacaq.

Sayt sənədlərinizə/aktivlər çubuğunuza keçin, şübhəsiz ki, hazırda çox fərqli görünür, kiçik açılan baxış menyusuna vurun və test serverini seçin. İndi dreamweaver artıq FTP parolunuzu saxladı. Uzaqdakı ana ilə əlaqə düyməsini vurun (üç gülməli şəkli olan). bağlı olduğunuzu bildirdikdən sonra faylları yerləşdir düyməsini vurun, bu yuxarıya doğru ox olan düymədir. (Daha sonra istifadə etmək üçün hesaba daxil ola bilərsiniz və kompüterinizdə itirdiyiniz faylları əldə etmək üçün faylları əldə edə bilərsiniz.) Bunu vurduqda bütün saytı yükləmək istədiyinizi soruşacaq. hər şey işləyir, kiçik yeniləmələr üçün əvəz faylları göndərə bilərsiniz. 'İndex.htm' səviyyəsinə çatdıqda, onu əvəz etməsi lazım olduğunu soruşacaq, bəli deyin, əks halda saytınız 15 gündən sonra sıradan çıxacaq, buna görə də əvvəlcə saytımızı yaratdıq.

Addım 15: İndi bir ad istəyirsən?

Beləliklə, bir alt sayt olma fikri eqonuzu təsir edir, seçimləriniz var, bir domen adı satın alın (hosting olmadan bahalı deyil və.com.org.co.uk və.net adınıza ən uyğun birini seçin. Və ya hər şeyi pulsuz istəyən bir adam üçün sadəcə dot tk saytına daxil olun. Sadəcə səhifələrinizi yansıtdığınız üçün ana səhifənizi və ya indeks səhifənizi sayt bağlantısı halına gətirdiyiniz zaman killerjackalope.tk aldığını söyləyin?

Adım 16: Daha çoxu üçün daha çox varmı?

İndi bu yanan bir suala cavabdır və lazer kəsici yarışmasına qoyulur (son dəqiqə), ancaq hər hansı bir sualınız varsa və ya soruşmaqdan əlavə əlavə izahat istəyirsinizsə, kiçik olsa sizə cavab verərəm və əgər Yaxşı bir addımdır, hər kəsin sualınıza cavabı var.

Həm də bunun keçmiş dərslikdən olduğunu bilirəm, amma əminəm ki, ön səhifədə bir sayt yaratmağa çalışanda bu baş verir, bu dəhşətlidir və sənə Dreamweaver oğurlamağı, sonra ön səhifəni almanı söyləmək istərdim. Növbəti öyrədici, gülməli hulk şəkillərini necə etmək olar.