Вэб хөгжүүлэгчийн хувьд танд маш их програм хангамж хэрэггүй болно
Вэб дизайн хийхэд шаардлагатай үндсэн хэрэгслүүд нь гайхалтай энгийн. Компьютер болон интернетийн холболтоос гадна вэбсайт бүтээхэд шаардлагатай ихэнх багаж хэрэгсэл нь программ хангамжийн програмууд бөгөөд тэдгээрийн зарим нь таны компьютер дээр байж болох юм. Та вэб сервер рүү файл байршуулахын тулд текст эсвэл HTML засварлагч, графикийн засварлагч, вэб хөтчүүд болон FTP клиент хэрэгтэй болно.
Үндсэн текст буюу HTML засварлагчийг сонгох
Та Windows 10 дээр Notepad гэх мэт энгийн текст засварлагч дээр HTML бичиж болно, Mac дээр TextEdit , эсвэл Vi эсвэл Emacs дээр Линукс дээр бичиж болно. Та HTML кодыг оруулаад, документыг вэб файл хэлбэрээр хадгалж, үүнийгээ браузер дээрээ байрлуулах ёстой.
Хэрэв та цэвэр текст засварлагчаас илүү их ажиллагааг хүсэж байгаа бол HTML засварлагчийг ашиглана уу. HTML засварлагч нь кодыг таних ба кодыг эхлүүлэхээсээ өмнө кодын алдааг илрүүлж чаддаг. Тэд таны мартсан холбоосыг мартаж, эвдэрсэн холбоосуудыг нэмж болно. Тэд CSS, PHP, JavaScript зэрэг бусад кодлох хэлийг таниж, зөвшөөрдөг.
Зах зээл дээр олон HTML засварлагч байдаг бөгөөд тэдгээр нь мэргэжлийн түвшний програм хүртэл суурь байдлаас хамаардаг. Хэрэв та вэб хуудас бичихэд шинэ бол WYSIWYG-ийн нэгийг нь авсан зүйл бол засварлагчид танд хамгийн сайн ажиллана. Зарим редакторууд зөвхөн кодыг харуулдаг, гэхдээ тэдгээрийн заримыг нь кодын үзэл ба үзэгдэх үзүүлэлтийн хооронд сэлгэх боломжтой. Энд олон HTML вэб редакторуудын цөөн хэдэн байна:
- Комдо IDE болон түүний хэрэглэхэд хялбар интерфэйс нь эхлэл болон дэвшилтэт вэб хөгжүүлэгчдийн аль алинд тохиромжтой. Komodo IDE-ийн автомат гүйцэтгэлийн онцлог нь холбоос зэрэг нийтлэг элементийн кодыг яаж бичихийг мэддэг учраас шинэ хөгжүүлэгчдэд илүү тохиромжтой байдаг. Програм хангамж HTML, CSS, бусад олон код бичих хэлний өөр өөр кодчиллын төрлийг дэмждэг. Komodo IDE нь Windows, Mac, болон Линукс дээр ажилладаг платформын програм хангамж юм.
- CoffeeCup HTML Editor нь харааны интерфейсээс илүү кодыг сурах сонирхолтой шинэ хөгжүүлэгчдэд зориулагдсан юм. Энэ хүчирхэг засварлагч нь маягтуудтай бөгөөд кодын алдаатай байлгахын тулд баталгаажуулалтын шалгагчтай. Энэ нь кодыг бөглөх, HTML-тай хамт хэрэглэж болох бусад код бичих хэлийг агуулдаг. Програм хангамж нь кодын алдааг харуулдаг, яагаад тэдгээр нь гарч ирснийг тайлбарлаж, хэрхэн засварлахыг хөгжүүлэгчдэд хэлэхэд үүнийг ойлгох болно. CoffeeCup HTML Editor нь Windows дээр ажилладаг.
- Mobirise нь кодтой холбоотой байхыг хүсдэггүй хүмүүст зориулсан HTML засварлагч юм. Энэ нь сэдэвийг сонгож, дараа нь хуудсан дээр элементүүдийг чирч унагаж байгаа юм. Текст нэмэхийн тулд ердийн текст засварлагч дээр дуртай текст нэмэх, ямар нэгэн код бичихгүйгээр зургууд, видео, дүрсүүдийг оруул; Мобириз нь таны хувьд энэ хэсэг юм. Mobirise нь Windows болон Mac дээр боломжтой бөгөөд үнэгүй байдаг.
Вэб хөтчүүд
Хуудсыг ажиллуулахаасаа өмнө вэб хуудсыг браузер дээр туршиж үзээрэй. Chrome, Firefox, Safari (Mac) болон Internet Explorer (Windows) нь хамгийн алдартай хөтчүүд юм. Өөрийн HTML дээрээ олон хөтөч шиг HTML-гээ шалгаарай, Opera гэх мэт бага нэргүй хөтчүүдийг татаж аваарай.
Графикийн редактор
Таны хэрэгтэй графикийн редакторууд таны вэбсайтаас хамаарна. Хэдийгээр Adobe Photoshop нь зурагтай ажиллах алтан стандарт боловч танд ийм их хүч шаардагдахгүй. Та лого, тайлбар хийх ажлын вектор график програмыг илүүд үзэж болно. Вэбсайт хөгжүүлэх үндсэн хэрэглээнд зориулсан хэд хэдэн график редакторууд:
- GIMP бол үнэ төлбөргүй, нээлттэй эхийн фото зургийг засварлах програм бөгөөд илүү үнэтэй өрсөлдөгчийнхөө олон онцлог шинжийг агуулдаг. Нээлттэй эхийн програм хангамж болох Windows, Mac, болон Линуксд байдаг.
- Mac болон PC-ийн Photoshop Elements нь зурагтын редактор бөгөөд түүний нэрний гэрэл хувилбар боловч вэбийн графиктай ажиллахад маш их хүчин чадалтай.
- PC-ийн Corel PaintShop Pro нь Photoshop болон бусад хялбар ашиглагддаг хэрэгслүүдийг агуулдаг.
- Windows, Mac, болон Линуксд Inkscape бол үнэгүй вектор график засварлагч юм. Програмын шилдэг борлуулалттай Adobe Illustrator нь энгийн дизайны ажил болон вэб графикт хангалттай хүч чадал шаарддаг.
FTP клиент
Таны HTML файлыг дамжуулах, зураг болон график дүрслэлийг таны вэб сервер рүү дамжуулахад FTP клиент хэрэгтэй. FTP-г Windows, Macintosh, болон Линукс дээр тушаалын мөрөөр авах боломжтой боловч клиент ашиглах нь маш хялбар байдаг. Олон сайн чанарын FTP клиентүүд байдаг:
- FileZilla нь Windows, Mac, болон Линуксд зориулсан FTP клиент үнэгүй юм. Энэ нь зөөвөрлөгч болон шилжүүлгийн файлуудыг дэмждэг бөгөөд их хэмжээний файлуудыг байршуулахын тулд түр завсарлага болон үргэлжлүүлэх боломжийг олгодог.
- Кибердак нь гадны редакторууд болон түүний сонирхолтой хэрэглэгчийн интерфейстэй салшгүй холбоотойгоор нээлттэй нээлттэй эх сурвалж юм.
- Чөлөөт FTP болон Шууд FTP нь нэг компаниас гардаг. Чөлөөт FTP нь хязгаартай клиент боловч бүх файлын шилжүүлгийн бүх хэрэгцээг хангадаг. Шууд FTP бол дэвшилтэт боломжуудыг санал болгодог дээд зэргийн хувилбар юм. Хоёр хувилбар нь Windows 7,8 болон Vista дэмждэг боловч Direct FTP нь зөвхөн Windows 10-д тохирдог.
- Трансформатор нь зөвхөн Mac-цорын ганц FTP клиент юм. Энэ нь ер бусын хурдан шилжүүлэлтийг дэмжиж, Amazon CloudFront дэмждэг.
- Cute FTP бол 100 хүртэл шилжүүлэг хийхэд ашиглах боломжтой хүчтэй FTP клиент юм. Энэ нь хамгийн аюулгүй FTP клиентүүдийн нэг юм.