Оформления в NetBeans

Инсталация и настройка

Изтегляне > официалния сайт на програмата. Инсталирането на програмата не се различава от инсталирането на други приложения. Единственото нещо, което трябва да имате предвид, преди да инсталирате NetBeans, е, че Java Development Kit (JDK) 7 или 8 трябва да бъде инсталиран на машината.

Веднага след като инсталирате програмата, можете да започнете да персонализирате NetBeans за себе си. По-специално можете да инсталирате нова тема или да редактирате съществуваща. Можете да изтеглите новата тема например от http://netbeansthemes.com/ .

За да инсталира нова тема, потребителят трябва да отиде в меню"Инструменти" → "Опции" → "Шрифтове и цветове" → "Импортиране", да избере изтегления .zip-архив и да натисне "OK". След това новата тема се появява в падащия списък в горната част и може да бъде избрана.

За всеки случай настройките на NetBeans IDE се съхраняват в Windows вC:\Users\your_user_name\AppData\Roaming\NetBeans\8.0.1\config\. Моля, обърнете внимание, че папката AppData е системна (скрита).

Добавките се инсталират в менюто"Инструменти" → "Добавки"в раздела "Налични добавки". Можете да премахнете инсталираните плъгини на същото място, само в раздела „Инсталирани“.

По време на процеса на разработка може да се наложи качване на файлове на сървъра чрез FTP. Такава възможност съществува в NetBeans, както и в други IDE. Въпреки това, според мен, тя е организирана не много удобно. Други среди за разработка, като PHPStorm, имат прозорец, който показва структурата на файловете на отдалечен сървър. Използвайки го, можете да изтегляте файлове от сървъра и да ги качвате на сървъра от прозореца на проекта. Според мен е много удобно и визуално организирано. В NetBeans няма такава видимост. Ето тиможете да качвате и изтегляте файлове от прозореца на проекта, но не можете да видите "картинката" на сървъра.

За да настроите FTP връзка, трябва да щракнете с десния бутон върху името на проекта в панела "Проекти" и да изберете елемента "Свойства" в падащото меню.

След това в прозореца, който се отваря, изберете елемента "Извършване на конфигурация" и попълнете необходимите полета. Особено важно е да изберете елемента, който ви подхожда в падащия списък „Качване на файлове“. Избрах опцията „ръчно“, така че файловете да не се качват след всяко записване на файл. За да въведете данни за отдалечена връзка (сървър, потребителско име и парола), трябва да кликнете върху бутона "Управление", който се намира до полето "Отдалечена връзка".

Ако всичко е направено правилно, тогава в контекстното меню на всеки файл ще се появят 2 елемента:"Изтегляне"и"Качване".

Подобно на много други > „Документация“.

Редактиране на шаблони за нови HTML, CSS файлове

Когато създавате нов файл в проект, той се създава въз основа на шаблона. В системата има шаблони от различни типове файлове (HTML, CSS, JS). Тези шаблони могат да се редактират. Вярно е, че преди това е най-добре да създадете копие на шаблона, който искате да промените.

Ако внимателно прочетете шаблона, можете да видите в него различни променливи във фигурни скоби. Можете да модифицирате съществуващи променливи и да добавяте свои собствени променливи към шаблона. За да направите това, щракнете върху бутона "Настройки". Ще се отвори файл, където можете да добавите вашите променливи. Това се прави много просто, както при писане на програма на всеки език за програмиране. Посочете името на променливата, след това знака "=" и нейната стойност. В шаблона вмъкнете променливата по следния начин: $.

Вече има дефинирани променливи в NetBeans IDE, които можетеизползвайте в шаблон. Ето списък на тези променливи:

  • $ – дата във формат: 16 февруари 2008 г
  • $ - стойност на кодиране, например UTF-8
  • $ - име на файл
  • $ - име на файл с разширение
  • $ - време във формат: 19:37:58
  • $ - пълно потребителско име
  • $ - на мястото, където е поставен курсора
  • $ е пълният път до текущия файл

Използване. Полезни точки.

Създайте нов проект

Сега малко за използването на програмата. Така че нека започнем със създаването на нов проект. Тъй като гледам на програмата от гледна точка на дизайнер на HTML оформление, когато говоря за проекти, имам предвид HTML5 приложение. Можете да създадете нов проект в NetBeans IDE със съществуващи файлове или напълно нов. За да направите това, изберете менюто"Файл" → "Създаване на проект"или щракнете върху втората икона в лентата с инструменти под горното меню. В процеса на създаване на нов проект е възможно да изберете една от популярните CSS и JS рамки и да създадете приложение въз основа на нея. Можете да използвате Angular JS, Bootstrap, HTML5 Boilerplate и други.

Ако вече имате проект и искате да продължите да работите по него с помощта на NetBeans, тогава, за да започнете, трябва да изберете опцията „HTML5 приложение със съществуващи източници“ и да посочите пътя до папката с файловете на вашето приложение.

Както всяка друга програма, NetBeans IDE предоставя възможност за използване на клавишни комбинации. Списък с всички клавишни комбинации можете да намерите в настройките:Инструменти → Опции → Присвояване на файлове. Там можете не само да ги видите, но и да ги промените.

Избрах от този списък най-„полезните“ клавишни комбинации, които ще помогнат в процеса на оформяне на оформления и, вероятно, ще ускорят този процес. Сложих ги в таблица.Приканвам читателя да го прочете.

История на промените на файла

Генериране на текст „риба“ „Lorem Ipsum…“

Има още едно хубаво нещо в програмата - генерирането на „Lorem Ipsum…“ е много полезно нещо, което помага в процеса на оформление, когато дизайнерът на оформление няма реалния текст, който е планиран да бъде поставен на страницата.

Поставяме „Lorem Ipsum…“ и визуално виждаме как ще изглеждат елементите на страницата и цялата страница. За да генерирате „Lorem Ipsum…“ трябва да отидете в меню„Източник“ → „Вмъкване на код“ → „Lorem Ipsum“.