Освен компютър и интернет връзка, повечето инструменти, необходими за изграждането на уебсайт, са софтуерни програми, някои от които може вече да са на вашия компютър. За да качите файлове на вашия уеб сървър, имате нужда от текстов или HTML редактор, графичен редактор, уеб браузъри и FTP клиент.
Избор на основен текстов или HTML редактор
Можете да пишете HTML в обикновен текстов редактор като Notepad в Windows 10, TextEdit и Sublime Text на Mac или Vi или Emacs в Linux. Създавате HTML кодиране за страницата, записвате документа като уеб файл и го отваряте в браузър, за да сте сигурни, че изглежда така, както се предполага.
Ако искате повече функционалност, отколкото предлага обикновеният текстов редактор, използвайте вместо това HTML редактор. HTML редакторите разпознават кода и могат да идентифицират грешки в кодирането, преди да стартирате файла. Те могат също да добавят затварящи маркери, които забравяте, и да подчертават счупени връзки. Те разпознават и приспособяват други езици за кодиране като CSS, PHP и JavaScript.
Многото редактори на HTML на пазара варират от основно до професионално ниво. Ако сте нов в писането на уеб страници, един от WYSIWYG Редакторите (Какво виждаш, това и получаваш) може да работят най-добре за вас. Някои редактори показват само кода, но някои ви позволяват да превключвате между изгледи за кодиране и визуални изгледи. Ето няколко от многото налични HTML уеб редактори:
- Komodo IDE и удобният за потребителя интерфейс са подходящи както за начинаещи, така и за напреднали уеб разработчици. Функцията за автоматично довършване на Komodo IDE е особено удобна, когато пишете код за общи елементи като връзки. Софтуерът поддържа цветно кодиране на различни кодиращи езици като HTML, CSS и много други. Komodo IDE работи на Windows, Mac и Linux.
- CoffeeCup HTML редактор е особено полезен за нови разработчици, които се интересуват повече от това да се научат да кодират, отколкото от визуален интерфейс. Този надежден редактор се предлага с шаблони и има проверки за проверка, за да ви помогне да запазите кода си без грешки. Той включва попълване на код и поддържа други езици за кодиране можете да използвате заедно с HTML. Софтуерът подчертава грешките, обяснява защо са се появили и ви казва как да ги поправите. CoffeeCup HTML Editor работи под Windows.
- Mobirise е HTML редактор за хора, които не искат да се включват в кода. Всичко е свързано с бране на тема и след това плъзгане и пускане на елементи на страницата. Добавете текст точно както бихте го направили в обикновен текстов редактор и вмъкнете изображения, видеоклипове или икони - всичко това без да пишете никакъв код; Mobirise прави тази част вместо вас. Mobirise е наличен за Windows и Mac и е безплатен.
Уеб браузъри
Уебсайтовете могат да изглеждат различно от браузър до браузър, така че тестването на уеб страниците ви, за да се уверите, че изглеждат и функционират по предназначение, е от решаващо значение. Chrome, Firefox, Safari (Mac), Опера, и Edge (Windows) са най-популярните браузъри.
Трябва да тествате страниците си за външен вид и функциониране и в мобилни браузъри. Повечето десктоп браузъри предлагат възможност за преглед на уебсайтове в прозорци с различни размери. Например в Google Chrome се предлага богат набор от инструменти за тестване на Изглед > Разработчик > Инструменти за разработчици. Изберете иконата на смартфон в горния ляв ъгъл на прозореца на разработчика, за да видите всяка страница в прозорци с различен размер и мобилни операционни системи.
Графичен редактор
Типът графичен редактор, от който се нуждаете, зависи от вашия уебсайт. Adobe Photoshop е златният стандарт, но може да не ви е необходима толкова мощност - освен това може да ви е необходима програма за векторна графика за работа с лого и илюстрации. Няколко графични редактора, които да разгледаме за основното уеб разработване, включват:
- GIMP е безплатна програма за редактиране на снимки с отворен код, която предоставя много от характеристиките на своите по-скъпи конкуренти. Като софтуер с отворен код, той е достъпен за Windows, Mac и Linux.
- Photoshop Elements за Mac и PC е лека версия на своя съименник, но има много функции.
- Corel PaintShop Pro за компютри разполага с почти всички инструменти, които можете да намерите във Photoshop в лесен за използване интерфейс.
- Inkscape за Windows, Mac и Linux е безплатен редактор на векторни графики. Тази алтернатива на по-скъпия Adobe Illustrator има повече от достатъчно възможности за лесна дизайнерска работа и уеб графика.
FTP клиент
Нуждаете се от FTP (протокол за прехвърляне на файлове) клиент, за да прехвърлите вашите HTML файлове и поддържащи изображения и графики на вашия уеб сървър. FTP е достъпен чрез командния ред в Windows, Macintosh и Linux, но специален FTP клиент е много по-лесен за използване. Върха FTP клиенти включват:
- FileZilla (безплатно) е достъпно за Windows, Mac и Linux. Той поддържа трансфер на файлове с плъзгане и пускане и има функция за пауза и възобновяване за качване на големи файлове.
- Киберпатка е безплатен софтуер с отворен код и платформа, известен със своята безпроблемна интеграция с външни редактори и атрактивния си потребителски интерфейс.
- Безплатен FTP и Директен FTP се правят от същата фирма. Безплатният FTP е минималистичен клиент, който отговаря на основните нужди за прехвърляне на файлове. Direct FTP е първокласна версия, която предлага разширени функции. И двете версии се поддържат от Windows 7, 8 и Vista, но за Windows 10 е подходящ само Direct FTP.
- Предавайте е първокласен FTP клиент само за Mac. Той улеснява необичайно бързи трансфери и поддържа Amazon CloudFront.
- Сладък FTP е мощен първокласен FTP клиент, който можете да използвате до 100 превода едновременно. Счита се за един от най-сигурните налични FTP клиенти.