ვებ-განვითარება და დიზაინი 101

web_development_101გსურთ იცოდეთ ვებ განვითარებისა და დიზაინის საფუძვლები? გასაოცარია…


მაგრამ პრობლემა გვაქვს ამ აზროვნების ხაზთან, ან მათ რიგ რიგში…

  • რა არის ვებსაიტის შექმნა? ყველას ნამდვილად სჭირდება ერთი?
  • თუ ასეა, როგორ აყალიბებთ ხარისხის ვებსაიტს? ან სხვა სიტყვებით რომ ვთქვათ, როგორ სწავლობთ ძირითადი ვებ – დიზაინის შემუშავებას და დიზაინს, რაც საშუალებას მოგცემთ თავად შექმნათ ეს ხარისხის ვებ – გვერდი?
  • რაც მთავარია, შეგიძლიათ შექმნათ ხარისხის ვებსაიტები თქვენივე სცადოთ? ან გჭირდება შენს მიღმა წლიანი გამოცდილება, სანამ არ შეგიძლია იმ იმედით, რომ ზემოაღნიშნული შედეგის მიღმა იქნება საშინელი?

მოდით ამ ყველაფერზე ვუპასუხოთ დამწყები სახელმძღვანელო ვებ განვითარებისა და დიზაინის შესახებ.

[სპოილერის განგაში. დიახ, თქვენ შეგიძლიათ შექმნათ ხარისხის ვებსაიტები პირველ ცდაზე.]

Contents

რა არის მოცემული ამ სახელმძღვანელოში?

კარგი, პირველ რიგში, პირველ რიგში, ჩვენ მოხარული ვართ, რომ თქვენ განაგრძეთ კითხვა და რომ გადაწყვიტეთ ვცდილობთ ვების განვითარებას! აქ მოცემულია, თუ როგორ აპირებს თამაშს:

თავები ნაჩვენებია ძალიან მარტივად, მარცხნივ ძირითადი შინაარსით, ხოლო მარჯვნივ მოქმედებითი საგნები. Ამის მსგავსად:

სახელმძღვანელო შესავალი: თავი 1

ახლა, როგორ გავაგრძელოთ კითხვა:

  • თქვენს პირველ წაკითხვისას: ჩვენ გირჩევთ, რომ წაიკითხოთ მთელი რამ ზემოდან ქვემოდან. ეს მოგცემთ თემას 10,000 ფეხის კარგ ხედზე და დაგეხმარებათ გაიგოთ მისი ყველაზე მნიშვნელოვანი ნაწილები. ის ასევე მოგაწვდით ძირითად ინსტრუმენტებსა და მეთოდებს, თუ როგორ უნდა გაუმკლავდეთ ინდივიდუალური დავალებები.
  • სანამ თქვენს მე -2 წაიკითხეთ და შემდეგგამოიყენეთ TOC და გადახვიდეთ იმ ნაწილზე, რომელიც ყველაზე მეტად ინტერესდება თქვენთვის. ასევე, მოგერიდებათ გამოიყენოთ ყველა თავის გვერდით განაწილების ღილაკები, ან გაუგზავნოთ ბმულები საკუთარ თავს ან თქვენს მეგობრებს / მიმდევრებს, რომლებიც შეიძლება იყვნენ დაინტერესებული.

მზად ხარ? მოდით წავიდეთ I თავში.

ვისთვის არის ეს სახელმძღვანელო?

თუ გსურთ გაეცნოთ ძირითადი ვებ-განვითარებას და დიზაინს, ეს სახელმძღვანელო თქვენთვისაა. როგორიც არ უნდა იყოს თქვენი მოტივაცია.

ასევე, თქვენ არ გჭირდებათ წინასწარი ტექნიკური ცოდნა (ძირითადი “ვებ უნარების” გარდა). ამ სახელმძღვანელოს მთელი მიზანი უნდა იყოს ერთგვარი „101“ კურსი ყველასთვის, ვინც დაინტერესებულია ვებ – გვერდების შექმნით და ვებ – გვერდის შემუშავებით.

აქ არის რამდენიმე ძირითადი მიზეზი, რის გამოც შეიძლება დაგაინტერესოთ:

  • 1. თქვენ გჭირდებათ ვებგვერდი თქვენი ბიზნესისათვის (და თქვენ გსურთ ნახოთ, თუ თქვენ შეგიძლიათ ააშენოთ იგი საკუთარ თავს).
  • 2. გსურთ ისწავლეთ ვების განვითარება ვნებისა და დროებითი ინტერესისგან (ამაზე ცუდი არაფერია).
  • 3. თქვენ გჭირდებათ ვებგვერდი სკოლისთვის.
  • 4. თქვენ ეხმარებით მეგობარს ან ოჯახის წევრს, რომ მიიღონ ვებგვერდი ინტერნეტით.

მთავარი იდეა, რომელიც უნდა გვეხელმძღვანელოს

Ეს მნიშვნელოვანია! გთხოვთ, ნუ გაგიბრაზდებით, თუ თქვენ მოწინავე ვებ პროგრამისტი ხართ, რომელსაც კითხულობთ ამას, მაგრამ მთავარი იდეა, რომელიც ჩვენს მთელ ვებ – განვითარებას და 101 რესურსის შექმნას გეგმავს, არის:

”მინიმალური წინააღმდეგობის მიდგომა”

აქ მოცემულია მინიმალური წინააღმდეგობის მიდგომის სამი პრინციპი:

  • ჩვენ ვართ მოლეკულურ დონეზე არ იშლება ყველაფერი. ე.ი. ჩვენ არ ვაპირებთ ბოლოში თუ როგორ მუშაობს პროგრამირების ენები, ან როგორ მუშაობს ვებ სერვერი.
  • ჩვენ ვართ არ ინვენტრებს საჭეს. ე.ი. თუ ვინმემ უკვე მოაგვარა მოცემული პრობლემა და გამოსავალი ხელმისაწვდომი გახადა, ჩვენ მის გამოყენებას აპირებთ.
  • ჩვენ ვართ მარტივი გამოსავალი გასაოცარია, ვიდრე რთული და ერთი შეხედვით უფრო ფუნქციონალური გადაწყვეტა buggy და არა გასაგები.

თავი 1: გეგმა

თქვენი იდეა, ვებსაიტის ტიპი, დომენის სახელი და ჰოსტინგი.

სანამ შექმნით ვებსაიტს, დაგჭირდებათ გეგმა

ირონიული, როგორც ეს შეიძლება ჟღერდეს – 80-იანი წლების შოუში “A-Team” გვასწავლა, კარგი გეგმაა წარმატების გასაღები.

თუ თქვენ უკვე გაქვთ ვებგვერდი, რომელიც ცოტა ხნით იჯდა თქვენს შიგნით, მაშინ ნამდვილად აღფრთოვანებული ხართ ერთადერთი იდეით, რომ საბოლოოდ გაიტანოთ ის, რომ სხვები წაიკითხონ და დაათვალიეროთ.

გსურთ თქვენი ნახვა იყოს გასაოცარი. თქვენ ალბათ იცით, როგორ გამოიყურება ეს გარკვეულწილად. ან იქნებ სრულყოფილი ლოგოც კი გქონდეთ მზად.

მაგრამ…

ეს საერთოდ არ არის, სადაც უნდა დაიწყოს. თუ წინასწარ დადგენილი მოლოდინებით დაიწყებთ, ეს მხოლოდ გზაში ბევრ დაბნეულობას მიგიყვანთ და საბოლოო ჯამში ქვე-შედეგს მიიღებთ..

ამის ნაცვლად, იფიქრეთ შემდეგზე:

  1. გამოეყო თავი ნებისმიერი ტექნიკური მიზნიდან, რომელიც შეიძლება გქონდეს. მაგალითად, მაგალითად, ვებგვერდის ტექნოლოგიების ან გარკვეული ვებსაიტის პროგრამული სწავლის მიზანი.
  2. დაუსვით საკუთარ თავს ერთი მთავარი კითხვა: ”რაში მჭირდება საიტი?”

ეს არ ეხება თქვენ, ეს ეხება საიტის მიზანს.

კითხვები, რომელიც უნდა დაუსვათ საკუთარ თავს, სანამ შექმნით თქვენს ვებსაიტს

  1. რა მიზანს მიაღწევს საიტს?
  2. რა იქნება საიტის საშუალებით წარმოდგენილი მთავარი ”მთავარი”? (მაგ. თქვენი ბიზნესი, პროდუქტი, ბლოგის შეტყობინებები და ა.შ.)
  3. ექნება ვებსაიტს რაიმე განსაკუთრებული დანიშნულება? (მაგ. eCommerce მაღაზია, ფოტოგრაფის პორტფოლიო და ა.შ.)
  4. ვინ არის სამიზნე აუდიტორია?
  5. რატომ აინტერესებთ ისინი საიტის თემით?
  6. რა ტკივილს უქმნის საიტი ინდივიდუალური აუდიტორიის წევრებისთვის?

ამ ბოლო 3 შეკითხვის შესახებ, მოდით, აუდიტორიას ერთი წუთით განვიხილოთ …

ვებსაიტის შექმნისთვის არსებობს ორი ძირითადი წესი. აქ არის წესი 1:

 მკითხველი / ვიზიტორი პირველ რიგში მოდის. ისინი არიან მთავარი ადამიანი, რომელიც თქვენს ვებ – გვერდს გთხოვთ.

გარკვეულწილად, თქვენი ვებ – გვერდი არ არის თქვენი. Ეს მათია.

(წესი # 2, რომელზეც ვილაპარაკებთ ერთ წუთში.)

ამ მარტივი სახელმძღვანელოს შესახებ დავიწყებამ შეიძლება მიგიყვანოთ თქვენ არასწორად, თუნდაც იმ წერტილამდე, სადაც აღმოჩნდებით ვებსაიტთან, რომელიც ყველასთვის დამაბნეველია, მაგრამ თქვენ.

”უღ! ხალხი უბრალოდ არ მესმის, რას ეხება ეს საიტი. როგორ შეიძლება იყვნენ ისინი ამდენი უცოდინარი ?! ” – დაფიქრდი ბოლოს. როგორც ირკვევა, უცოდველი თქვენ იყავით.

ამის თავიდან ასაცილებლად ერთადერთი გზაა თქვენი ვებსაიტის შექმნა მკითხველთან გათვალისწინებით.

ასე რომ, აიღეთ ქაღალდი და უპასუხეთ ზემოთ მოცემულ ყველა კითხვას.

დასრულების შემდეგ, გაეცანით საბოლოო სახელმძღვანელო მითითებებს, რომლის მოქმედებას აპირებთ თქვენს ვებსაიტზე მუშაობისას.

ეს პასუხები იქნება ძალიან ძლიერი ინსტრუმენტი, როდესაც თქვენ გასწვდებით. თქვენ შეძლებთ მათთან დაბრუნებას, როდესაც თქვენს ვებგვერდზე გადაწყვეტილებას მიიღებთ.

უნდა გააკეთო * ეს * ან * ეს *? გადადით პასუხის ფურცელზე და გაარკვიეთ. უნდა გამოიყენოთ ფართო ან ვიწრო გვერდითი მხარე? გადადით პასუხებზე, გაარკვიეთ, რომელია უფრო სავარაუდოა, რომ რეზონანსული იყოს სამიზნე მკითხველთან. და ა.შ..

დომენის სახელები და ვებ ჰოსტინგი

თუ გსურთ გახდეთ ვებგვერდის მფლობელი, გჭირდებათ დომენის სახელი და ვებ მასპინძელი.

ტექნიკურად კარგი, კარგი, თქვენ შეგიძლიათ ააწყოთ სატესტო ვებ – გვერდი ყველა თქვენს კომპიუტერზე და შემდეგ გაუშვით მას ადგილობრივი ქსელიდან (ასევე დაინსტალირებულია როგორც თქვენს კომპიუტერზე პროგრამული უზრუნველყოფა), მაგრამ ეს არ იქნება გამოსაყენებელი გამოსავალი 99% -ზე საქმეები, მოდით, ეს გამოტოვოთ.

ასე რომ, მასპინძელი და დომენი…

ცუდი ამბავი ის არის, რომ ორივე მათგანს ფული ეღირება.

კარგი ამბავი … ამდენი თანხა არ არის საჭირო ნივთების გრაფიკაში. გარდა ამისა, როგორც თქვენ სწავლობთ, შეგიძლიათ გახსნათ მრავალი მცირე ვებ – გვერდი ერთი დომენის სახელზე და ერთი ვებ – მასპინძლის ქვეშ.

თავიდან დავიწყოთ.

ვებ მასპინძლები:

  • მარტივად რომ ვთქვათ, ვებ – მასპინძელი არის ადგილი, სადაც თქვენი ვებ – გვერდია და სადაც შეგიძლიათ თქვენი სია. გარკვეულწილად, ვებ – საიტების მასპინძლები ისევე, როგორც ბინების ადამიანები ადამიანისთვის. ქუდის ქვეშ, ვებ მასპინძლები არიან კომპანიები, რომლებიც ქირაობენ თავიანთ სერვერებს ფულის სანაცვლოდ (… მცირე ზომის ბინა თქვენს ვებსაიტებზე).
  • დასაწყებად, სტანდარტული ჰოსტინგის გეგმა შეასრულებს. შეგიძლიათ მიიღოთ ის, რაც არაფრისმომცემთ იწყება $ 3 / თვეში. აქ მოცემულია პოპულარული ვებ მასპინძლების ლამაზი შედარება. შეამოწმეთ ეს და გადაწყვიტეთ, რომელი კომპანიაა თქვენთვის შესაფერისი. ამასთან, ჩვენი რეკომენდაციები ეხება SiteGround, A2 ჰოსტინგი და Dreamhost.

დომენები:

  • თუ ვებ – მასპინძელი არის ბინა, მაშინ დომენი არის ამ ბინის მისამართი. მაგალითად, ამ ვებსაიტის დომენი არის hostingfacts.com.
  • დასაწყისისთვის სასურველია შეარჩიოთ სასურველი დომენი და შემდეგ იყიდოთ იგი რეგისტრიდან. აქ არის დეტალური სახელმძღვანელო, თუ როგორ უნდა შეიძინოთ დომენი, და აქ მოცემულია დომენის გენერატორების სია.

 

შემოთავაზებები და რჩევები დომენის სახელის არჩევის შესახებ

კარგი, ასე რომ, დომენის ზოგიერთ რეგისტრატორზე გადასვლა და დომენის რეალურად ყიდვა ერთი რამ არის, მაგრამ როგორ ირჩევთ სწორ დომენურ სახელს?

არსებობს რამდენიმე სკოლა:

  • დომენური ბრენდები. ეს არის არარეალური სიტყვებისგან შემდგარი დომენები. იფიქრეთ, როგორიცაა Google.com ან Yahoo.com. სანამ ეს კომპანიები შეხვდებოდნენ, ეს სიტყვები არაფერს ნიშნავდა. ბრენდის დომენური სახელის თავდაპირველი მოვლენა იმაში მდგომარეობს, რომ ეს არის… კარგად ბრწყინვალე, დასამახსოვრებელი და ადვილია თქვენი საიტის სხვაობა.
  • საკვანძო სიტყვებზე დაყრდნობით. მათში შედის არსებული სიტყვები, თანმიმდევრობით, რომელიც აღწერს საიტის დანიშნულებას. იფიქრეთ, როგორიცაა Pizza.com, ან StartBloggingOnline.com. მსგავსი დომენის სახელით, თქვენს ვიზიტორებს შეეძლებათ ზუსტად განსაზღვრონ ის ვებ – გვერდი, რომელზეც ახლახან ეწვევიან. უარყოფითი მხარე ის არის, რომ ამ დომენებს ზოგადად ნაკლებად ბრენდირებული აქვთ.
  • კომბინირებული სახელები. ეს არის ბრენდირებული დომენები და საკვანძო სიტყვებზე დაფუძნებული დომენები. იფიქრეთ, Facebook.com ან Copyblogger.com. ასეთი სახელები სტუმრისთვის ვებსაიტის ბუნების გარკვეულ ნაწილს მიანიშნებს, მაგრამ ისინი მაინც საკმაოდ ბრენდირებულნი არიან.

ზოგიერთი ზოგადი სახელმძღვანელო მითითებით, თქვენ მიერ არჩეული დომენის ტიპის მიხედვით:

  • გააკეთეთ დომენი ადვილი დასამახსოვრებლად.
  • გახადეთ ეს მოკლე და მარტივი. რაც უფრო გრძელია დომენი, მით უფრო დამაბნეველია ის.
  • მიიღეთ .com (თუ ეს შესაძლებელია). .Com არის მთავარი “ზედა დონის დომენი”. სხვა არაფერი მოაგვაროთ.
  • შეეცადეთ თავი აარიდოთ hyphen. მიიღეთ თქვენი სახელი ცალკეულ ფორმაში, როგორიცაა “cakerecipes.com”, ნაცვლად “tort-recipes.com”.

ამ თავის შემდეგ მზადება:

  • დომენი.
  • ვებ მასპინძელი.
  • თქვენი პასუხების ფურცელი – თქვენი საიტის მიზნები და ის, თუ როგორ აპირებს ის ემსახურება აუდიტორიას.

მეტი დახმარება გჭირდებათ? აქ თქვენ იხილავთ შემდგომ კითხვას:

  • რატომ გავზიარეთ ჰოსტინგი? მასპინძელთა ძირითადი ტიპები შედარებით
  • 10 რამ, რაც კარგი გახდის ვებ – მასპინძელს
  • 12 წესი სწორი დომენის არჩევისთვის
  • ვებსაიტების დაგეგმვის ყოვლისმომცველი სახელმძღვანელო

თავი 2: დიზაინის და Wireframing

აიღეთ ქაღალდი და კალამი და გადააფარეთ თქვენს ვებ – გვერდის სტრუქტურას

კარგი, მოდით დიზაინის ფაზაში შევიდეთ.

პირველ რიგში, პირველ რიგში, აქ არის სამუშაო ეთიკა, რომელსაც აქ გავითვალისწინებთ:

  • ჩვენ ვიყენებთ კალამს და ქაღალდს, რამდენადაც შეგვიძლია და მხოლოდ ამის შემდეგ ვცდილობთ კომპიუტერს. გვარწმუნეთ, თქვენი დიზაინზე მუშაობისთვის დახარჯული ყოველი წუთი საათში გადარჩა საათში, როდესაც კომპიუტერზე ნივთების დარეგულირებას დაიწყებთ.
  • ჩვენ ვაკეთებთ تکرار სამუშაოებს … ვაკეთებთ »შედეგების შემოწმებას» გაუმჯობესება »შედეგების შემოწმება» გაიმეორეთ სანამ არ დასრულდება.

პირველ თავში ჩვენ აღვნიშნეთ ისეთი რამ, რასაც ვებსაიტის შექმნის წესი # 1 ვუწოდეთ. ახლა დროა # 2 წესი:

ვებსაიტის მშენებლობის წესი # 2:

პირველ რიგში იფიქრე შინაარსზე.

შინაარსი არის ის, რაც მნიშვნელოვანია ვებგვერდზე. არა დიზაინი. შინაარსი.

ხალხი შინაარსით მოდის. ისინი დიზაინისთვის არ მიდიან. დიზაინი მხოლოდ შინაარსის მიწოდების მანქანაა.

არასოდეს დაიწყოთ როგორ გამოიყურება თქვენი ვებ – გვერდი. დაიწყეთ შინაარსით. შინაარსი. შინაარსი. შინაარსი.

რას ვგულისხმობთ „შინაარსით“? მოკლედ, ეს არის ის, რაც ხალხს სურს მიიღოს თქვენი ვებ – გვერდიდან. ბლოგის შეტყობინებები, მაღაზიაში არსებული პროდუქტები, ფორუმის თემა, თუ ფორუმს აშენებთ, ახალი ამბები, თქვენი შეთავაზება და ა.შ..

”მართლა? გამოიყურება ნამდვილად არ აქვს მნიშვნელობა? ” – გეკითხებით.

იმის ნაცვლად, რომ ჩვენ ცემა ეს, შეამოწმეთ ეს გვერდი:

მარტივი ვებსაიტი

ეს მარტივი ვებ – გვერდი საუკეთესო ახსნაა თუ რა არის დიზაინის დიზაინი და რა მიზნით ის ონლაინ რეჟიმში.

ასე რომ, გახსოვდეთ, შინაარსი ჯერ!

ვებსაიტის შინაარსი და სტრუქტურა

კარგი, ასე რომ, რადგან შინაარსი ყველაზე მნიშვნელოვანია, თქვენ უნდა მოაწყოთ იგი (უმეტესობა) წინასწარ. ან მინიმუმ, თქვენ უნდა გქონდეთ კარგი წარმოდგენა იმაზე, თუ რა შინაარსი უნდა იყოს და რა ფორმით.

Შენიშვნა. ვიცით, რომ ეს ნაწილი შეიძლება იყოს მკაცრი. შინაარსის დასაწყისი, როგორც ჩანს, საკმაოდ არაბუნებრივია ვებგვერდის დიზაინისთვის, მაგრამ ეს ნამდვილად საუკეთესო გზაა შესანიშნავი შედეგის მისაღწევად. ასე რომ, იფიქრეთ იმ შინაარსზე, რომელიც გსურთ გაზიაროთ მკითხველს და როგორ გსურთ მისი წარმოჩენა.

შემდეგი ნაბიჯი არის ცალკეული გვერდების ცალკეული სახეების გამოყოფა (თქვენ გსურთ საწყისი გვერდი, პროდუქტის გვერდი, კატეგორიების გვერდი, გვერდი, კონტაქტი გვერდი, მთავარი გაყიდვების გვერდი, რამდენიმე გაზეთის გამოწერა სადესანტო გვერდზე, ბლოგის მთავარი ჩამონათვალი, ინდივიდუალური შეტყობინებები, მაღაზია ალბათ და სხვა, რაც საჭიროდ ჩანს).

იფიქრეთ, რა არის ყველაზე ეფექტური გზა თქვენი შინაარსის ორგანიზებისთვის ვებსაიტზე?

ეს ყველაფერი გააკეთეთ ქაღალდზე. ეს ალბათ თქვენთვის უფრო ადვილი და სწრაფი იქნება, ვიდრე ადგილზე სქემის შედგენის პროგრამის სწავლა.

მაგალითი:

შინაარს-სტრუქტურა

ერთად გადააფარეთ Wireframe

ვებსაიტი, რომელიც შემუშავებულია ვებ – დიზაინში, არის უბრალოდ გვერდის სქემატური ან გეგმა – ვიზუალური სახელმძღვანელო, რომელიც წარმოადგენს ვებსაიტის ჩარჩოს (ვიკიპედია გვეუბნება).

Wireframes გასაოცარია! ჩვენ ვიყენებთ მათ უმეტესობას, რასაც ვაკეთებთ. მაგალითად, აქ არის მითითებული სახელმძღვანელო მითითებები ამ სახელმძღვანელოსთვის:

ერთმანეთთან ერთად გადაკეცეთ მავთულხლართი

როგორც ხედავთ, ისევ ის არის ქაღალდზე. მიუხედავად იმისა, რომ ამ ტიპის სამუშაოსთვის მრავალჯერადი აპლიკაცია არსებობს, ჩვენ ნამდვილად არ ვურჩევთ მათ გამოყენებას. ეს შეიძლება იყოს შესანიშნავი პროფესიონალი დიზაინერებისათვის, მაგრამ დამწყები ან შუალედური ადამიანი მხოლოდ დროს დაკარგავს მათ სწავლის სწავლაზე და საბოლოოდ, ისინი ვერ მიიღებენ ბევრ გაუმჯობესებას იმაში, თუ რას მიაღწევდნენ მათ კალმისა და ქაღალდის საშუალებით..

ასე რომ, როგორ უნდა wireframe?

არსებობს ორი მიდგომა, თუ დამწყები ხართ:

  • გაეცალეთ ნაკადს, თუ თავს ძლიერად გრძნობთ და უბრალოდ გაშორდით (ყოველთვის არაა სრულყოფილი გამოსავალი).
  • მიიღეთ სწრაფი ცოდნა იმის შესახებ, თუ როგორ უნდა დაფაროს სწორად დაფარვა (ჩვეულებრივ უკეთესად).

ამ უკანასკნელისთვის, წადი აქ – შესანიშნავი სახელმძღვანელო.

(დარწმუნდით, რომ შექმენით გვერდის ყველა მნიშვნელოვანი ტიპის გვერდი, რომელიც წინა ჩამონათვალში ჩამოთვლით.)

ამ თავის შემდეგ მზადება:

  • საიტის შინაარსის უმეტესი ნაწილი, ან მისი უმეტესობა წინასწარმეტყველებდა (მაგალითად, თუ მომხმარებელს დაეყრდნობით შინაარსს, მაშინ ძნელია ამის წინასწარ დადგენა).
  • თქვენი ვებ – გვერდის შინაარსის სტრუქტურა, რომელიც შედგენილია გრაფიკად.
  • ინდივიდუალური ტიპების ინდივიდუალური ტიპები, რომელზეც დაგჭირდებათ.

შემდგომი კითხვა:

  • 9 ნაბიჯი ვებ – გვერდის შინაარსის დაგეგმვაში
  • ახალი დიზაინი გაქვთ? Დაიწყე აქ.

თავი 3: UX და UI

არასოდეს შეაფასოთ მომხმარებლის გამოცდილებისა და ინტერფეისის მნიშვნელობა

როგორც გამოცდილება, მომხმარებლის გამოცდილება და ინტერფეისი.

WebDesignerDepot მოგვცემს ამ ორივეს საკმაოდ პოეტურ განმარტებას:

UI არის სადა, სტრიქსები და მეფობები.

UX არის განცდა, რომელსაც შეეძლება ცხენით გასეირნება და პირუტყვის თოკი.

უფრო პრაქტიკული განსაზღვრისთვის:

  • UI არის ის, რასაც მომხმარებელი ხედავს, როდესაც ისინი თქვენს საიტს ათვალიერებენ.
  • UX არის როგორ ფიქრობენ ისინი ამის შესახებ.

წყვილი და რამდენად შესრულებულია ეს, ძირითადად განსაზღვრავს თქვენი ვებსაიტის სასარგებლო თვისებებს საბოლოო მომხმარებლისთვის / ვიზიტორებისთვის.

UX და UI დიზაინის დიზაინი თავისთავად დიდი თემებია და საბოლოო შედეგში უამრავი პატარა ელემენტია..

მოკლედ, ბევრი რამ უნდა გაიგოთ, თუ თქვენ ახლახან იწყებთ მოგზაურობას.

იმის ნაცვლად, რომ ჩვენ ვცდილობთ დაგვეღალოს მთელი UX და UI დიზაინის კურსი აქ, მოდით უბრალოდ აღვნიშნოთ მუჭა მნიშვნელოვანი ელემენტები და შემდეგ გამოგიგზავნოთ სადმე სხვაგან შემდგომი კითხვისთვის..

მომხმარებლის მიზნები

UX არის მომხმარებლის მიზნების შესახებ … თქვენი მიზნების არა იმდენი … მომხმარებლის მიზნები.

კარგი, რას ნიშნავს ეს? უპირველეს ყოვლისა, დაუბრუნდით თქვენი ვებსაიტის დანიშნულებას – ის, რაზეც თქვენ მუშაობდით წინა თავებში. მიზეზი თუ რატომ ქმნით ვებსაიტს და როგორ ეხმარება მას მომხმარებელი / ვიზიტორი.

როგორ ითარგმნება იგი სტუმრის მიზანში? … რა არის ერთი რამ, რაც ვიზიტორს სურს მიიღოს ან მიაღწიოს თქვენს საიტთან მისვლას? ეს მათი მიზანია.

რამდენად ადვილია ამ მიზნების მისაღწევად?

შემდეგი, ფოკუსირება შემდეგ კითხვაზე:

  • შეუძლია თუ არა ვიზიტორს მარტივად მიაღწიოს თავის მიზანს? – შეუძლიათ თუ არა მათ მიიღონ ინფორმაცია ზუსტი ინფორმაციის მისაღებად?

ამაზე პასუხის გასაცემად, თქვენ უნდა დაუბრუნდეთ თქვენს მავთულხლართს, თქვენი შინაარსის სტრუქტურას და ორჯერ შეამოწმოთ საგნები.

დარწმუნდით, რომ შინაარსის სტრუქტურა და თქვენ მიერ გააზრებული გვერდები აზრი აქვს მომხმარებლის თვალსაზრისით. დარწმუნდით, რომ შესაძლებელია მათთვის მნიშვნელოვან გვერდებზე ნავიგაცია თავისუფლად და არა დამაბნეველი გზით.

არსებითად, აქ, ჩვენ დავრწმუნდებით, რომ ვებსაიტი აძლევს თქვენს ვიზიტორებს მნიშვნელობას.

ეს ყველაფერი საკუთარი თავისთვის გააზრებული არ არის?

გირჩევთ შეამოწმოთ ამ თავში “შემდგომი მოსმენით” განყოფილებაში ჩამოთვლილი რესურსები … მაგრამ ასევე შეგიძლიათ სცადოთ “ჰაკე”, ასე ვთქვათ.

კერძოდ, იფიქრეთ იმაზე, თუ რა იმედგაცრუებას გიქმნით, როდესაც ეწვიეთ ვებსაიტებს, რომლებიც მსგავსია თქვენთვის, რომლის აშენება გსურთ? შესაძლოა, არსებობს რამდენიმე ინფორმაცია, რომლის მიღწევა ნამდვილად რთულია ან რაიმე ინტერფეისის ელემენტი, რაც საიტს დამაბნეველს ხდის.

გაითვალისწინეთ შენიშვნები, გამოიტანეთ დასკვნები, ნუ დაუშვებთ იგივე შეცდომებს თქვენს ვებგვერდზე.

ემოციის საშუალებად გამოყენება

თქვენი საიტის UI და UX- ზე მუშაობისას, რაც თქვენ ძირითადად მიზნად ისახავს თქვენს სტუმრში გარკვეულ ემოციას იწვევს..

თქვენ გსურთ, რომ მათ იგრძნონ გარკვეული გზა, რაც შემდეგ მათ დაარწმუნებს, რომ გარკვეული გზით იმოქმედონ. ამრიგად, თქვენი ვებსაიტი ნამდვილად სასარგებლოა.

სამუშაოს ემოციურ ნაწილზე მუშაობისთვის ერთ – ერთი საუკეთესო საშუალებაა ფერი.

სხვადასხვა კულტურაში ფერებს აქვთ სხვადასხვა მნიშვნელობა. ამ განსხვავებების გაცნობიერებამ შეიძლება გაამარტივოს თქვენი საქმე. ეს არის ლამაზი მოტყუების ფურცელი.

მას შემდეგ, რაც ბურთის ნიშანში ხართ, რა ფერების გამოყენება გსურთ (შესაძლოა) გამოიყენოთ, აქ რამდენიმე ზოგადი სახელმძღვანელო მითითებით, ფერის გამოყენებისას:

  • შეარჩიეთ ერთი ძირითადი ფერის სქემა, რომელიც შედგენილია რამდენიმე ფერისგან, რომლებიც კარგად იქნებიან ერთმანეთთან. აქ არის შესანიშნავი ფერების სქემის გენერატორი.
  • შეარჩიეთ ერთი ფერი, რომელიც თქვენი აქცენტის ფერი იქნება – ფერი, რომელიც გამოიყენებს სამოქმედო ღილაკებს, შეგიძლიათ შეიძინოთ ღილაკები და ა.შ., ძირითადად, ყველაფერი, რაც მომხმარებლის ყურადღებას საჭიროებს.

ტიპოგრაფია

ხშირ შემთხვევაში, ტიპოგრაფია არის სადაც თქვენ მოიგებთ (ან წააგებთ) ვებგვერდის შექმნის თამაშს.

ასე მარტივია ტიპოგრაფიის სრულად დავიწყება და უბრალოდ გამოიყენე Arial ყველაფრისთვის.

Არარეკომენდირებული.

ამ დღეებში, პერსონალურ შრიფტებზე მუშაობა ადვილია, და არც კი გჭირდებათ რაიმე ტექნიკური გაკეთება იმისთვის, რომ შესაძლებელი იყოს თქვენს საიტზე შექმნილი ამ შრიფტის შრიფტები..

დიდი, გრაფიკული ტიპოგრაფია დღეს ძალიან მოდაშია და ეს ასევე ქმნის დიზაინერის მუშაობას – განსაკუთრებით დამწყებთათვის დიზაინერის მუშაობას – ბევრად უფრო ადვილია.

იხილეთ ეს საიტი, მაგალითად:

ბონობო

შეამჩნია რამე? დიახ, შრიფტები უზარმაზარია და ისინი მშვენივრად გამოიყურება!

აქ მოცემულია, თუ როგორ უნდა იმუშაოთ ამაზე:

  • ზოგადად, ვებსაიტის ყველა დიზაინს ორი ტიპის ტექსტი სჭირდება: სათაურები და აბზაცები. უმეტეს შემთხვევაში, თითოეულს მხოლოდ ერთი შრიფტი გააკეთებს.
  • გადადით Google Fonts – Google- ის უფასო შრიფტების ბიბლიოთეკა, რომელსაც შეგიძლიათ გამოიყენოთ თქვენს ვებ – გვერდზე – და მოძებნეთ სათაური შრიფტი, რომელსაც ნამდვილად სიამოვნებთ.
  • შემდეგ, აიღეთ ეს შრიფტის სახელი და მოძებნეთ იგი შრიფტის წყვილი – ეს არის წინასწარ დამზადებული შრიფტის წყვილირების ბიბლიოთეკა, რომელიც კარგად მუშაობს.
  • შეარჩიეთ წყვილი, რომელიც გასაოცარია.
  • დაასახელეთ ორივე შრიფტის სახელები, მოგვიანებით დაგჭირდებათ.

ამ გზით ამის გაკეთება დააჩქარებს თქვენს პროცესს და მაინც შესანიშნავ შედეგს მოგცემთ.

მაგალითად, Google Fonts– ში აღმოვაჩინეთ შრიფტი სახელწოდებით Bree Serif, რომელიც ჩვენ ძალიან გვსურს:

Bree-Serif

შემდეგ, Font Pair– ში წაგვიყვანა და საიტზე ვარაუდობენ, რომ Bree Serif– მა კარგად ჩაიარა Open Sans– ში. სრულყოფილი:

Bree-Serif-open-sans

საბოლოო სტრუქტურა

დაბოლოს, ბოლო ნაბიჯი!

ამ თავის მთელი აზრი წარმოადგენს საბოლოო განლაგებას / სტრუქტურას, რომლის გამოყენებასაც აპირებთ თქვენი საიტისთვის. ამ ეტაპზე, თქვენ დარწმუნებული უნდა იყოთ იმ ნივთებთან დაკავშირებით, რაც გსურთ გააკეთოთ თქვენი დიზაინისა და UI- ს შესახებ.

ამ თავის შემდეგ მზადება:

  • თქვენი მომხმარებლის მიზნები ნათლად ჩამოთვლილია.
  • თქვენი wireframe ორმაგად შემოწმდა, რომ დარწმუნდეთ, რომ ეს მიზნები არ არის დამაბნეველი.
  • შეარჩია ფერადი სქემა.
  • ტიპოგრაფია გაერკვა.
  • ვებგვერდის მთელი თქვენი განლაგება / სტრუქტურა / ორგანიზაცია.

შემდგომი კითხვა: 

  • UX ჟურნალი
  • UX ჯიხური
  • ფსიქოლოგია და ემოცია ფერს მიღმა ვებ დიზაინში
  • რა არის მომხმარებლის გამოცდილების დიზაინი? მიმოხილვა, ინსტრუმენტები და რესურსები
  • ვებგვერდისთვის ჭკვიანი ბიზნეს მიზნების დასახვა
  • 8 წესი ეფექტური ტიპოგრაფიის შესაქმნელად

თავი 4: WordPress, HTML ან შაბლონები?

გადაწყვიტეთ რომელი მარშრუტი უნდა გაიაროთ – შინაარსის მართვის სისტემები ან კოდირება ნულიდან

აქ იწყება ნამდვილი, ხელებიანი ჭუჭყიანი დაქვემდებარებული სამუშაოები!

ეს, ალბათ, პროცესის ყველაზე საშინელი ნაწილია (აღიარე!).

კიდევ ერთხელ არის შესაფერისი დრო, რომ კალამი და ქაღალდი განვათავსოთ და დავიწყოთ მუშაობა ზოგიერთ პროგრამაზე.

და კარიბჭედან გასწორებულია, არის ტონი შეკითხვები…

  • უნდა ვისწავლო HTML?
  • რაც შეეხება CSS- ს?
  • მზა HTML ვებგვერდის შაბლონები ჩემთვის შეასრულებს ხრიკს?
  • PHP- ის მსგავსი პროგრამირების ენა უნდა ვისწავლო?
  • მსმენია, რომ WordPress არის საიტის შექმნის გზა ამ დღეებში.
  • მე ვნახე რომ Squarespace Super Bowl- ის რეკლამა. რა არის ამაში?
  • რა ჰქვია ჯომლას? ან დრუპალი?
  • და on და on და on.

ყველა მათგანის პასუხი დიახ.

რაც შეეხება, დიახ, თქვენ შეგიძლიათ გააკეთოთ ეს ან ყველა, და მხოლოდ თქვენზეა გადაწყვეტილი, რომელი გზა აირჩიოთ.

რაც ჩვენ ვცდილობთ ვთქვათ, აქ არ არის # 1 საუკეთესო მიდგომა. ეს ყველაფერი დამოკიდებულია იმაზე, თუ რამდენად გსურთ მონაწილეობა მიიღოთ ვებ-განვითარებასთან, რამდენი ვებ – გვერდის მშენებლობის საფუძვლები გსურთ, რამდენად სწრაფად გჭირდებათ ხარისხიანი საიტი გაკეთებული და რამდენად სასურველია გსურთ ამის შემდგომ.

აქ მოცემულია, თუ როგორ გადავდივართ წინ ამ თავში. Პირველი, აირჩიე პერსონა, რომელიც შენ საუკეთესოდ განსაზღვრავს:

  • ა) მე მსურს ვისწავლო ვებ – განვითარების შესახებ, ყველა საფუძვლებს, ვებსაიტის ყველა შიდა მუშაობას და ყველა იმ მექანიზმს, რომელიც ვებსაიტს ამუშავებს.
  • ბ) მსურს ვისწავლოთ როგორ გამოვიყენო სანდო ვებსაიტის შემქმნელი, რომელიც აპირებს უმძიმესი ამწევის გაკეთებას ჩემთვის.
  • გ) არ ვიცი რა ვქნა. უბრალოდ მინდა ვებსაიტები, რომლითაც შემიძლია საკუთარი თავის აშენება და ის სწორად იმუშავებს.

უპასუხა ა)? გადადით მე –5 თავში.

პასუხობს ბ)? გადადით მე -6 თავში.

პასუხობს გ)? მოგერიდებათ შეამოწმოთ ეს სტატია და შემდეგ დაბრუნდეთ (ის დაგეხმარებათ აირჩიოთ სრულყოფილი გზა):

  • მიმოხილულია 8 საუკეთესო ბლოგინგისა და ვებ – გვერდის მშენებლობის პლატფორმები… თითოეული პლატფორმა აღწერილია თავის დადებითი და დადებითი, და რესურსი ასევე გთავაზობთ საუკეთესო შესაძლო არჩევანს (Wix ან SB) თქვენი კონკრეტული საჭიროებისთვის..

წაკითხული გაქვთ? დიდი! ასე რომ, რომელი პერსონაჟი საუკეთესოდ აღწერს თქვენ – ა) ან ბ)?

ხელსაწყოები, რომლებიც შეიძლება გქონდეთ მოსახერხებელი გზაზე:

  • გრაფიკა: Paint.NET, Gimp, Pixlr.
  • კოდის წერა: Notepad ++, TextWrangler, SublimeText.
  • მუშაობის მენეჯმენტი: Trello.
  • დიზაინი: ფერადი სქემები, Google Fonts, ინსტრუმენტები აქედან.
  • ფოტოგრაფია: Unsplash, AllTheFreeStock

თავი 5: შესავალი HTML, CSS & ჯავასკრიპტი

როგორ ხდება ვებსაიტების ინტეგრირება

ამ თავში, ჩვენ ვაპირებთ აღვნიშნოთ ვებ-განვითარების უშიშროების საფუძვლები, განვმარტოთ ყველაზე მნიშვნელოვანი ტერმინები და შემდეგ გამოგიგზავნით კონკრეტულ რესურსებს, სადაც შეგიძლიათ გააუმჯობესოთ თქვენი ცოდნა და უნარები.

HTML

HTML არის ვებ – გვერდების ენა. ყველა ვებ – გვერდი გარკვეულ მომენტში არის აგებული ან გადაკეთებულია HTML– ში.

მაგალითად, რომ ნახულობთ ამ სახელმძღვანელოს HTML სტრუქტურას, უბრალოდ დააჭირეთ კლავიატურას “Ctrl + U” თქვენს კლავიატურაზე.

HTML განსაზღვრავს ყველა ბლოკს, რომელსაც ხედავთ ვებ – გვერდზე. დღის ბოლოს, რაიმე გვერდზე ვებსაიტზე გამოსახულებისათვის, ის უნდა გადაიზარდოს HTML.

HTML ეფექტურად რომ ისწავლოს, ჩვენ გირჩევთ დარეგისტრირდეთ ინტერნეტში არსებული ერთ (უფასო ან ფასიანი) კურსით. ზოგიერთი საუკეთესო მათგანი შეგიძლიათ ნახოთ Codeacademy- ში ან Treehouse- ში.

მაგალითად, აქ არის სპეციალური განყოფილება კოდოკადემიის შესახებ, ყველაფერი HTML და CSS.

CodeCademy საწყისი გვერდი

ეს არის HTML– ის ყოვლისმომცველი მიდგომა.

CSS

CSS – მოსაწყენი ტექნიკური დეტალების გადასაჭრელად – პასუხისმგებელია ვებ – გვერდზე ყველაფერი, რაც ხილულია.

CSS იღებს HTML ტეგებს, შემდეგ სტრუქტურებს და უმატებს მათ სტილს. ისეთი რამ, როგორიცაა: თამამი ტექსტი, ფერის რეგულირება, ჩრდილები, განლაგება, თუნდაც ანიმაციები, ახლა ძირითადად შესრულებულია CSS- ით.

უკეთ რომ გაეცნოთ როგორ მუშაობს ეს ყველაფერი, გადადით კოდაკადემიის ამ კურსის სწრაფი კურსის შესახებ.

მეტი სიღრმისეული სწავლისთვის, ასევე შეამოწმეთ CSS განყოფილებები ან Codeacademy ან Treehouse.

JavaScript, jQuery, Bootstrap და ა.შ..

JavaScript არის პროგრამირების ენა, რომელიც საშუალებას გაძლევთ დანერგოთ რამდენიმე დინამიური მოქმედება თქვენს ვებსაიტზე. მაგალითად, შეგიძლიათ გააკეთოთ ისეთი რამები, როგორებიცაა გადამოწმებული ვებ – ფორმები ან ურთიერთობა გაუკეთეთ მომხმარებელს უფრო გამარტივებულად, იმ გვერდის გადატვირთვის გარეშე. აქ არის ლამაზი გაკვეთილი w3s სკოლების მიერ.

ამის გათვალისწინებით, jQuery არის JavaScript ბიბლიოთეკა, რომელიც საშუალებას გაძლევთ შექმნათ მოწინავე საგნები, რომელზეც ნაკლები კოდირებაა. ძალიან მოსახერხებელია ვებ დეველოპერისთვის. შეიტყვეთ მეტი აქ.

დაბოლოს, Bootstrap ძალიან საინტერესო გამოგონებაა. თავდაპირველად Twitter– ის მიერ დაინერგა, ეს ძირითადად წინა გარემოა, რომელიც აჩქარებს ვებსაიტის შექმნის პროცესს, უკვე ჩაშენებული საიტის საერთო ელემენტების უმეტესობის მიწოდებით. ეს რთულად ჟღერს, ასე არ არის?

მაგრამ ეს ასე არ არის. უბრალოდ შეამოწმეთ ეს შემქმნელის კურსი Codeacademy– ში (სხვათა შორის, ეს არის ის, რაც ჩვენ თავდაპირველად ვისწავლეთ Bootstrap).

ამ თავის შემდეგ მზადება:

  • ძირითადად, თქვენი HTML / CSS ვებსაიტის პირველი პროექტი, რომელიც მთლიანად აშენდა. იქიდან, თქვენ შეგიძლიათ დაიწყოთ iterating და საბოლოო შედეგის გაუმჯობესება.

თავი 6: ვებსაიტების შექმნის პლატფორმები

შექმენით თქვენი პირველი საიტი? სცადეთ უფასო ვებ – პლატფორმები, როგორიცაა WordPress, Joomla ან Drupal

თავი 6: ვებსაიტების მშენებლობის პლატფორმები

  • SquareSpace
  • WordPress
  • ჯომლა & დრუპალი

აქ უფრო მეტი ვებგვერდის შემქმნელია, ვიდრე ჯოხი შეგიძიათ. (თუ თქვენ ისეთი ადამიანი ხართ, ვინც ნივთებს ყრის.)

კარგი, ხუმრობს განზე.

ცხადია, თუ არ გაქვთ სურვილი, რომ ვისწავლოთ თუ როგორ უნდა დაალაგოთ ნივთები ხელით, ისინი ნამდვილად მრავალი გამოსავალია, რომელიც დაგეხმარებათ.

Შენიშვნა. გაითვალისწინეთ, რომ ყველაფერი, რაც განვიხილეთ 1-4 თავებში, ჯერ კიდევ აქ ვრცელდება. მაშინაც კი, თუ თქვენ საიტის დამუშავების გადაწყვეტას აპირებთ, რომელიც ხელშემწყობია, თქვენ მაინც ფრთხილად უნდა იყოთ, რომ საბოლოო პროდუქტი მომხმარებლებისთვის მეგობრული იყოს და ყველას მიზნების შესაბამისად. საიტის მშენებლობის ეს ინსტრუმენტები ზუსტად ისაა, რომ… ინსტრუმენტები.

დაწყებული იმათგან, რომლებიც ყველაზე მარტივი ხვდება:

SquareSpace

ერთადერთი ვებსაიტის პლატფორმა, რომელიც რეკლამირდება სუპერ ბოულის დროს.

მოკლედ, ძალიან მოსახერხებელი გამოსავალი, რომლის გამოყენებაც ვინმემ შეიძლება. წინასწარი უნარები არ არის საჭირო.

ეს საშუალებას გაძლევთ შექმნათ კლასიკური ვებსაიტები, ბლოგები, თუნდაც კომერციული მაღაზიები, ჩვენ კი დავწერეთ მიმოხილვა მათ შესახებ. ინტერფეისი და მისი გამოყენების მთელი პროცესი საკმაოდ მარტივი გასაგებია, გარდა ამისა, Squarespace- ის ბიჭები უამრავ საინტერესო გაკვეთილზე გთავაზობთ. შეამოწმეთ ისინი აქ.

WordPress

პატიოსნად, ჩვენ გვიყვარს WordPress.

უმეტესობა, ეს არის სრულყოფილი პლატფორმა, რომლითაც ვებსაიტი შექმნით. მას აქვს სრულყოფილი ბალანსი სირთულესა და მარტივ გამოყენებას შორის, და ის ძირითადად უსასრულოდ დააკონფიგურირდება.

WordPress ანიმაცია

ასევე, ეს არის ყველასთვის ყველაზე პოპულარული ვებ – გვერდი. როგორც WordPress- ის შემქმნელმა – Matt Mullenweg– მა გაზიარა – WordPress ახლა მთელი ინტერნეტის 25% აძლიერებს. შეიძლება ყველა ადამიანი იყოს არასწორი?

კარგი, ასე რომ, WordPress- ით რომ დავიწყოთ, თქვენ გჭირდებათ მხოლოდ თქვენი დომენი და ჰოსტინგი. WordPress პროგრამა თავისთავად უფასოა.

დასაწყისისთვის, შეგიძლიათ იხელმძღვანელოთ ერთ-ერთი ამ გზაზე:

ა) ”სწრაფი დაწყების გზა”

  • წადით აქ, რომ გაიგოთ WordPress– ის ინსტალაციის გამარტივებული გზა და თქვენი საიტის წამოყენება დღის მეორე ნახევარში.
  • შეარჩიეთ უფასო თემა ოფიციალური დირექტორია – დარწმუნდით, რომ იგი შეესაბამება თქვენი საიტის მიზნებს, და რომ განლაგება / დიზაინი არ არის თქვენი სასურველი სტრუქტურისგან (ეს ოდნავ შეცვალოთ)..
    • შეამოწმეთ ეს ორი რესურსი, რომ შეიტყოთ თუ როგორ უნდა შექმნათ არსებული თემა.
    • ალტერნატიულად, შეგიძლიათ აირჩიოთ მრავალპროფილიანი პრემია თემა, რომლის რეგულირებაც შესაძლებელია მოსახერხებელი ინტერფეისის საშუალებით (მასში კოდირება არ არის ჩართული). X თემა ამგვარი ნივთის კარგი მაგალითია.
  • დააინსტალირეთ რამდენიმე ყველაზე პოპულარული და საუკეთესო დანამატი დამატებითი ფუნქციების მისაღებად.

ბ) ”სიღრმისეული გზა”

  • დაიწყეთ WordPress- ით სწავლის საშუალებით ონლაინ კურსის მეშვეობით. Treehouse გთავაზობთ გასაოცარ ერთს.
  • შეარჩიეთ თქვენი თემა და მოდული, როგორც ზემოთ. ალტერნატიულად, ააშენეთ საკუთარი თემა მიწიდან.

დაბოლოს, WordPress არის ალბათ ყველაზე მრავალფეროვანი ვებსაიტის პლატფორმა ბაზარზე. მასთან ერთად, თქვენ შეგიძლიათ ააწყოთ პრაქტიკულად ნებისმიერი ტიპის ვებსაიტები, არა მხოლოდ ბლოგები ან მარტივი საქმიანი საიტები. აქ მოცემულია WordPress– ის 47 (!) სხვადასხვა გზების სია, მხოლოდ იმისთვის, რომ იფიქროთ.

ჯომლა და დრუპალი

მიუხედავად იმისა, რომ ოდნავ განსხვავდება ერთმანეთისგან, Joomla და Drupal ორივე შესანიშნავი შინაარსის მართვის სისტემაა უფრო მოწინავე ვებ – პროექტებისთვის.

ისინი არ არიან ისეთი დიზაინის ძლიერი, მაგრამ ისინი ძალიან დააკონფიგურირებენ და შეუძლიათ იმუშაონ ნებისმიერი სახის ვებ – გვერდი, რომელიც შეიძლება გქონდეთ გეგმის მიხედვით..

ზოგჯერ, თქვენი პროექტის სირთულეებიდან გამომდინარე, მათ შეიძლება კიდევ ბევრი დრო დასჭირდეთ დაუფლებისთვის და ამაში კიდევ უფრო მეტი ძალისხმევა.

სიღრმისეული ტრენინგისთვის, Lynda.com– ზე გასაოცარია კურსები, როგორც Joomla- ს, ასევე Drupal- ისთვის.

ამ თავის შემდეგ მზადება:

  • თქვენი ვებსაიტის პირველი პროექტი მთლიანად აშენებულია, არ აქვს მნიშვნელობა WordPress ან სხვა პლატფორმის გამოყენება გადაწყვიტეთ.
  • დარწმუნდით, რომ ის შესაბამისობაშია თქვენს თავდაპირველ მიზნებთან, სამიზნე აუდიტორიასთან და ის აწვდის კარგ UX- ს.

თავი 7: მობილური პასუხისმგებლობის დიზაინი

მეტი 60% ადამიანი იყენებს მობილურს და ტაბლეტებს ინტერნეტში დასათვალიერებლად

მობილური პასუხისმგებლობა ახლა ვებ – გვერდის მშენებლობის ძალიან მნიშვნელოვანი ასპექტია, ალბათ იმაზე მეტად, ვიდრე ოდესმე ყოფილა.

აი, რას წარმოადგენს მთელი საკითხი:

ძირითადად, ახლავე, უფრო მეტი ადამიანი იყენებს მობილური მოწყობილობებს ინტერნეტში შესასვლელად, ვიდრე ოდესმე. სინამდვილეში, დადგენილია, რომ ახლა უფრო მეტი მობილური ინტერნეტია, ვიდრე დესკტოპის ინტერნეტ მომხმარებლები (75.1% 52.7% -ის წინააღმდეგ).

მაგრამ პრობლემა არსებობს.

ყველა ვებ – გვერდის დიზაინი ოპტიმიზირებულია, რომ მობილური მოწყობილობებით ნახულობდეს კარიბჭესთან.

ზოგიერთი საერთო პრობლემა მოიცავს:

  • შრიფტები ძალიან მცირეა,
  • განლაგება თავისთავად არ არის მორგებული პატარა ეკრანზე,
  • ან ტექნოლოგია, რომელიც გამოიყენება საიტის ასაწყობად, რომელიც მობილური ტელეფონით არ არის ხელმისაწვდომი.

სწორედ აქ იწყება იდეა მობილური რეაგირების იდეაზე.

საპასუხო ვებსაიტი პასუხობს იმ გარემოზე, რომელზეც ის ნახულია. თუ ეს დესკტოპის კომპიუტერია, ვებსაიტს გარკვეულწილად ახდენს. თუ ეს მობილურია, ის სხვა გზით იძენს.

აქ არის უკეთესი განმარტება: რა არის Heck საპასუხო ვებ დიზაინი?

ახლა გასაკეთებელი იქნებოდა შემოწმება და დარწმუნება, რომ თქვენი ვებ – გვერდი მუშაობს მობილური მოწყობილობებზე. გამოიყენეთ თქვენი საკუთარი მოწყობილობები, რომ შეამოწმოთ ეს, მაგრამ ასევე სცადეთ Google- ის მობილური ტესტი, ან გადახედეთ ინსტრუმენტს, როგორიცაა საპასუხო დიზაინის ტესტერი.

თუ პრობლემები არსებობს, მათ გამოსწორება უნდა.

რამდენიმე გადაწყვეტილება:

  • საპასუხო ვებ დიზაინი – როგორ
  • როგორ გავითვალისწინოთ ვებსაიტზე პასუხისმგებლობა 15 წუთში

თავი 8: ეს ყველაფერი ერთად მოიტანეთ

თქვენ იცით საფუძვლები, ახლა უკვე თქვენი ჯერია

გაჩერდი, ჩვენ თითქმის იქ ვართ!

ეს არის ბოლო თავი ჩვენს საკმაოდ გრძელი მოგზაურობის დროს.

ამ ეტაპზე, თქვენ უნდა შექმნათ თქვენი პირველი ვებ – გვერდი… ეს იქნება WordPress– ით, ხელნაკეთი HTML / CSS– ით, რამდენიმე ვებ – გვერდის შემქმნელით, ან სხვა ინსტრუმენტებით, რაც თქვენ აირჩია სამუშაოსთვის..

მოკლედ, კონგატორები! მაგრამ კიდევ რამოდენიმე რამის გაკეთება ღირს:

  • შეამოწმეთ ის, რაც ჩვენ განვიხილეთ თავებში 1 და 2. თავებში. დარწმუნდით, რომ მიზნები საბოლოოდ მომხმარებლისთვის მუშაობს, და რომ ვებსაიტი არ არის დამაბნეველი.
  • შეაფასეთ თქვენი კოდის სტრუქტურა W3C- ის ნიშანდება სერტიფიკატის სერვისის მეშვეობით.
  • შეამოწმეთ, არ არის უსაფრთხოების რაიმე პრობლემა საიტზე. გამოიყენეთ სკანერი Sucuri- ს მიერ.
  • მიიღეთ უკუკავშირი საზოგადოებისგან. შეამოწმეთ რას ფიქრობენ სხვა ადამიანები თქვენს საქმიანობაზე. Sitepoint– ზე ფორუმები შეიძლება კარგი იყოს ამისათვის.

თუ ეს პირველი წაკითხული გაქვთ ამ რესურსის შესახებ, ჩვენ ნამდვილად მოგახსენებთ, რომ მას რამდენჯერმე დაუბრუნდეთ მას და განიხილოთ, როგორც თქვენი შემდგომი განათლების საცნობარო ფაილი..

როგორც ვთქვით დასაწყისში, მოგერიდებათ გამოიყენოთ TOC და ნავიგაცია თავიდან მეორეზე და რესურსზე გადახედოთ რესურსებს, როგორც ხედავთ,.

დაბოლოს, ჩვენ ცნობისმოყვარეები ვართ… რომელია თქვენი ყველაზე დიდი გამოწვევა ვებ – გვერდის მშენებლობაში, ვებ – გვერდის განვითარებასთან ან დიზაინთან დაკავშირებით? გთხოვთ, გააზიაროთ კომენტარები ან Twitter- ის საშუალებით. ჩვენ ყველანი ყურები ვართ!

მადლობა კითხვისთვის, თქვენ მშვენიერი ხართ!

  • სულ 116
  • Facebook116
  • Twitter0
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector