Как да приложите прозрачност към SVG
Научете как да приложите прозрачност към SVG графики в Illustrator. Разгледайте как да извеждате SVG с прозрачен фон и да прилагате ефекти на прозрачност.
Dreamweaver CS5 Всичко в едно за LuckyTemplates Cheat Sheet
Dreamweaver CS5 може значително да подобри производителността и да промени начина, по който създавате уеб сайтове. Познаването на всички важни клавишни комбинации на Dreamweaver CS5 и общи правила за кодиране на HTML може да повиши ефективността ви като дизайнер още повече. Намерете своя път в работното пространство на Dreamweaver с лесни за запомняне клавишни комбинации и общи съвети за кодиране, за да можете да работите по-бързо и по-интелигентно и да създавате своите уеб сайтове с по-голяма лекота.
Спестете време с клавишни комбинации Dreamweaver CS5
Използването на Dreamweaver CS5 е много по-бързо, когато знаете преките пътища. Използвайте тези клавишни комбинации в изгледите за проектиране, разделяне и код за бързо създаване на документи, изпълнение на задачи за редактиране, скриване и показване на функции на работното пространство, прилагане на просто форматиране, редактиране на код, правене на избор, достъп до помощта на Dreamweaver, визуализация на страници в Live View и в браузър , и още.
| Команди на клавиатурата | Пряк път за компютър | Пряк път за Mac |
|---|---|---|
| Създайте нов документ | Control+N | Command+N |
| Отворете съществуващ документ | Control+O | Command+O |
| Запазете отворен документ | Control+S | Command+S |
| Затворете отворен документ | Control+W | Command+W |
| Затворете всички отворени документи | Control+Shift+W | Command+Shift +W |
| Излезте/излезте от Dreamweaver | Control+Q или Alt+F4 | Command+Q или Opt+F4 |
| Отмяна | Control+Z или Alt+Backspace | Опция+Изтриване |
| Повторете | Control+Y или Control +Shift+Z |
Command+Y или Command+Shift+Z |
| Разрез | Control+X или Shift+Delete |
Command+X или Shift+Delete |
| копие | Control+C | Command+C |
| Поставете | Control+V | Command+V |
| Залепете специално | Control+Shift+V | Command+Shift+V |
| Избери всички | Control+A | Command+A |
| Намерете и заменете | Control+F | Command+F |
| Отворете панела с предпочитания | Control+U | Command+U |
| Показване/скриване на линийки | Control+Alt+R | Команда+Опция+R |
| Показване/скриване на ръководства | Control+; | Command+; |
| Показване/скриване на визуални средства | Control+Shift+I | Command+Shift+I |
| Показване/скриване на мрежата | Control+Alt+G | Команда+Опция+G |
| Редактиране на свойствата на страницата | Control+J | Command+J |
| Обновяване на изгледа на дизайна | F5 | F5 |
| Направете избрания текст удебелен | Control+B | Command+B |
| Направете избрания текст курсив | Control+I | Command+I |
| Приложете форматиране на абзаца към избрания текст | Control+Shift+P | Command+Shift+P |
| Приложете форматиране на заглавието (H1–H6) към избрания текст | Control+1 до 6 | Команда +1 до 6 |
| Добавете нов параграф | Връщане | Връщане |
| Добавете прекъсване на ред | Shift+Return | Shift+Return |
| Вмъкнете непрекъсваем интервал | Command+Shift+интервал | Command+Shift+интервал |
| Преместване на обект или текст | Плъзнете селекцията на ново място | Плъзнете селекцията на ново място |
| Копиране на обект или текст | Control и плъзнете избора на ново местоположение | Опция - плъзнете избора на ново местоположение |
| Изберете дума | Кликнете два пъти | Кликнете два пъти |
| Изберете ред или текстов блок | Щракнете три пъти | Щракнете три пъти |
| Вмъкване на изображение | Control+Alt+I | Команда+Опция+I |
| Вмъкване на таблица | Control+Alt+T | Команда+Опция+Т |
| Изпълнете проверка на правописа | Shift+F7 | Shift+F7 |
| Отворете прозореца за помощ | F1 | F1 |
| Увеличавам | Контрол+= | Команда+= |
| Отдалечавам | Контрол+- | команда+- |
| Визуализация в основния браузър | F12 | Опция+F12 |
| Визуализация във вторичен браузър | Shift+F12 или Control+F12 | Command+F12 |
| На живо | Alt+F11 | Option+F11 |
| Замразете JavaScript | F11 | F11 |
| Инспектирайте | Alt+Shift+F11 | Option+Shift+F11 |
| Навигатор на кодове | Control+Alt+N | Команда+Опция+N |
| Вземи | Control+Shift+D | Command+Shift+D |
| Слагам | Control+Shift+U | Command+Shift+U |
| Проверете се | Control+Alt+Shift+U | Command+ Option+Shift+U |
| Разгледайте | Control+Alt+Shift+D | Command+ Option+Shift+D |
Съвети за HTML, CSS и JavaScript код
Като уеб дизайнер, вие използвате някои битове от HTML, CSS и JavaScript код често, но не достатъчно често, за да се ангажирате в паметта. Следните съвети за HTML код, CSS стил и JavaScript са удобни, когато добавяте специални елементи като нулеви връзки, мета тагове и обекти към вашите страници. Използвайте тези съвети за HTML, CSS и JavaScript код в изглед на кода, инспектора на свойствата и вашите CSS стилови таблици.
| Съвет за HTML код | Пряк път за код | |
|---|---|---|
| Създайте нулева връзка | # или javascript:; или javascript:void(0) като в<> href=”#”> връзка за връзка |
|
| Създайте именувана връзка за котва | Връзка към Target връзка Target |
|
| Създайте връзка към именуван котва в друга страница | връзка | |
| Вмъкване на прекъсване на ред | ||
| Затворете прозореца JavaScript | Затворете този прозорец |
|
| Посетете отново след x дни мета маркер | ||
| Без мета маркер на кеша | ||
| Мета връзка към началната страница | ||
| Мета връзка към страницата с карта на сайта | ||
| Мета връзка към икона за пряк път | ||
| Метавръзка към икона за пряк път, използваща GIF вместо ICO | href=”favicon.gif” /> | |
| Връзка към външен JS файл | type=”text/javascript”> | |
| Връзка към външен CSS | media=”екран”/> | |
| Import@ връзка към външен CSS | ||
| CSS връзка за IE браузъри под IE 7 | type=”text/css” href=”ie.css” media=”all”/> |
|
| Вмъкнете изображение с атрибут ALT |  |
|
| Празен атрибут ALT за изображение | |
|
| Обект за добавяне на празно пространство | или | |
| Обект за добавяне на авторски права | © или © | |
| Обект за добавяне на търговска марка | ™ или ™ | |
| Обект за добавяне на амперсанд | & или & | |
| Добавете NoScript тагове | ||
| Цели за връзки | _празен _нов _собствен _родител _горе |
|
| Приложете CSS персонализиран стил с SPAN тагове | … | |
| Тагове за коментари в HTML и JavaScript | ||
| Етикети за коментари в CSS | /* Вашият коментар тук */ | |
| Структурата на CSS маркер предефинира стила | таг { атрибут: стойност; } |
|
| Структура на стил на CSS ID | #ID { атрибут: стойност; } |
|
| Структура на CSS персонализиран стил | .stylename { атрибут: стойност; } |
|
| CSS за стилове на връзки | a:link { атрибут: стойност; } a:посетен { атрибут: стойност; } a:hover { атрибут: стойност; } a:active { атрибут: стойност;; } |
Работа с изображения в Adobe XD
След като импортирате изображенията си в Adobe XD, нямате голям контрол за редактиране, но можете да преоразмерявате и завъртате изображенията точно както бихте направили всяка друга форма. Можете също така лесно да закръглите ъглите на импортирано изображение с помощта на ъгловите приспособления. Маскиране на вашите изображения Чрез дефиниране на затворена форма […]
Как да коригирате свойствата на текста в Adobe XD
Когато имате текст във вашия Adobe XD проект, можете да започнете да променяте свойствата на текста. Тези свойства включват семейство шрифтове, размер на шрифта, тегло на шрифта, подравняване, разстояние между символите (кернинг и проследяване), разстояние между редовете (водещо), запълване, граница (черта), сянка (падаща сянка) и размазване на фона. Така че нека разгледаме как се прилагат тези свойства. Относно четливостта и шрифта […]
Работа с Artboards във Photoshop CC
Точно както в Adobe Illustrator, монтажните табла на Photoshop предоставят възможност за изграждане на отделни страници или екрани в рамките на един документ. Това може да бъде особено полезно, ако създавате екрани за мобилно приложение или малка брошура. Можете да мислите за монтажна област като специален тип група слоеве, създадена с помощта на панела Слоеве. Неговото […]
Фигури и многоъгълници в InDesign
Много от инструментите, които намирате в панела InDesign Tools, се използват за рисуване на линии и форми на страница, така че имате няколко различни начина за създаване на интересни чертежи за вашите публикации. Можете да създавате всичко от основни форми до сложни чертежи в InDesign, вместо да се налага да използвате програма за рисуване като […]
Обвиване на текст в Adobe Illustrator CC
Опаковането на текст в Adobe Illustrator CC не е същото като опаковането на подарък – по-лесно е! Обвиването на текст принуждава текста да се обвива около графика, както е показано на тази фигура. Тази функция може да добави малко креативност към всяко парче. Графиката принуждава текста да се обвие около нея. Първо, създайте […]
Как да преоразмерите фигури в Illustrator
Когато проектирате в Adobe Illustrator CC, често се нуждаете от форма с точен размер (например 2 x 3 инча). След като създадете форма, най-добрият начин да я преоразмерите до точни измервания е да използвате панела Transform, показан на тази фигура. Изберете обекта и след това изберете Window→Transform to […]
Как да създадете QR кодове в InDesign CC
Можете да използвате InDesign за създаване и модифициране на графики с QR код. QR кодовете са форма на баркод, който може да съхранява информация като думи, числа, URL адреси или други форми на данни. Потребителят сканира QR кода, използвайки своята камера и софтуер на устройство, като смартфон, и софтуерът използва […]
Как да накарате нова снимка да изглежда стара във Photoshop CS6
Може да има момент, когато имате нужда от нова снимка, за да изглеждате стара. Photoshop CS6 ви покрие. Черно-бялата фотография е по-ново явление, отколкото си мислите. Дагеротипите и други ранни снимки често имат кафеникав или синкав оттенък. Можете да създавате свои собствени шедьоври в тон на сепия. Тонизираните снимки могат да създадат […]
Функцията Live Paint в Adobe CS5 Illustrator
Използвайки функцията Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, можете да създадете желаното от вас изображение и да запълните региони с цвят. Кофата на Live Paint автоматично открива региони, съставени от независими пресичащи се пътеки, и ги запълва съответно. Боята в даден регион остава жива и тече автоматично, ако има […]