Как да наименувате нови файлове на страници в Dreamweaver

Не се превръщайте в паникьосан уеб дизайнер поради неработещи връзки, причинени от конфликти в имената на файлове в Dreamweaver. Тези проблеми обикновено не възникват, докато уебсайтът не бъде публикуван на сървър, така че могат да бъдат особено объркващи и трудни за разбиране.

Ако публикувате уебсайта си на уеб сървър, който работи на Mac или под Windows, следното може да не се отнася за вас. Но ако използвате уеб сървър, който работи с Unix или Linux (използван от много търговски уеб хостинг компании), следните инструкции са особено важни. Ако не сте сигурни, бъдете в безопасност и следвайте тези правила, когато запазвате уеб страници, изображения и други файлове на вашия сайт:

  • Включете разширение в края, за да идентифицирате типа на файла. Примерите включват .html за HTML файлове и .gif за GIF изображения. Dreamweaver автоматично добавя разширението на файла .html в края на HTML файловете, което работи за повечето уеб сървъри.

    Въпреки това, в редките случаи, когато трябва да промените разширението на .htm за вашия уеб сървър, можете да го направите в диалоговия прозорец Предпочитания на Dreamweaver, като изберете Редактиране→ Предпочитания (Windows) или Dreamweaver→ Предпочитания (Mac). Вижте страничната лента „Показване на разширения на файлове в Windows“ за съвети как да видите разширенията на файлове, които са скрити в Windows.

  • Не използвайте интервали или специални знаци в имената на файлове. Например, не назовавайте уеб страница с апостроф или интервали, като котешкото мяу страница.html. Ако искате да разделите думите, можете да използвате долната черта (_) или тирето (-).

    Например meow-page.html е хубаво име на файл. Числата са добре в повечето случаи, въпреки че е най-добре да не започвате име на файл с номер. Главните букви обикновено нямат значение, но повечето дизайнери се придържат към малки. Това поддържа имената на файловете последователни и улеснява настройката и проверката на връзките, тъй като името на файла и неговата препратка във всички връзки трябва да съвпадат.

Причината за цялата тази суматоха? Имената на файлове са особено важни в уебсайтовете, защото са включени в HTML кода, когато задавате връзки. Връзката от една страница към друга по същество се състои от името на файла.

Връзките с имена, които включват интервали и специални знаци, работят добре в повечето браузъри, когато тествате страници на Mac или PC компютър, но много уеб сървъри в Интернет използват софтуер, който не приема интервали или специални знаци във връзките. По този начин връзките, които не спазват тези правила, може да се счупят, когато публикувате сайта на уеб сървър.

Като следвате тези три прости правила — без интервали, без специални знаци и запазвате всичко с малки букви — вие гарантирате, че вашите връзки ще работят във всяка система.

Как да показвате разширения на файлове в Windows

Когато преглеждате страници в Windows Explorer, няма да видите разширението на файла на вашите GIF файлове, JPEG или HTML страници (въпреки че тези разширения ще се показват в панела Файлове в Dreamweaver), освен ако не промените настройките на компютър с Windows.

За да промените настройките, така че да можете да виждате разширенията в Windows Explorer, отворете диалоговия прозорец Опции на папката, изберете раздела Изглед и след това прегледайте дългия списък с опции и премахнете избора Скриване на разширения за известни типове файлове.

Начинът, по който отваряте диалоговия прозорец Опции на папката, зависи от това коя версия на Windows използвате. Трябва да можете лесно да намерите диалоговия прозорец, ако търсите Опции на папката в секцията Помощ.

Как да наименувате нови файлове на страници в Dreamweaver

Наименувайте първата страница index.html

Друго объркващо правило е, че главната страница на вашия уебсайт трябва да се нарича index.html (на някои сървъри, базирани на Windows, първата страница трябва да бъде наречена default.html). Повечето сървъри в Интернет са настроени да обслужват първо страницата index.html или default.html, но трябва да се консултирате с вашата уеб хостинг услуга или администратора, който управлява вашия уеб сървър, за да потвърдите името, необходимо за вашия сървър.

По същество, когато уеб браузър стигне до име на домейн, като DigitalFamily.com, първата страница, която се отваря, е index.html. По същия начин, когато уеб браузърът е насочен към подпапка в даден сайт, той също показва първо индексната страница.

В резултат на това, ако създадете подпапка с книгите с имена, например, и вътре в тази подпапка създадете страница с име index.html като главна страница, можете да кажете на посетителите на вашия сайт просто да въведат www.DigitalFamily.com/ книги, за да пристигне на страницата с книги във вашия сайт. Ако наименувате първата страница нещо друго, като books.html, посетителите трябва да напишат www.DigitalFamily.com/books/books.html, за да отворят страницата.

Останалите страници във вашия сайт (или всяка подпапка) могат да се наименуват както пожелаете. Само запомнете: Не включвайте интервали или специални знаци (с изключение на тирето или долната черта).

Няма значение дали използвате главни или малки букви, когато пишете име на домейн, но всичко, което идва след .com (или .net, или каквото и да е края на името на вашия домейн) трябва да съвпада с главния или главния букви на имената на файловете и папките .


Как да приложите прозрачност към SVG

Как да приложите прозрачност към SVG

Научете как да приложите прозрачност към SVG графики в Illustrator. Разгледайте как да извеждате SVG с прозрачен фон и да прилагате ефекти на прозрачност.

Работа с изображения в Adobe XD

Работа с изображения в Adobe XD

След като импортирате изображенията си в Adobe XD, нямате голям контрол за редактиране, но можете да преоразмерявате и завъртате изображенията точно както бихте направили всяка друга форма. Можете също така лесно да закръглите ъглите на импортирано изображение с помощта на ъгловите приспособления. Маскиране на вашите изображения Чрез дефиниране на затворена форма […]

Как да коригирате свойствата на текста в Adobe XD

Как да коригирате свойствата на текста в Adobe XD

Когато имате текст във вашия Adobe XD проект, можете да започнете да променяте свойствата на текста. Тези свойства включват семейство шрифтове, размер на шрифта, тегло на шрифта, подравняване, разстояние между символите (кернинг и проследяване), разстояние между редовете (водещо), запълване, граница (черта), сянка (падаща сянка) и размазване на фона. Така че нека разгледаме как се прилагат тези свойства. Относно четливостта и шрифта […]

Работа с Artboards във Photoshop CC

Работа с Artboards във Photoshop CC

Точно както в Adobe Illustrator, монтажните табла на Photoshop предоставят възможност за изграждане на отделни страници или екрани в рамките на един документ. Това може да бъде особено полезно, ако създавате екрани за мобилно приложение или малка брошура. Можете да мислите за монтажна област като специален тип група слоеве, създадена с помощта на панела Слоеве. Неговото […]

Фигури и многоъгълници в InDesign

Фигури и многоъгълници в InDesign

Много от инструментите, които намирате в панела InDesign Tools, се използват за рисуване на линии и форми на страница, така че имате няколко различни начина за създаване на интересни чертежи за вашите публикации. Можете да създавате всичко от основни форми до сложни чертежи в InDesign, вместо да се налага да използвате програма за рисуване като […]

Обвиване на текст в Adobe Illustrator CC

Обвиване на текст в Adobe Illustrator CC

Опаковането на текст в Adobe Illustrator CC не е същото като опаковането на подарък – по-лесно е! Обвиването на текст принуждава текста да се обвива около графика, както е показано на тази фигура. Тази функция може да добави малко креативност към всяко парче. Графиката принуждава текста да се обвие около нея. Първо, създайте […]

Как да преоразмерите фигури в Illustrator

Как да преоразмерите фигури в Illustrator

Когато проектирате в Adobe Illustrator CC, често се нуждаете от форма с точен размер (например 2 x 3 инча). След като създадете форма, най-добрият начин да я преоразмерите до точни измервания е да използвате панела Transform, показан на тази фигура. Изберете обекта и след това изберете Window→Transform to […]

Как да създадете QR кодове в InDesign CC

Как да създадете QR кодове в InDesign CC

Можете да използвате InDesign за създаване и модифициране на графики с QR код. QR кодовете са форма на баркод, който може да съхранява информация като думи, числа, URL адреси или други форми на данни. Потребителят сканира QR кода, използвайки своята камера и софтуер на устройство, като смартфон, и софтуерът използва […]

Как да накарате нова снимка да изглежда стара във Photoshop CS6

Как да накарате нова снимка да изглежда стара във Photoshop CS6

Може да има момент, когато имате нужда от нова снимка, за да изглеждате стара. Photoshop CS6 ви покрие. Черно-бялата фотография е по-ново явление, отколкото си мислите. Дагеротипите и други ранни снимки често имат кафеникав или синкав оттенък. Можете да създавате свои собствени шедьоври в тон на сепия. Тонизираните снимки могат да създадат […]

Функцията Live Paint в Adobe CS5 Illustrator

Функцията Live Paint в Adobe CS5 Illustrator

Използвайки функцията Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, можете да създадете желаното от вас изображение и да запълните региони с цвят. Кофата на Live Paint автоматично открива региони, съставени от независими пресичащи се пътеки, и ги запълва съответно. Боята в даден регион остава жива и тече автоматично, ако има […]