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