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

ამ შერჩევისას, მე შევეცადე შეაგროვოს HTML5 და CSS3- ზე აშენებული საიტების ყველაზე მაღალი ხარისხის ადაპტური თარგები. მიუხედავად იმისა, რომ ისინი თავისუფალია, ხედავთ, რომ ამ თარგების უმრავლესობა პრემიუმ თარგების მსგავსია.

5. Squadfree - უფასო თარგი Bootstrap HTML5

Squad უფასო - ადაპტური თარგი on bootstrap

6. Pluton - უფასო ერთი გვერდი თარგი Bootstrap HTML5

Pluton - უფასო ერთი გვერდი თარგი Bootstrap HTML5

9. E-shopper - უფასო შაბლონი ონლაინ მაღაზია

E-shopper - უფასო შაბლონი ონლაინ მაღაზია

10. Adminlte - ადმინისტრატორის საკონტროლო პანელი თარგი

Adminlte - ადმინისტრატორის საკონტროლო პანელი თარგი

11. მაგნიტური - უფასო თარგი ფოტოგრაფი საიტი

მაგნიტური - უფასო თარგი ფოტოგრაფი საიტი

12. Mabur - ადაპტური თარგი პორტფელისთვის

Mabur - ადაპტური თარგი პორტფელისთვის

13. თანამედროვე - ადაპტური ვებსაიტი თარგი Bootstrap- ზე

თანამედროვე - ადაპტური ვებსაიტი თარგი Bootstrap- ზე

14. სპორტი აქ - მინიმალისტური საიტი თარგი

სპორტი აქ - მინიმალისტური საიტი თარგი

15. Crafty - ადაპტური კორპორატიული საიტი თარგი

Crafty - ადაპტური კორპორატიული საიტი თარგი

16. ინფუზია - ერთი გვერდი პორტფელი თარგი

საინფუზიო - ერთი გვერდი პორტფელის თარგი

17. Yebo - HTML / CSS საიტის თარგი ბინა სტილში

Yebo - HTML / CSS საიტი თარგი ბინა სტილი

18. ოცი თარგი HTML5- ზე Parallax ეფექტით

ოცი თარგის HTML5 Parallax ეფექტი

19. ურბანული - თარგი Bootstrap- ზე

ურბანული - თარგი on bootstrap

20. მშვიდი - პორტფელის თარგები

მშვიდი - პორტფოლიო თარგი

21. Mamba - ერთი გვერდიანი თარგი

Mamba - ერთი გვერდი თარგი

23. Brushed - ერთი გვერდი ადაპტური საიტი თარგი

Brushed - ერთი გვერდი ადაპტური საიტი თარგი

24. დიდი სურათი - საიტის თარგი HTML5- ზე

დიდი სურათი - საიტის თარგი HTML5- ზე

25. Tesselatte - უფასო ადაპტური საიტი თარგი

Tesselatte - უფასო საიტის ადაპტური თარგი

26. Overflow - ადაპტური საიტი თარგი HTML5

Overflow - ადაპტური საიტი თარგი HTML5

27. Runkeeper - მობილური აპლიკაციის საიტის თარგი

Runkeeper - მობილური აპლიკაციის საიტის თარგი

28. Pinball - ადაპტური დღიური თარგი

Pinball - ადაპტური დღიური თარგი

29. BAK ერთი - ერთჯერადი გვერდი ადაპტური საიტი თარგი

ერთი - ერთჯერადი გვერდი ადაპტური საიტი თარგი

30. ანია - უფასო საიტის თარგი

ანია - უფასო საიტის თარგი

31. Produkta - 4 HTML თარგები ერთში

Produkta - 4 HTML თარგი ერთში

33. სტუდია ფრანჩესკა - ადაპტური საიტი თარგი

სტუდია Francesca - ადაპტური საიტი თარგი

34. Prologue - საიტის თარგი HTML5- ზე

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

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

საიტის დიზაინერების რეიტინგი (Top10)

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

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

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

№1: Wix საიტის დიზაინერები

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

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

ნაკლოვანებები:

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

ასე რომ, Wix არის chic დიზაინერი დიდი შესაძლებლობები საიტის დიზაინი და ძალიან ლოიალური პირობები. დეტალურად აღწერილია, თუ როგორ შევქმნათ ვებ-გვერდი Wix- ზე, აწარმოეთ თქვენი ონლაინ მაღაზია და გააკეთეთ სამიზნე გვერდი (სადესანტო გვერდი).

შექმნა თქვენი საიტი Wix!

№2: Nethouse საიტის დიზაინერები

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

უპირატესობები:

• დასრულებული საიტი შეიძლება იყოს თქვენს დომენზე;
• შეუზღუდავი დისკზე;
• არ არის obsessive რეკლამა;
• უფასო ხელმისაწვდომობის ძირითადი ნაწილი პორტალი თვისებები;
• მოსახერხებელი ინტერფეისი, ლამაზი ნიმუშები;
• ელექტრონული გადახდის სისტემის განხორციელების შესაძლებლობა;
• ინტეგრაცია ს სოციალური ქსელები;
• საჩუქრად ახალი მომხმარებლები რეკლამის სახით GoogleAdwords- ზე;
• SEO-setup გვერდებზე.
• 100R ანგარიშზე ფასიანი მომსახურების ნიმუშის შესახებ.
• ღირსეული ტექნიკური მხარდაჭერა.

ნაკლოვანებები:

• არ არსებობს HTML კოდი, ბანერების ჩასმა;
• ფორუმი არ არის.

შექმენით საიტი Nethouse

№3: Ukit საიტის დიზაინერები

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

უპირატესობები:

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

ნაკლოვანებები:

• ფუნქციონალური და ინტერფეისის ზოგიერთი ხარვეზი.

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

შექმენით საიტი ukit

№4: Umi საიტები დიზაინერები

ასევე მარტივი განვითარების დიზაინერი. საიტი ან მაღაზია შეიძლება შეიქმნას დაახლოებით 5-10 წუთი. გარდა ამისა, არსებობს სხვა ჰოსტინგის გადაცემის შესაძლებლობა, თუმცა სერვისი ასევე გადახდილია. მომსახურება ეფუძნება საკუთარ კორპორატიულ ძრავას Umi.cms.

უპირატესობები:

• მდიდარი ფუნქციონირება, ბევრი შესაძლებლობები;
• გვერდების SEO- ოპტიმიზაციის პარამეტრები;
• გამოყენება xML ფორმატში ნებისმიერი მონაცემთა სისტემის ჩვენება;
• დანარჩენი ოქმების გამოყენებით XML მონაცემთა წარმომადგენლობის წვდომისათვის;
• სოციალური ქსელების ინტეგრაცია და კომენტარების დაკავშირების უნარი;
• ონლაინ მაღაზიების ინსტრუმენტები (კატალოგის სინქრონიზაცია და 1C- სთან ერთად, კატეგორიებისა და პროდუქტის მახასიათებლების შექმნა, კატალოგი და შეკვეთის სინქრონიზაცია, საწყობის სინქრონიზაცია და ფასი, დამაკავშირებელი გადახდის სისტემები და ა.შ.);
• გადაათრიეთ მხარდაჭერა
• არსებობს მომგებიანი პარტნიორი.

ნაკლოვანებები:

• სულ 100 მბ დისკზე თავისუფალი პაკეტი.
• მაღალი გამოსყიდვის ფასები.

შექმნა საიტი Umi

№5: ჯიმდო საიტები დიზაინერები

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

უპირატესობები:

• Საკმარისი დიდი არჩევანი მზა შაბლონები;
• ინტუიციური ინტერფეისი;
• თხელი შექმნის საიტის პარამეტრების შექმნას;
• SEO- სადგურის გვერდის შესაძლებლობა;
• არ არის obsessive რეკლამა;
• საკუთარი შაბლონის ჩამოტვირთვის უნარი.

ნაკლოვანებები:

• საკუთარი თარგის ინტეგრაციის შედარებითი სირთულე;
• ზოგიერთი შეზღუდვა, როდესაც მუშაობს საიტის გრაფიკულ ელემენტებთან.
• სავალდებულო ბლოკები შეიქმნა კონკრეტული კოორდინატებისათვის (ძირითადი თარგები).

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

შექმნა საიტი Jimdo

№6: Redham საიტის დიზაინერები

ხარისხობრივი მომსახურება, მაგრამ სრულად ფოკუსირებული კომერციული სარგებელი - თავისუფალი გამოყენების ტესტი პერიოდი 30 დღეა, მაშინ თქვენ უნდა გადაიხადოთ. პრინციპში, ეს არის მისი უდიდესი მინუსი (წელიწადში თავდაპირველი ტარიფის ღირებულება 2000 რუბლი, პრემია - 5,000 რუბლი). მათთვის, ვისაც მართლაც ნამდვილად თავისუფალი აქვს, რომ საიტი თვეზე მეტია, ეს პლატფორმა დაუყოვნებლივ ქრება.

უპირატესობა უნდა აღინიშნოს:

• Სიმარტივე;
• ფუნქციონალური ადგილის შექმნის საკმარისი შესაძლებლობები;
• მეგობარი ტექნიკური მხარდაჭერა.

ნაკლოვანებები:

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

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

შექმნა საიტი Redham

№7: ვებ დიზაინერების კონფიგურაცია

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

ჩვენ ვასახელებთ უპირატესობას:

• ლამაზი და მრავალრიცხოვანი ნიმუშები;
• თავდაპირველად ოპტიმალური პარამეტრების SEO- პოპულარიზაციისთვის;
• სრული ინტეგრაცია SEOPULT - სისტემა, რომელიც საშუალებას გაძლევთ ავტომატურად შეიძინოთ ბმულები პოპულარული ცნობას;
• არ არის ცუდი ტექნიკური მხარდაჭერა.

ნაკლოვანებები:

• შენი საიტი მთლიანად მიბმული კონფიგურაციის პლატფორმაზე, სხვა მასპინძლობასთან (უფასო ვერსიაში) გადაცემის გარეშე;
• უფასო დომენი ძნელია მისაღებად - თქვენ უნდა შეავსოთ 20 გვერდი საიტი, რის შემდეგაც ის მოდერაციის შესაძლებლობას უარყოფს განაცხადის;
• პატარა დისკზე თავისუფალი ვერსია (100 მბ);
• ინდექსის შეუძლებლობა გარე ცნობები საძიებო სისტემებში (უფასო ვერსიაში).

შექმენით საიტი Setup- ზე

№8: UCOZ საიტები დიზაინერები

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

უპირატესობები:

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

ნაკლოვანებები:

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

ucoz წინააღმდეგობრივი. თუ ახალი ხართ, მაშინ რთული იქნება, თუ მოწინავე მომხმარებელია, მაშინ უბრალოდ არ გჭირდებათ.

თარგების დიდი რაოდენობა (დაახლოებით 300);

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

შესანიშნავი ფასი / ხარისხის თანაფარდობა გადახდილი პაკეტის გადართვისას.

ნაკლოვანებები:

• მე -3 საფეხურის უწყვეტი ციფრული დომენი, ტიპი 2834234.Mya5.ru, უფასო ვერსია;
• არსებობს დიზაინერი სარეკლამო ზედა მარჯვენა კუთხეში და წებოვანი საავტორო უფლებების უფასო პაკეტში.

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

შექმენით საიტი A5- ზე

№10: საიტების კონსტრუქტორები FO.RU

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

უპირატესობები:

ნაკლოვანებები:

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

Fo.ru - ზოგადად, კარგი რესურსი, განსაკუთრებით ახალბედებს, რომელთაც სურთ skouring მხრივ შექმენით თქვენი პირველი საიტი. სერიოზული პროექტებისთვის არ არის საკმარისად მოქნილი გარემოში და ფუნქციურად. თუ თქვენ ხართ დაინტერესებული FO.RU პროექტი, მაშინ დეტალური აღწერა შექმნის IT საიტები მდებარეობს.

შექმენით საიტი foru

დასკვნები

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

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

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

ეს გაკვეთილი აჩვენებს მარტივი 2-სვეტის თარგის შექმნის პროცესს.

თარგი შედგება სათაურის, ჰორიზონტალური ნავიგაციის პანელის, Sidebar და Footer- ისგან. ის ასევე ჰორიზონტალურად იქნება ბრაუზერის ფანჯარაში.

ნაბიჯი 1. ძირითადი სტრუქტურა.

პირველი შექმნა თარგის ძირითადი სტრუქტურა.

და შემდეგ რამდენიმე შინაარსი სხვადასხვა სექციებში:

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

ნაბიჯი 2. გასწორება სხეულის და HTML ელემენტები.

სხეული, HTML (ზღვარი: 0; padding: 0; ფერი: # 000; ფონის: # A7A09A;)

ნაბიჯი 3. ძირითადი კონტეინერები.

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

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

Შენიშვნა: იმისათვის, რომ ეს მეთოდი მუშაობდა ბ Internet Explorer. (ვერსია 6 და ძველი), დოკუმენტი უნდა გამოიყენეთ DOCTYPE უნდა იყოს განსაზღვრული სტანდარტული რეჟიმი.

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

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

#Header (Background: #ddd;) # NAV (Background: # C99;) #Min (Background: # 9C9;) #Sidebar (Background: # C9C;) #Footer (Background: # CC9;)

ნაბიჯი 4. მოათავსეთ სვეტების გვერდით მეორეზე

განთავსება რიგი სვეტების (#main და #sidebar), ჩვენ მათ მცურავი და გადავიდნენ ერთი მარცხნივ და მეორე მარჯვნივ. ასევე მითითებული სვეტების სიგანე.

#Main (float: მარცხენა, სიგანე: 500px; ფონის: # 9C9;) #sidebar (float: მარჯვენა, სიგანე: 250px; ფონის: # C9C;)

გთხოვთ გაითვალისწინოთ, რომ სვეტის სიგანის ჯამი უნდა იყოს #wrap ელემენტის სიგანეზე.

ახლა #Sidebar ელემენტი არის ნაჩვენები უფლება #main ელემენტის, მაგრამ ძირი არ არის თავის ადგილზე.

ნაბიჯი 5. გასეირნება footer ქვემოთ

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

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

#Footer (ნათელი: ორივე; ფონზე: # CC9;)

ნაბიჯი 6. დააინსტალირეთ გვერდითი სვეტის ფონზე

ახლა ნათელია, რომ მოკლე სვეტი არ გაგრძელდება მანამდე. Კეთება გარეგნობა Monotonous, მითითებული იგივე ფონური ფერები #sidebar და #wrap ელემენტები.

#Sidebar (float: მარჯვენა, სიგანე: 250px; ფონის: # 99с;)

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

ნაბიჯი 7. ჩვენ გავაკეთეთ ჰორიზონტალური ნავიგაციის ბარი

#Nav ელემენტი შეიცავს რეგულარულ უწესრიგობას. ჩვენ უნდა შევცვალოთ მისი გარეგნობა:

#Nav ul (margin: 0; padding: 0; სია-სტილი: არა;) #nav li (ჩვენება: inline; margin: 0;)

ნაბიჯი 8. გასწორება სფეროებში, შინაგან საქმეთა, და დაამატოთ თავსებადობა IE 6

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

#Header (padding: 5px 10px; background: #dddd;) h1 (margin: 0;) # nav (padding: 5px 10px; ფონის: # c99;) #main (float: მარცხენა, სიგანე: 480px; padding: 10px; ფონზე: # 9c9;) H2 (0 0 1 1); #sidebar (float: მარჯვენა, სიგანე: 230px; padding: 10px; # Cc9;) #footer p (ზღვარი: 0;)

როდესაც ინვენტარები დაემატება # Main და #sidebar ელემენტები, თქვენ უნდა მათ ზომა მარჯვენა და მარცხენა სიგანე ელემენტები. მას შემდეგ, რაც თქვენ უნდა განიხილონ CSS მართკუთხედის მოდელი.

ახლა აუცილებელია Internet Explorer- ში მცურავი ელემენტების შეცდომის კომპენსაცია 6. თუ 6-ში 6-ის საფეხურზე გადავხედავთ, მაშინ ხედავთ, რომ ძირი გადავიდა # Main- ზე. შეეცადეთ გადაადგილება up-down გვერდზე თუ თქვენ არ შეამჩნია დეფექტი დაუყოვნებლივ.

აღმოფხვრას დეფექტი ჩვენ ვიყენებთ HTML Star მეთოდი, რათა შეიქმნას სიმაღლე მხოლოდ IE 6:

* HTML #footer (სიმაღლე: 1px;)

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

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

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

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

ჩამოტვირთეთ უფასო HTML საიტის შაბლონები და შექმნათ თქვენი პროექტები რაც შეიძლება მალე.

გამარჯობა ყველას მეგობრები! ამ მაისის პოსტი, მე წარმოგიდგენთ თქვენს ყურადღებას მარტივი, სუფთა, მინიმალისტური ადაპტირებული თარგები და WordPress თემები.

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

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

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

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

ყოველდღიურად.

WordPress თემა პორტფელისთვის. მარტივი და სისუფთავე დიდი სლაიდერი. სპეციალური მახასიათებლების შესახებ:

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

ჩამონტაჟებული მსგავსებით

3 სტილიზებული ფართობი ვიჯეტის

სუფთა wordPress თარგიხელმისაწვდომია იგივე სახელით. თემა პორტფელისთვის ფილების მაგარი ადგილმდებარეობით.

Fukasawa.

საყვარელი თარგი ფოტოგრაფებისთვის მოსახერხებელი ჩვენებით Მობილური მოწყობილობები. ხელმისაწვდომია როგორც დიდი ფართო Mac ეკრანები 27 inches და 3.5 inches iPhones. თქვენ შეგიძლიათ შეცვალოთ ფონზე ფონზე ფონზე თქვენი შეხედულებისამებრ, ჩამოტვირთეთ თქვენი ლოგო, Sidbar მოიცავს რეგიონის 5 ვიჯეტების. მხარს უჭერს გალერეა ვიდეო და ფოტოები. დიზაინი მზადდება Pinterest Markup- ის სტილში. გამოცდილი თვალი შეამჩნევთ.

სუფთა ელეგანტური დიზაინი ფოტოგრაფებისთვის და დიზაინერებისთვის. თქვენ შეგიძლიათ ჩამოტვირთოთ ოფიციალური WordPress.org საცავი

Cody.

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

• მზად ფართობი ვიჯეტებით (Sidbar)
• მარტივი ინსტალაცია, თემა პარამეტრები გვერდზე (თითოეული თქვენ შეგიძლიათ დააყენოთ თქვენი დიზაინი)
• თვითნებური ლოგოს ჩამოტვირთვის ტერიტორია
• ჩამონტაჟებული შრიფტის მხარდაჭერა Google და Switchable Printing House (თქვენ შეგიძლიათ შეცვალოთ შრიფტები ერთი დაჭერით)
• სოციალური ხატები
• მარტივი SEO.
• ფართობი სტატისტიკური კოდის ჩასმა
• JQuery PrettyPhoto Lightbox
• თვითნებური მენიუ

საიტზე თქვენ უნდა დარეგისტრირდეთ თემის ჩამოტვირთვა.

ფართო მინიმალისტური თემა პორტფელისთვის. მდებარეობა ფილების სახით.

Წმინდა

Playful და Pure თემა შემოქმედებითი პროფესიონალები. მოდით შევხედოთ მის შინაარსს:

• Widescreen გაჭიმული დიზაინი
• სრული ჩვენება ყველა ფერის ბადურის მონიტორები
• ქსელის პოზიცია ყველა ელემენტის
• 5 Განსხვავებული ტიპები Headlovkov
• პორტფელის მრავალფეროვანი სტილისთვის (1-4 სვეტების შერჩევა თქვენი სამუშაოების უკეთესად გამოფენაზე და ორიგინალური სტრუქტურის შექმნა)
• Valid HTML5 და CSS3 კოდი და მარკირება
• GT3 Page Designer (თქვენ შეგიძლიათ შეაგროვოთ თქვენი ნივთები გვერდზე ვიზუალური ვერსია).
• ძლიერი ფუნქციური თემა
• სწრაფი და მარტივი ინსტალაცია
• ლოკალიზებული თემა (სხვადასხვა ენებისთვის)
• 430 შრიფტის გასაოცარია ხატები
• მარტივი და მარტივი ფერის მართვა
• მეგობრული SEO ინტერფეისი
• 600+ ფონტები Google- დან
• გაფართოებული დოკუმენტაცია თემაზე

ეს ძალა იმალება მარტივი და ხელმისაწვდომი უფასო თემით.

Pho.

კარგი ზომის თემა (თუ არ იყენებთ Sidbar)

2 გვერდი თარგი (სტანდარტული და ფილების სახით). შემდეგ მიეწოდება შრიფტებიდან:

• ჰელვეტიკა.
• სალონში.
• ღია sans.
• Droid Sans.
• Droid serif.
• Raleway.

2 სფეროები ვიჯეტებით (futter and saydbar)

• მარტივი ადაპტური თარგის მზად არის, რომ გამოჩნდეს ბადურის მონიტორები
• ჩამონტაჟებული სოციალური ღილაკები header ფართობი (header), futher და ასევე გვერდებზე
• დასძინა ფერები ფონზე, და ასევე შეგიძლიათ დააყენოთ სურათი და ყველა ადვილად კონცენტრატორები
• ინტეგრაცია Jetpack
• 3 თვითნებური ვიჯეტის - ბოლო შენიშვნები მინიატურებით, ბოლო კომენტარები, Flickr

დღიური თემა "ცხიმოვანი" შრიფტით.

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

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

ვერძი.

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

დრო.

მარტივი ერთჯერადი სვეტის თემა პირადი დღიური.

Ravel.

მარტივი WordPress თარგი გააკეთა ორი ფერი კომბინაციები - ნათელი და მუქი დიზაინი. შესანიშნავი შესაფერისი მათთვის, ვისაც უნდა აჩვენოს თქვენი სამუშაო (დიზაინერები, ვებ დეველოპერები).

Neat და სუფთა ჟურნალი თემა WordPress

იზოლა.

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

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

კარგი ბრიფინგი ახლა გავიდა ვებ დიზაინით მისი მინიმალისტური და ელეგანტური მიდგომა. ჩამოტვირთეთ ოფიციალური საიტი WordPress

უბრალოდ დაწერე.

მრავალფუნქციური და სუფთა ჟურნალი თემა WordPress.

დაჭერა კატმანდუ.

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

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

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

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

მას ასევე აქვს შესაძლებლობა გაასწორონ პოსტები და დააყენოთ ხე wordPress კომენტარები. შენი არჩევანი ასევე sidbar მარჯვნივ ან მთელი გვერდი კავშირი სამი ვიჯეტების მხოლოდ ქვემოთ შინაარსი თავად.

WRITERSTRAP