Ძირითადი ინსტრუმენტები ვებ დიზაინი

თქვენ არ გჭირდებათ ბევრი პროგრამული უზრუნველყოფა უნდა დაიწყოს როგორც ვებ დეველოპერი

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

შერჩევა ძირითადი ტექსტი ან HTML რედაქტორი

თქვენ შეგიძლიათ დაწეროთ HTML ჩვეულებრივი ტექსტური რედაქტორში, როგორიცაა Notepad Windows 10, TextEdit on Mac, ან Vi ან Emacs Linux- ში. თქვენ შეიყვანეთ HTML კოდი, შეინახეთ დოკუმენტი, როგორც ვებ-ფაილი და გახსენით ის ბრაუზერში, რომ დარწმუნდეს, რომ ეს უნდა იყოს.

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

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

• Komodo IDE და მისი მოსახერხებელი ინტერფეისი განკუთვნილია ორივე დასაწყისში და მოწინავე ვებ დეველოპერები. Komodo IDE- ს ავტომოპლეი ფუნქცია განსაკუთრებით მოსახერხებელია ახალი დეველოპერებისთვის, რადგან იცის, თუ როგორ უნდა დაწეროს კოდი საერთო ელემენტების, როგორიცაა ბმულები. პროგრამული უზრუნველყოფა მხარს უჭერს სხვადასხვა კოდირების ტიპებს, როგორიცაა HTML, CSS და მრავალი სხვა კოდირების ენა. Komodo IDE არის ჯვარედინი პლატფორმა პროგრამული უზრუნველყოფა, რომელიც მუშაობს Windows, Mac და Linux.
• CoffeeCup HTML რედაქტორი არის ახალი დეველოპერებისთვის, რომლებიც უფრო მეტად არიან დაინტერესებულნი სწავლისთვის, ვიდრე ვიზუალური ინტერფეისით. ეს ძლიერი რედაქტორი მოდის თარგები და აქვს Validation Checkers შენარჩუნება თქვენი კოდი შეცდომა თავისუფალი. იგი მოიცავს კოდი დასრულების და მხარს უჭერს სხვა კოდირების ენებზე შეგიძლიათ გამოიყენოთ ერთად HTML. დამწყები აფასებს მას, როდესაც პროგრამული უზრუნველყოფა ხაზს უსვამს შეცდომებს კოდი, განმარტავს, თუ რატომ გამოჩნდნენ და ეუბნება დეველოპერი როგორ უნდა დააფიქსიროს მათ. CoffeeCup HTML რედაქტორი მუშაობს Windows.
• Mobirise არის HTML რედაქტორი ადამიანები, რომლებიც არ გვინდა ჩაერთოს კოდი. ეს ყველაფერი თემაზე კრეფა და შემდეგ გვერდზე გადმოიტანთ და მითუმეტეს ელემენტებს. წაიკითხეთ ტექსტის მსგავსად, როგორც რეგულარული ტექსტური რედაქტორი და ჩაწერეთ სურათები, ვიდეოები ან ხატები - ყველა კოდის გარეშე; Mobirise აკეთებს ეს ნაწილი თქვენთვის. Mobirise ხელმისაწვდომია Windows და Mac, და ეს არის უფასო.

ვებ ბრაუზერები

შეამოწმოთ თქვენი ვებ-ბრაუზერი ბრაუზერში, რათა დარწმუნდეთ, რომ ისინი აპირებდნენ გვერდის დაწყებამდე. Chrome, Firefox, Safari (Mac) და Internet Explorer (Windows) ყველაზე პოპულარული ბრაუზერები. შეამოწმეთ თქვენი HTML როგორც ბევრი ბრაუზერები, როგორც თქვენ გაქვთ თქვენს კომპიუტერში და ჩამოტვირთოთ ნაკლებად ცნობილი ბრაუზერები, როგორიცაა Opera, ასევე.

გრაფიკული რედაქტორი

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

• GIMP არის თავისუფალი, ღია ფოტო-რედაქტირების პროგრამა, რომელიც უზრუნველყოფს ბევრად უფრო ძვირფას კონკურენტებს. როგორც ღია პროგრამული, იგი ხელმისაწვდომია Windows, Mac და Linux.
• Photoshop Elements for Mac და PC არის გამოსახულების რედაქტორი, რომელიც არის მსუბუქი ვერსია მისი namesake მაგრამ უამრავი ძალა მუშაობს გრაფიკული ვებ.
• Corel PaintShop Pro for PC- ები თითქმის ყველა სასარგებლო ინსტრუმენტი იპოვით Photoshop- ში და ინტერფეისი, რომელიც არის მარტივი.
• Inkscape : Windows, Mac და Linux არის უფასო ვექტორული გრაფიკული რედაქტორი. ეს ალტერნატივა pricier Adobe Illustrator უფრო მეტია, ვიდრე საკმარისი ძალა მარტივი დიზაინი მუშაობა და ვებ გრაფიკა.

FTP კლიენტი

გჭირდებათ FTP კლიენტი თქვენი HTML ფაილების გადაგზავნაში და თქვენს ვებ-სერვერზე გამოსახულებების და გრაფიკების მხარდასაჭერად. მიუხედავად იმისა, რომ FTP ხელმისაწვდომია ბრძანების ხაზის მეშვეობით Windows, Macintosh და Linux, ეს ბევრად უფრო ადვილია გამოიყენოს კლიენტი. ბევრი კარგი ხარისხის FTP კლიენტი ხელმისაწვდომია, მათ შორის:

• FileZilla არის უფასო FTP კლიენტი ხელმისაწვდომია Windows, Mac და Linux. იგი მხარს უჭერს drag-and-drop ფაილის გადარიცხვები და აქვს პაუზა და განაახლეთ ფუნქცია ატვირთვის დიდი ფაილი.
• Cyberduck არის თავისუფალი ღია, ჯვარი პლატფორმა პროგრამული ცნობილია მისი seamless ინტეგრაციის გარე რედაქტორები და მისი მიმზიდველი ინტერფეისი.
• უფასო FTP და პირდაპირი FTP მზადდება იგივე კომპანია. უფასო FTP არის მინიმალისტური კლიენტი, მაგრამ ის აკმაყოფილებს ყველა ძირითადი ფაილის გადაცემის საჭიროებებს. პირდაპირი FTP არის პრემიუმ ვერსია, რომელიც გთავაზობთ მოწინავე ფუნქციებს. ორივე ვერსია მხარდაჭერილია Windows 7,8 და Vista, მაგრამ მხოლოდ პირდაპირი FTP განკუთვნილია Windows 10.
• გადაცემის არის პრემია, Mac მხოლოდ FTP კლიენტი. იგი ხელს უწყობს უჩვეულოდ სწრაფი ტრანსფერებს და მხარს უჭერს Amazon CloudFront- ს.
• Cute FTP არის ძლიერი პრემიუმ FTP კლიენტი, რომელიც შეგიძლიათ გამოიყენოთ 100-მდე გადარიცხვის ერთდროულად. ითვლება ერთ-ერთი ყველაზე უსაფრთხო FTP კლიენტი.