Like-net

Как менять шрифты, цвета и размера текста с Dreamweaver CS6

Nurlan — Sat, 29 Jun 2013 06:50:14 GMT

Как менять шрифты, цвета и размера текста с Dreamweaver CS6Среди вещей, которые веб-мастера считают, что они должны сделать, время от времени является задача изменения внешнего вида текста в некотором роде. Например, вы можете решить, что вы хотите использовать другой шрифт, сделать ваши слова казаться больше или меньше, изменить их цвет ("цвет" в американском английском ), или, что чаще, поставить некоторые слова жирным шрифтом или курсивом. Dreamweaver предоставляет различные объекты, которые вы можете использовать, чтобы выполнить эти вещи.

Если вы прибыли на эту статью извне thesitewizard.com, пожалуйста, внимание, что это 3-я глава из учебника Dreamweaver CS6 . Те, которые являются новыми для Dreamweaver могут предпочесть, чтобы начать в первой главе . Однако, если это первый сайт вы делаете, вы, вероятно, найти его будет проще, если вы начинаете с , как сделать / создать свой собственный сайт: AZ Руководство для начинающих .

Цель этой главы

К концу этой главы вы узнаете ("уроки") Как менять шрифты, цвета и размера текста, а также складывать слова жирным шрифтом и / или курсивом.

Введение в каскадные таблицы стилей (CSS)

До сих пор мы рассматривали изменения, которые вы сделали, чтобы внешний вид вашего веб-страницы, как будто они были чем-то волшебным осуществляется Dreamweaver сам. Например, в главе 2, мы по центру ("центру"), Ваш логотип, вызвав диалоговое окно, в Dreamweaver и изменение поля здесь и там. А потом, после еще нескольких процветает, привлекая дополнительный клик или два, о чудо, ваш логотип был сосредоточен.

В действительности, большинство визуальных эффектов на веб-страницах изготавливаются с использованием набора инструкций, называемых "каскадных таблиц стилей" или "CSS" для краткости. Под капотом, когда вы сделали все пальцы с Dreamweaver, последний вставлен определенные правила CSS в вашу страницу. Эти правила CSS просто линии, инструкций, предназначенных для веб-браузеров. Они "правила" в том смысле, что веб-браузеры обязаны "повиноваться" их при отображении вашего сайта.

Когда вы использовали определение правила CSS диалоговое окно, в главе 2, вы создали правило, которое по существу сказал, что хочешь левого и правого поля ни о чем с надписью "логотип", чтобы иметь равное количество пространства. Тогда вы использовали панели свойств, чтобы маркировать свою фотографию "логотип". Это привело к меченым изображение, которое будет помещен в центре страницы, так как все, что имеет равное количество места на его левой и правой действует в центре.

На языке мастер, эти метки известны как классы , и они могут быть применены к любому количеству объектов на веб-странице. Например, если у вас есть несколько фотографий на веб-странице, все с той же ширины, как ваши логотипом сайта, вы можете даже маркировать все из них "логотип". И все они будут в конечном итоге с тем же правилам, применяемые к ним, то есть все они будут по центру. Чтобы поставить его в более техническом образом, вы можете назначить несколько элементов на веб-странице того же класса. Любые правила, которые вы создаете для этого класса будет применяться ко всем из них.

Эта последовательность создания некоторых правил для конкретного класса, а затем маркировки объектов на странице с этого класса, по сути, что вам нужно сделать, когда вы хотите изменить внешний вид что-либо на вашем веб-страницы. И когда я говорю "ничего", я не имею в виду картинки, но и текст и макет. Действительно, тот факт, что веб-страницы, кажется, есть две колонки является результатом правил CSS говорит веб-браузер устроить таким образом.

Те из вас, которые находят длинные лекции снотворное, вероятно, будет интересно (с глубоким чувством страха), почему я вам все это рассказываю. В конце концов, не является одной из причин вы используете визуальный редактор, как Dreamweaver, чтобы можно было избежать того, чтобы слоняться без дела со всем этим вызывающие мигрень фетиш?

Хотя это правда, что вы, вероятно, может сойти с рук не зная, выше, по моему опыту, веб-мастера, как правило, лучше, если у них есть хотя бы намек на того, как их веб-сайт действительно работает. Это делает некоторые шаги, которые необходимо предпринять более логичным. Это, в свою очередь, приводит к меньшему количеству ошибок. Справочная информация также помогает, когда происходят неудачи, так как вы будете иметь хоть какое-то представление о том, что пошло не так.

В любом случае, вы будете создавать ряд правил CSS начиная с этой главы, хотя и косвенно, через меню Dreamweaver и диалоговых окнах. Таким образом, даже если вы задремали на протяжении большей части приведенных выше объяснений, вы по крайней мере знаю, что это таинственное "CSS" можно сказать.

Изменение шрифтов, размер текста и цвет в Dreamweaver CS6

Если вы бросить Dreamweaver с момента последней главе, запустить его снова и открыть домашнюю страницу, которую вы так долго работали с Глава 1. Вы можете сделать это с помощью двойного щелчка " index.html "линии в панели файлов.
Как уже упоминалось в моем краткое введение в CSS ранее , вы будете в первую очередь необходимо создать правило CSS. Это можно сделать, нажав на кнопку "Формат | Стили CSS | Новый ..." из меню. Вспомните из предыдущих глав, что это означает нажать кнопку "Формат" в строке меню, а затем "Стили CSS" из выпадающего меню и "Новый ..." из подменю, которое появляется.
Теперь перейдем к созданию нового класса, используя "Новое правило CSS" диалоговое окно, которое появляется. Как я уже упоминал ранее, вы можете считать это "класс" как просто красивое название для лейбла. Вы связать все изменения шрифта (или изменения цвета, или изменение размера шрифта и т.д.) вы хотите с этим лейблом (класс), так что, когда вы обозначения какой-либо фрагмент текста далее в этой главе, что часть текста будут отображаться с использованием правила вы делаете здесь.
Нажмите на выпадающем списке для "тип селектора" поля (верхнее поле) и выберите "класса (можно применить к любому элементу HTML)". Если поле уже показывает, что вариант, просто переходите к следующему шагу.
Нажмите однострочный пустое место для "имя селектора" поле. Это поместит мигающий текстовый курсор в поле. Теперь вы должны дать имя классу.
Имя класса лишь некоторые произвольное имя, ты придумываешь. Например, если вы хотите использовать Times New Roman шрифт для всех вхождений ваши имена продукт на веб-страницы, вы можете создать класс с именем "PRODUCTNAME" и положил правило, которое говорит ничего с этим классом будет отображаться с Times New Roman шрифт. Тогда вы можете найти на странице, чтобы найти все экземпляры продукции, и назначить эти слова "PRODUCTNAME" класса. Это приведет к тому, как Dreamweaver и браузерах посетителей, чтобы показать эти слова в Times New Roman.
Как вы уже догадались, вы на самом деле не должны использовать "PRODUCTNAME" для вашего класса. Последняя является лишь пример, который я изобрел для этого урока. Не стесняйтесь монеты другое название. Однако обратите внимание, что все имена классов должны начинаться с буквы алфавита. Оставшаяся часть названия (кроме первой буквы) может содержать либо букв или цифр, но не может содержать знаков препинания и пробелов. Так именами, как "companyslogan" и "PRODUCTNAME" это хорошо, но не "слоган компании" или "название продукта", так как последние два содержать пробелов.
Это обычно считается хорошей практикой использовать имена, которые описывают содержание, которое они связаны. Например, если ваш план должен поставить все ваши наименований, Times New Roman, лучше вызывать соответствующие классу "PRODUCTNAME", а не "TimesNewRoman". Таким образом, если вы передумаете и хотите использовать Comic Sans для вашей продукции, все что вам нужно сделать, это изменить правила, связанные с классом, и все ваши веб-страницы, использующие этот класс будет автоматически обновляться. Если вы используете "TimesNewRoman", вы в конечном итоге ни с несоответствующей имя класса (где ваш "TimesNewRoman" класса фактически изменяет шрифт Comic Sans), или вы будете вынуждены пройти через все ваши веб-страницы, чтобы изменить этикеток (класс) в новую. Говоря другими словами, под именем "PRODUCTNAME", который описывает содержание, является более перспективной, чем название, как "TimesNewRoman", который описывает конкретные внешний вид (правил).
Во всяком случае, как только вы определились с названием, просто введите его в "имя селектора" поле. Не тратьте слишком много времени придумывать названия. Это просто описательную метку, чтобы сделать его легким для вас, менять шрифты и тому подобное, так что не получить подчеркнул над ним. Если вы действительно застряли, просто использовать родовые имена, как "CompanyName", "PRODUCTNAME", "Характеристики изделия", "подзаголовки", "longdroningparagraph" и т.д.
Убедитесь, что в раскрывающемся списке для поля правила определения (в нижней части диалогового окна) содержит "twoColLiqHdr.css". Если это не так, щелкните стрелку вниз и выберите "twoColLiqHdr.css" из списка. Это "twoColLiqHdr.css" линия относится к файлу CSS Dreamweaver, что создан для вас, когда вы создали 2 колонки макета жидкости в главе 1. При выборе этой опции в выпадающем списке вызовет Dreamweaver для хранения CSS правил, создаваемых для данного класса в этом же файле.
Нажмите на кнопку "ОК".
Определение правила CSS появится диалоговое окно. Название диалогового окна должен сказать что-то вроде "CSS для определения правила [ваше имя класса] в twoColLiqLtHdr.css», где фактическое имя класса, который вы ввели раньше будет показано вместо "[имя вашего класса]».
Это диалоговое окно, где вы фактически создавать правила для этого конкретного класса. Раньше просто позволяет вам решить, на имя класса.Вот где реальная работа делается. Если диалоговое окно кажется знакомым, это потому, что вы сталкивались с этим при создании "логотип" класса в главе 2, в центре вашего логотипа.
По умолчанию, "Тип" линии в левой колонке должен быть выбран. Если это не так, щелкните по нему, чтобы выбрать его.
В правой части диалогового окна должны показать многочисленными полями, которые можно настроить, в том числе вещи, как шрифт ("семейство шрифтов" поле), размер шрифта, вес (например, полужирный шрифт), стиль шрифта (для создания курсивом ), цвет текста (через "Цвет" коробка), и различные другие вещи.
Перед тем как идти на настройку Frenzy однако, пожалуйста прочитайте мои объяснения ниже.
Вещи вы должны знать прежде Изменение шрифта
Нажмите стрелку раскрывающегося списка для "семейство шрифтов" поле. Пожалуйста, сделайте это, даже если у вас нет намерения изменить шрифт. То есть, даже если вы только планируете, чтобы изменить размер шрифта или что-то еще, вы все равно должны сделать этот шаг, в противном случае такое объяснение не имеет никакого смысла. Не волнуйся. Вы всегда можете нажать стрелку же еще раз, чтобы избавиться от раскрывающегося списка, не выбирая ничего.
Обратите внимание, что каждая строка в списке присутствуют несколько шрифтов. Например, вы должны быть в состоянии видеть линию, которая говорит, что "Грузия, Times New Roman, Times, Serif" и другую, которая гласит: "Arial, Helvetica, без засечек", и так далее. Несколько шрифтов перечислены на линию, потому что нет никакой гарантии, что нужный шрифт доступен на компьютерах посетителей. Например, если вы выберите строку "Arial, Helvetica, без засечек", и ваш посетитель не первый шрифт ("Arial") на его / ее компьютер, веб-браузер будет автоматически пытаться использовать второй шрифтом указано («Helvetica»). И если этого нет, он будет пытаться третьей. И так далее до конца списка. В случае "Arial, Helvetica, без засечек" серии, третья вещь упоминается ("без засечек") просто означает, что, если браузер не может найти любой из предыдущих шрифтов, это использовать любой шрифт без засечек шрифт можно найти. Если даже это не доступно, то веб-браузер свободно использовать любой шрифт, что хочет.
Путь веб-браузеров обрабатывать списки шрифтов имеет два последствия.
Во-первых, если вы хотите, чтобы ваш текст, который будет отображаться в, скажем, Times New Roman, шрифт в идеальных условиях, то следует выбрать линию, которая ставит "Times New Roman" в качестве первого пункта в списке. Например, вы должны выбрать линию, которая говорит: "Times New Roman, Times, Serif", а не "Грузия, Times New Roman, Times, Serif". Выбор последних будет означать, что ваш веб-страницы будут отображаться в шрифте Грузии для посетителей, которые еще и Грузия, установленных на компьютере, даже если у них также есть Times New Roman, так как веб-браузеры отдать предпочтение ранним доступного шрифта в списке.
Во-вторых, если вы используете "Редактировать список шрифтов ..." строки, чтобы добавить новые шрифты в списке, и вы используете шрифт, что только немногие люди имеют на своих компьютерах, веб-страницы будут отображаться с использованием других шрифтов для большинства посетителей. Например, если вы установили новый шрифт, скажем, thefreecountry.com 'ы бесплатные шрифты страницу и добавить его в шрифт раскрывающегося списка в Dreamweaver, есть вероятность, что ваш веб-страница появляется, только с этим конкретным шрифта при просмотре на компьютере . Все остальные в мире, вероятно, увидим ваши страницы, отображаемой в Times New Roman (шрифт по умолчанию используются многими веб-браузерами, если он не может найти любой из шрифтов указан).
В случае, если вам интересно, так как вы используете две колонки жидкости макет из Dreamweaver, шрифт серии в настоящее время используется на вашем веб-страница "Verdana, Arial, Helvetica, без засечек". И так, что вам не нужно писать, чтобы спросить меня, thesitewizard.com в настоящее время использует "Arial, Helvetica, без засечек". Оба эти наборы шрифтов пользуются популярностью у веб-мастеров отчасти потому, что они присутствуют на большинстве (если не все) Окна и компьютеров Macintosh, и отчасти потому, что они очень разборчивы на экране компьютера. То есть, они разработаны таким образом, что делает его легким для людей, чтобы читать много текста, не напрягая глаза или замедление их чтение.
Теперь, когда у вас есть достаточно фактов, если вы хотите выбрать другой шрифт, просто нажмите на соответствующую строку. Для тех, кто только расширили выпадающего списка, потому что я попросил вас, и на самом деле не хотят ничего менять, просто нажмите стрелку раскрывающегося списка снова, чтобы удалить из списка.
Изменение размера шрифта
"Размер шрифта" поле состоит из двух коробок. Вы должны ввести число в первом боксе и единицы измерения в секунду. Например, если вы хотите, чтобы текст был 20% больше, чем в настоящее время, введите «120» (без кавычек) в первое поле, а затем нажмите стрелку вниз для второго поля и выберите "%".
Хотя целый ряд различных единицах измерения доступны для Вас, чтобы выбрать, такие вещи, как веб-страницы, то лучше придерживатьсяотносительных единицах , как "%" и "EM", или, если вы действительно должны иметь фиксированную единицу, пиксель ( "ПХ"). Другие подразделения, например, "ПТ" (который вы можете быть знакомы с использованием wordprocessors ), "см", "мм" и "В", которые больше подходят для печатных средств массовой информации.
Если вы используете "%" в качестве единицы, 100% относится к текущему размеру текста. По существу, 130% означает, что текст станет на 30% больше, чем текущий размер, а 80% означает, что он будет на 20% меньше.
Изменение цвета текста
Изменение цвета текста состоящую из нажатия прямоугольную коробку рядом со словом "Цвет" или "Цвет". Это поле действительно интерактивные кнопки, хотя это не похоже. Цвет окна выбора появится, что позволяет нажать на цвет вы хотите использовать.
Если вы измените свое мнение об изменении цвета, просто нажмите клавишу ESC (на клавиатуре), чтобы выйти из окна выбора цвета. Не нажимайте кнопку где-то в другом месте в диалоговом окне в надежде, что это действие будет закрыть на это глаза. Это может привести цвет под указателем мыши (там, где оно произойдет, будет) должна быть выбрана. Если это предупреждение приходит слишком поздно для вас, и вы уже где-то нажата, вы, вероятно, заметите, что кнопка будет отражать новый цвет и некоторые, казалось бы бредом последовательность символов (например, "# FFF") будет вставлен в поле рядом с кнопкой. Чтобы избавиться от вашего случайного выбора, нажмите, чтобы поставить текстовый курсор в это поле, и удалить эти персонажи с бредом Backspace Удалить или клавишу (на клавиатуре). (Это на самом деле не бред, это текстовое представление выбранный цвет Например, "# FFF" означает "белый"..), Затем нажмите некоторые другие поля в диалоговом окне (чтобы переместить курсор от цвета поля). Вы заметите, что кнопка возвращается цвет по умолчанию она имела до вашей ошибкой.
Полужирный, курсив, подчеркивание
Если вы изменения шрифта или его цвет, а также хотят поставить ваши слова жирным шрифтом или курсивом или подчеркнуть их, то можно сделать это из этого диалогового окна. "Жирный" может быть выбран из "шрифта" поле "Курсив" от "стиля шрифта" и "подчеркнуть" флажок можно найти в "Украшение текста" список.
Сказав, что, если ваша цель только, чтобы поставить некоторые слова жирным шрифтом или курсивом, чтобы подчеркнуть их в определенном предложении, нет никакой необходимости, чтобы создать новый класс только для этой цели. Там есть лучше (и проще) способ сделать это, которое будет объяснено позже в этой главе.
Как для подчеркивания, если у вас есть веские причины для этого, большинство веб-мастеров на самом деле избежать подчеркивания текста для выделения. По соглашению, в Интернете, подчеркивая, как правило, зарезервированы для ссылки. Это отнюдь не правило, конечно. Но в течение многих лет, в которых существовали сайтов, пользователи ожидают, что любое подчеркнутый текст представляет собой активную ссылку.Поддержание настоящей Конвенции считается хорошей практикой, так как это даст вашим посетителям легче навигации вашего сайта. Если вы хотите, чтобы подчеркнуть то, используйте жирный шрифт или курсив вместо этого.
Когда вы закончите все, что нужно делать в этом диалоговом окне нажмите кнопку ОК.
Диалоговое окно исчезнет, и вы будете, вероятно, разочарованы, обнаружив, что ничего не изменилось на вашей странице. Если да, то помните, что у вас есть только создал CSS правила для нового класса. Вы на самом деле не установлен, что класс еще ничего.
, Чтобы применить изменения к части текста на странице, сначала выберите этот фрагмент текста. Выделение текста, если вы помните из предыдущей главы, просто означает, выделив его. И вы можете сделать это путем перетаскивания курсор на слова, которые вы хотите.
Переходите к следующему шагу что ничего не стоит на вашей странице, в противном случае вы можете случайно снять выделение.
Нажмите на выпадающее окно для "Класс" поле на панели свойств, и выберите класс, который только что создали ранее. Например, если вы создали класс с именем "PRODUCTNAME", нажмите на строку, которая говорит "PRODUCTNAME" в выпадающем списке.
Текст выбранный вами немедленно принять от характеристик, определенный ранее.
Если вы пытались изменить размер, и не замечают никаких видимых изменений, это может означать, что разница в размерах вы сделали слишком малы, чтобы быть изображено на экране. Например, полагая размер "101%" или "99%", где разница составляет всего 1%, вероятно, приведет к ничем появляться случиться. Кроме того, если ваш текст полностью исчезает, это может означать, что вы случайно установите цвет текста на белый ("# FFF", в поле цвета). Белый текст на белом фоне не приводит к обогащению чтения.
Вы также можете выбрать другие фрагменты текста на странице, и назначить им же класса. То есть, класс может быть назначено столько объектов на веб-странице, как вы хотите. (Обратите внимание, что "объекты" в этом контексте просто означает что-то на вашей веб-странице. Это может быть картина, слова, фразы, предложения, абзацы, весь столбец, целую страницу или любой другой.) Например, если вы перечислили много различных продуктов на веб-странице, и вы хотите каждом упоминании вашего продукта, который будет отображаться с помощью правил, которые вы создали ранее, просто повторите описанную выше процедуру для каждого экземпляра название продукта: то есть, просто выберите слово, фраза, предложение, пункта (или любой другой), нажмите кнопку "Класс" поле на панели свойств, и выберите соответствующую классу.
Если вы хотите что-то иметь различный внешний вид (например, если вы хотите еще одного шрифта на другой фрагмент текста), просто создать новый класс и указать внешний вид вы хотите в правилах для класса. Затем выбрать (выделить) текст как раньше, и присвоить ему класс, который вы создали.

Как изменить существующий класс CSS в Dreamweaver CS6

После назначения класса CSS к объекту, и, глядя на результат, вы можете решить, что вам нужно использовать другой шрифт, цвет, размер и т.д. Dreamweaver позволяет изменять правила, которые вы создали ранее.

Положите вашу текстовый курсор в фрагмент текста, в который ранее назначенных классом. Например, если ранее вы уже назначили "PRODUCTNAME" класса все экземпляры слова "Super Widget 1000" на вашей странице, и теперь хотите изменить шрифт, используемый, нажмите кнопку мыши где-то в середине одного из вхождений "Super виджетов 1000", например, после буквой "у" в "Super". Это вызовет текстовый курсор, чтобы появиться в этом месте. (Это всего лишь пример. Это действительно не должно быть после второго письма. Это может быть после первого письма, или 3-й. В самом деле, если вы чувствуете себя действительно дикий, это может быть даже после 4-го письма. Или 5-ом. И так далее. Просто убедитесь, что курсор находится в одном из слов, которые относятся к классу вы хотите изменить, в противном случае следующим шагом не будет работать.)
Теперь ищем "стилей CSS" панель с правой стороны Dreamweaver (см. рисунок). Посмотрим на раздел в этой панели, которая начинается с смелых заголовком "Правила". Это CSS правила, которые применяются к месту, где ваш текст курсором в настоящее время находится.
Если ваш "стилей CSS" панели слишком коротка, и не имеет достаточно места, чтобы показать, что угодно, расширить его, перемещая линию, разделяющую панель CSS Styles от "Business Catalyst" вниз панели. То есть, нажмите левую кнопку мыши, когда курсор наведен на разделительную линию, и продолжая удерживать кнопку нажатой, переместите мышь вниз. Указатель мыши должны переодеваться в двустороннюю стрелку, когда он находится над разделительной линией показывает вам, что вы можете изменить размер панелей. Тогда, как вы наведите курсор мыши, панель CSS будет увеличиваться в размерах за счет панелей под ним. Если эта сила ваших файлов панели под стать слишком мало, считают рушится "Business Catalyst" панели, дважды щелкнув слов "Business Catalyst".
("Business Catalyst" панели не требуется в этом учебнике, и может быть безопасно рухнула. На самом деле, для наших целей, все это делает занимают полезного пространства. Если вы обнаружили, что когда-нибудь понадобится в будущем, просто дважды щелкните на вкладке еще раз, чтобы развернуть его.)
Посмотрите на класс, который вы хотите изменить в линии только под "Правила" заголовком и двойного его. В зависимости от того, сколько пространства вы выделили на панели стилей CSS, возможно, придется нажать на стрелку вверх или вниз на полосе прокрутки на правой стороне, чтобы увидеть все. Например, если вы создали класс под названием "PRODUCTNAME", который вы хотите изменить, DoubleClick строку, которая начинается со слова ". PRODUCTNAME" (обведено мой рисунок выше). (Это не имеет значения, где вы дважды, пока он находится в строке, содержащей ваше имя класса, так как любой клик автоматически выберет всю строку. Если вы сомневаетесь, просто дважды кликнуть вашего класса само название.)
Определение правила CSS диалоговое окно для этого класса появятся. Посмотрите на названия. Стоит сказать, "CSS для определения правила. PRODUCTNAME в twoColLiqLtHdr.css", за исключением того, что имя вашего класса будет показано вместо ". PRODUCTNAME". Если заголовок указывает имя класса, который является не тот, который вы хотите изменить, это означает, что вы случайно doubleclicked неправильную линию. В таком случае, нажмите кнопку Отмена, чтобы закрыть диалоговое окно и повторите попытку.
В противном случае, просто измените все, что вы хотите в диалоговом окне. Это то же самое окно вы столкнулись ранее при создании правил, поэтому она должна содержать все правила, которые вы ранее установленные для этого класса.
Когда вы закончите внесения изменений, нажмите кнопку "ОК".
Ваша веб-страница будет сразу показывать изменения. Если Вы назначили этот класс для нескольких частей текста, все они будут отражать изменения. (В этом вся прелесть использования системы CSS класса. Вам нужно всего лишь изменить положение вещей в одном месте, и все объекты, принадлежащие к этому классу будут автоматически изменены.)

Как изменить шрифт по умолчанию для всей веб-страницы в Dreamweaver CS6

Если вы хотите изменить шрифт по умолчанию используется Dreamweaver для всего текста на веб-странице, вы не должны специально создать новый класс. Просто выполните следующие действия.

Самый простой способ сделать это нажать на кнопку "Изменить | Свойства страницы" из меню.
"Свойства страницы" появится диалоговое окно. Посмотрите на "страницу шрифтом" поле с правой стороны. Он должен показать "Verdana, Arial, Helvetica, без засечек". Нажмите стрелку раскрывающегося списка для поля и выберите нужный шрифт.
Нажмите на кнопку "ОК".

Как изменить шрифт для всей влево и вправо в Dreamweaver CS6

Чтобы изменить шрифт для всей влево и вправо, все что вам нужно сделать, это изменить существующий класс, который Dreamweaver создал для этой колонки. Другими словами, нет никакой необходимости в создании нового класса для этой цели. Для создания визуального эффекта с двумя колоннами, Dreamweaver создает ряд умолчанию классы для вашего макета, в том числе один, который охватывает все содержание в левой колонке, и один справа.

Щелкните в любом месте в столбце под вопросом. То есть, если вы хотите изменить шрифт для всего текста в левой колонке, щелкните в любом месте в левой колонке (я предлагаю где-то в абзац текста, который начинается "выше ссылкам продемонстрировать основные навигационные ...", и т.д. ). Аналогично, если вы хотите изменить шрифт для правой колонке, щелкните в любом месте в этом столбце.
Для левой колонке, DoubleClick строку, которая начинается с ". Sidebar1" в разделе Правила Панель CSS. Если вы настройки в правой колонке, DoubleClick строку, которая начинается с ". Содержания».
Она вызовет Определение правила CSS диалоговое окно для любого ". Sidebar1" (если вы изменение шрифта для левой колонке) или ". Содержания» (если вы изменяете правая колонка).
Внесите необходимые изменения и нажмите кнопку "ОК", когда вы до конца.

Как сделать разовый жирным шрифтом и курсивом текста

В некоторых случаях, вы можете обратить внимание на некоторые слова или фразы, поставив его жирным шрифтом или курсивом. Как упоминалось ранее, вы не должны создать целый класс для этой цели.

Выделите текст, который хотите подчеркнуть.
В панели Свойства (в нижней части Dreamweaver), нажмите кнопку " B "значок, если вы хотите поместить ваши слова жирным шрифтом, а" я "значок, если вы хотите их курсивом. (" B "и" Я "Значки находятся справа от полей классов. Как вы, вероятно, предположить из моих слов, эти 2 буквы на самом деле интерактивными, хотя они выглядят, как ни иконки, ни кнопок.)
Кроме того, для тех, кто знаком с клавиш, используемых в текстовых процессорах , как Microsoft Word, можно также использовать стандартные Ctrl + B и Ctrl + I (для пользователей Windows) клавиш для выполнения тех же действий. Если вы не понимаете этого пункта, не волнуйтесь, просто придерживаться нажав кнопку " B "и" Я "иконки в панели свойств.

Сохранение работы правильный путь

Сохраните настройки, нажав кнопку "Файл | Сохранить все" из меню. Заметьте, что я сказал использовать "Файл | Сохранить все", а не "Файл | Сохранить». Это важно, потому что все CSS классы и правила, которые вы создали, были вставлены в файл CSS ("twoColLiqLtHdr.css"), а не файл «index.html». Если вы используете только "File | Save", вы только сохраните измененные файл «index.html», но не (также изменены) CSS файл. Конечным результатом является то, что ни один из визуальных изменений вы делаете не будет увидеть на вашем сайте, когда вы опубликовать его.

Публикация и тестирование

Загрузить веб-страницу, как вы делали в предыдущих главах, убедившись, нажать кнопку "Да", когда Dreamweaver подсказки "Если зависимые файлы включены в передачу". Затем запустите веб-браузер и перейти на ваш сайт.

Вы должны увидеть все изменения, которые вы сделали отражение на сайте. Если только некоторые из сделанных изменений появляются, а другие нет, то это означает, что вы либо не в состоянии использовать "Файл | Сохранить все", чтобы сохранить вашу работу раньше, или вы забыли нажмите «Да» в ответ на быстрое Dreamweaver, чтобы перенести зависимые файлы.

Другая возможность, если вы действительно уверены, что сохранили CSS файл и загрузить последнюю версию, в том, что веб-браузер показывает вам старую копию вашего сайта. Веб-браузеры иногда сохранить копию посещаемых веб-сайтов на компьютере таким образом, чтобы иметь возможность быстрее реагировать на ваши команды. Хотя это на самом деле хорошо, по большей части, что делает ваш веб-браузер опыт более приятным, иногда это может работать против вас, когда вы в конечном итоге видим старые копии частей вашего сайта. Чтобы заставить веб-браузер, чтобы действительно показать вам новую страницу, нажмите кнопку "Обновить" в браузере. (Кнопку "Обновить" является одним с круговой стрелке во многих браузерах.)

Обратите внимание, что это не всегда вина веб-браузера, когда вы видите старые версии веб-страницы. Иногда может быть вине ваших услуг широкополосного доступа (так называемые Интернет-провайдер или ISP). Некоторые провайдеры кэше копии посещенных вами страниц используя что-то известно как "прокси". Если они не настроены правильно их доверенных лиц, в конечном итоге можно видеть новые копии "index.html" рядом со старыми копии ваших CSS или файлы изображений. Единственным решением доступны для вас на вашей стороне (если не считать жаловаться поставщика услуг) является использование "перезагрузка" на вашем веб-браузере, и надеемся, что прокси-сервер принимает намек когда ваш браузер запрашивает страницу.

Следующая глава

В следующей главе вы узнаете, как вы можете изменить цвет фона веб-страницы. Это включает в себя изменение его цвета, а также добавления изображений образуют фон.

Как использовать JavaScript для изменения каскадную таблицу стилей (CSS) Динамически JavaScript Стиль Switcher для CSS

Nurlan — Sat, 29 Jun 2013 06:45:00 GMT

Как использовать JavaScript для изменения каскадную таблицу стилей (CSS) Динамически

JavaScript Стиль Switcher для CSS

Это может быть полезно иногда, чтобы предложить своим посетителям возможность изменить внешний вид вашего сайта. Может быть, вы хотите, чтобы обеспечить поддержку темы для вашего сайта. Или вы можете просто хотите, чтобы обеспечить больший размер шрифта версия вашего сайта для пользователей старшего возраста, которые не могут быть в состоянии прочитать малогабаритных текст, который вы использовать по умолчанию. В этой статье описывается, как можно использовать JavaScript для динамического изменения каскадные таблицы стилей, или CSS, вашего сайта.

Предпосылки

Одно из предположений я сделаю в этом уроке , что вы знаете, как писать HTML и CSS . Вы не должны быть очень опытными в любом из них, но вы должны иметь хотя бы базовые знания. Некоторые знания JavaScript и необходимо.

Если вы еще не сделали этого, вы можете прочитать в следующих статьях, а также. Это руководство было написано как часть серии статей о том, чтобы обеспечить альтернативные таблицы стилей для вашего сайта и изменить их.

Как Позвольте вашим посетителям переключения между альтернативных стилей CSS / темы . Она имеет дело с аспектом CSS переключения таблиц стилей.
Как использовать Cookies в JavaScript . Хотя строго говоря, не часть стиля CSS коммутатор серии, код маркеры управления, предусмотренным этой статьей используется для сохранения выбора темы, что ваши посетители делают на вашем сайте. Без установки печенья, их CSS настройки не сохраняются, когда они идут на другие страницы на своем сайте.

Шаги к Добавление стилей Switcher в JavaScript

Давайте предположим, что мы имеем следующую таблицу стилей, определенных в нашем ГОЛОВА разделе. Это тот же самый код описано и объяснено впервой партии этого учебника.

<Ссылка отн = "стилей" Тип = "текст / CSS" название = "синий"
 HREF = "http://example.com/css/blue.css">
<Ссылка отн = "альтернативный стиль" Тип = "текст / CSS" название = "розовый"
 HREF = "http://example.com/css/pink.css">

HTML код, чтобы обеспечить способ для пользователей, чтобы выбрать самый стилей
Вам нужно будет предоставить некоторые пути для ваших посетителей, чтобы выбрать тему или CSS они хотят. Есть много способов сделать это, в том числе использование радио-кнопки, выпадающие поля выбора, обычные кнопки отправки, текстовые ссылки, и так далее. Для удобствапричинам, вы должны не использовать вещи, как флажки, которая предлагает пользователям, что они могут одновременно выбрать несколько тем, и заставить их работать вместе.
Вот пример HTML кода с помощью обычных кнопок нажать кнопку.
, Когда посетитель нажимает на любую из кнопок, JavaScript OnClick обработчик, switch_style () , будет работать. Функции будут переданы либо «голубой» или «розовый», как его параметры, в зависимости от того, какая кнопка нажата. Слова «голубой» и «розовый» соответствуют названию атрибуты ссылка элементов ссылкой на таблицы стилей.
JavaScript функцию для изменения таблиц стилей
Фактический код JavaScript, необходимых для осуществления переключения стилей CSS можно найти ниже. Если вам трудно вырезать / копировать код, он, вероятно, означает, что вы используете IE 6. Пожалуйста, см. мой Copy / Paste Проблемы FAQ для обхода.
```
/ / *** БУДЕТ НА ЗАКАЗ ***

Var style_cookie_name = "стиль";
Var style_cookie_duration = 30;

/ / *** КОНЕЦ *** Раздел Настраиваемые

Функция switch_style (css_title)
{
/ / Вы можете использовать этот скрипт на вашем сайте бесплатно при условии
/ / Вы не удалите это уведомление или URL ниже. Сценарий от
/ / Http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
 Var I, link_tag;
 для (я = 0, link_tag = document.getElementsByTagName ("ссылка");
 Я 
```
Обратите внимание, что этот сценарий включает set_cookie () и get_cookie () функции из Как использовать Cookies в JavaScript статье. Для Вашего удобства, я уже включены эти функции в блок кода выше, так что вам не нужно копировать и вставлять из этой статьи. Тем не менее, вы все равно хотите читать эту статью , чтобы понять, настройки по умолчанию и предположения я делаю в моей печенья кода.
Switch_style () функции по существу проходит по всем вашу ссылку теги ищет стилей с таким же названием, как текст, указанный в аргументе (параметр). Если они совпадают, он устанавливает особое свойство, называемое отключена , к ложным, так как позволило стилей. В то же время, все другие соответствующие таблицы стилей отключены. Функция игнорирует все стойкие таблицы стилей , а также любого не-стиль-листа ссылкатегов, таких как те, которые используются для вашего значок сайта .
Когда он заканчивает, он устанавливает куки с необходимой информацией о настройке таблиц стилей. По умолчанию, имя куки является "стиль" и сохраняется в течение 30 дней. Вы можете изменить это, изменяя значения style_cookie_name и style_cookie_duration переменные в начале сценария.
Для того, чтобы посетители настроек стилей остаются, когда они посещают другие страницы вашего сайта, а также, когда они перезагрузите страницу, вы также должны добавить OnLoad атрибут к веб-страницам ' тела тега. Например, можно изменить к следующему:
Это вызывает браузер для запуска set_style_from_cookie () функцию, когда страница загружена. Функция проверяет только для стиля установления печенье, и если он присутствует, переключает стилей соответственно. В противном случае, он ничего не делает.

`Демонстрация`

Вы можете проверить, как скрипт работает, используя тестовую копию загружается с этой страницы. Для переключения между текущей таблицы стилей используются на thesitewizard.com и старую версию, просто выберите соответствующую кнопку ниже.

Обратите внимание, что код, используемый для этой демонстрации устанавливает печенье называется "demo_theme" в вашем браузере, который действует в течение 1 дня. Куки будут использоваться или слово «голубой» или «серые», в зависимости от нажатой кнопки. На данную установку не влияет только на этой странице, и никакие другие страницы на этом сайте, так как ни один из других страницах не включают стиль коммутатор JavaScript кода.



HTML и CSS проверки: вы должны проверить свою веб-страницу? Использование валидатор для проверки кода и ссылок на вашем сайте
Nurlan — Sat, 29 Jun 2013 06:02:12 GMT
HTML и CSS проверки: вы должны проверить свою веб-страницу?
Использование валидатор для проверки кода и ссылок на вашем сайте
Если вы не торчать вебмастеру круги, вы не можете понять, что проверка HTML и CSS проверки являются спорные вопросы с некоторыми людьми. В данной статье рассматриваются некоторые из позиций, занятых в этих дискуссиях предоставить некоторые взгляды на вопросы, которые все чаще приезжают на первый план в веб-разработке. Будем надеяться, что эта статья будет также предоставлять практический метод, что перегружены работой веб-мастера могут использовать для улучшения своих веб-сайте.
Примечание: если вы не уверены, что HTML и CSS имею в виду, пожалуйста, прочитайте Каковы HTML, CSS, JavaScript, PHP и Perl? Мне нужно, чтобы научить их создать сайт? прежде чем продолжить. В противном случае вы будете полностью потерял здесь, так как я полагаю, вы по крайней мере, знать, что означают эти термины.
Некоторые Справочная информация: Что Пользователи HTML или CSS означает?
Для тех, кто не знаком с тем, что проверка веб-страницы (т.е. проверку Вашего HTML или CSS код) означает, это в основном относится к использованию какой-либо программы или веб-службы для проверки работоспособности веб-страницу, созданную не содержит ошибок.
В частности, HTML валидатор проверяет код HTML на веб-странице соответствует стандартам, установленным консорциумом W3C (организация, которая выдает HTML стандартов). Существуют различные типы валидаторов - некоторые только проверка на наличие ошибок, другие также вносить предложения о коде, говорю вам, когда определенный способ написания вещей может привести к (скажем) к неожиданным результатам.
Консорциум W3C имеет свой собственный интернет-валидатор, который вы можете использовать бесплатно. Это может быть найдена по адресу:http://validator.w3.org/
CSS валидатор проверяет Каскадных таблиц стилей в том же порядке, в основном, большинство будет проверить их, чтобы убедиться, что они соответствуют стандартам CSS установленные консорциумом W3C. Есть несколько, которые также скажет вам, какой CSS функции поддерживаются, какие браузеры (так как не все браузеры равны в своей реализации CSS).
Опять же, вы можете получить бесплатную проверки для таблицы стилей от консорциума W3C: http://jigsaw.w3.org/css-validator/
Есть множество других валидаторов вокруг, как бесплатные, так и коммерческие, посвященные различным аспектам обеспечения, что ваш код будет работать бесперебойную различных браузеров и платформ. Вы можете найти список бесплатных единиц (в том числе специализированные валидаторы наподобие тех, что проверять свой код на доступность) от бесплатных валидаторы HTML, CSS валидаторов, доступность валидаторов в http://www.thefreecountry.com/webmaster/htmlvalidators.shtml
Обратите внимание, что проверка вашей веб-странице не гарантирует, что она появится, как вы хотите в различных браузерах. Он лишь гарантирует, что ваш код без ошибок HTML или CSS синтаксиса. Обеспечение того, чтобы код корректно отображается в различных браузерах требуют крест тестирования браузера. Вы можете узнать больше информации о том, как сделать это, даже если у вас есть только один компьютер из статьи Как проверить Ваш сайт с нескольких браузеров на одном компьютере в http://www.thesitewizard.com/webdesign/multiplebrowsers.shtml
Почему Подтвердить HTML код?
Сторонники HTML проверки (проверки CSS и, конечно) сказал, что есть целый ряд причин, почему вы должны подтвердить свой код:
Это помогает кросс-браузерный, кросс-платформенный и будущей совместимости
Хотя вы можете быть в состоянии создать веб-страницу, которая появляется для работы на ваш любимый браузер (что бы это ни было), ваша страница может содержать ошибки HTML (CSS или ошибки), которые не показывают, что с браузером из-за существующий костыль или ошибка.Еще один человек с помощью другого браузера, которая не разделяет этой конкретной ошибке в конечном итоге просмотре страницы, который не показывает правильно. Возможно также, что более поздние версии браузера будет исправить эту ошибку, и ваша страница будет нарушено, когда люди используют последнее воплощение браузера.
Кодирование вашей страницы так, чтобы это правильно без ошибок приведет страниц, которые, скорее всего, работать во всех браузерах и платформах (например, различные системы). Это также форма страхования от будущих версий браузеров, так как все браузеры стремятся к соблюдению существующих HTML и CSS стандартами.
Видимость Поисковая
Если есть ошибки в веб-страницы, браузеры обычно пытаются компенсировать по-разному. Следовательно, некоторые браузеры могут игнорировать сломанных элементов, а другие делают предположения о том, что веб-дизайнер пытался достичь. Проблема в том, что, когда поисковые системы получить вашу страницу и попытаться разобрать их по ключевым словам, они также должны принимать определенные решения, что делать с ошибками. Как браузеры, различные поисковые системы, вероятно, принимать различные решения о тех ошибках в страницу, в результате чего некоторые части веб-страницы (или, возможно, даже всю страницу, если ваша ошибка в начале страницы) не индексируется.
Самый безопасный способ, он проводится, это убедиться, что ваш веб-страницы проверяет ошибок. Таким образом, нет никаких споров о том, какие части вашей страницы необходимо проверять на наличие ключевых слов и тому подобное.
Профессионализм
Даже если вы тестирование веб-сайт со всеми различных браузерах существуют на всех платформах используется (Mac, Linux, Windows, FreeBSD и т.д.) и обнаружили, что она прекрасно работает во всех, ошибки на своем сайте отражать плохо от ваших навыков, как веб-разработчик.
Вопрос в том, в два раза: во-первых, ошибками в коде веб-страницы показывает, что либо веб-дизайнер не знает его материал или небрежный работника, во-вторых, влияет на его конкурентоспособность.
Почему не проверяют?
Те, кто против безоговорочного правила о проверке часто приводят следующие причины:
Проверка не никакой гарантии, что работает страница
Даже если вы подтвердите ваш код, вам все равно придется испытать его в различных браузерах. Имея код, без синтаксических ошибок не означает, что HTML или CSS код делает то, что вы хотите. Следовательно, некоторые сторонники этой точки зрения утверждают, что главной целью при разработке веб-страницы, чтобы убедиться, что он доступен для просмотра и полезным для всех посетителей сайта, а не какой-то эзотерической целью соответствия стандартам.
Временное ограничение для преобразования
В идеальном мире, вы хотите, чтобы все ваши страницы, чтобы быть полезной и без ошибок. В реальном мире, однако, многие веб-дизайнеры с тысячами существующих страниц будет сильному нажиму, чтобы найти время, чтобы преобразовать все эти страницы так, чтобы они валидно. Так как эти страницы уже все хорошо в Интернете, как с существующими браузерах и поисковых системах, лучше потратить это время делать работу, которая на самом деле продуктивно.
Средний посетитель не проверяет исходный код
Против аргумента о профессионализме контраргумент, что средний посетитель сайта, вероятно, не ходить ваш сайт Просмотр исходного кода на ваших страницах в усилия, чтобы найти HTML или CSS ошибок. Для посетителей, как страница выглядит в его / ее браузер подлинным испытанием мастерства веб-дизайнера.
Одним из возможных решений
Как и некоторые веб-дизайнеры, я начал проектировать веб-сайты, прежде, чем я понял, что есть инструменты, которые могли бы проверить свои страницы на правильность. К тому времени я начал проверку и исправление моих страниц, у меня уже были сотни существующих страниц, что мне нужно исправить, в том числе на страницах thesitewizard.com и thefreecountry.com.
Мои проблемы были в основном кросс-браузерные и кросс-платформенной совместимости, а также индексации поисковой системой. Я не хотел об ошибке на моих страницах, что я мог не видеть с моим обозревателем, то подкрадывается в других браузерах, систем или в поисковых системах.Однако, проблема в том, что преобразования сотни страниц не совсем моя идея работы приятного дня.
Я решил принять подход, который я видел на сайте. Если я правильно помню, я думаю, это был собственный сайт Консорциума W3 о том, что говорил об этом методе. В то время у них было уведомление о том, что они знали, что не все свои страницы в соответствие со стандартами. Тем не менее, все новые страницы, которые они создали, валидно, как и любые старые страницы, что они обновляются.
Я понимаю, что это не "идеальный", что некоторые веб-мастера спорить, но это практическое решение для веб-дизайнера со многими существующими страницами. Если вы находитесь в одной лодке, со слишком большим количеством существующих страниц созерцать реконструкции все, вы можете рассмотреть вопрос о принятии этого маршрута. Он может не Salve вашей гордости (то есть, гордость мастера на производство безупречной работы), но по крайней мере это поможет вам справиться с рабочей нагрузкой.
Как часто я должен проверяет?
Некоторые люди проверки каждый раз, когда они делают модификации на их страницы на том основании, что ошибки по невнимательности может произойти в любое время. Другие проверки только тогда, когда они делают значительные изменения дизайна.
Я всегда проверить шаблон для моих страницах, когда я делаю серьезное изменение дизайна. Я пытаюсь проверить свои страницы каждый раз, когда я вносить изменения, хотя я должен признать, что я иногда забываю это сделать (со случайным ужасное последствие; закон Мерфи не щадит веб-мастеров).
Я считаю, что проведения форума валидатор поможет убедиться в том, что я помню, чтобы проверить: того, чтобы выходить в интернет только проверить свои страницы как правило, делают меня отложить проверку до позже, в результате чего она будет иногда забывают. Для тех, кто не знаком с терминологией, я использую, когда я говорю "форума валидатор" Я просто означать, валидатор, которые можно загрузить и установить в своем компьютере, так что я могу запустить его на свои страницы без необходимости идти на сайт Консорциум W3C в . Вы можете найти на форуме валидаторы свободной странице валидаторов я упоминал ранее, то есть http://www.thefreecountry.com/webmaster/htmlvalidators.shtml
HTML Tidy валидатор (перечисленные на этой странице) доступен для различных платформ (включая Linux, Mac, Windows и т.д.) и доказали полезно многих веб-мастеров во всем мире.
Заключение
Проверка Вашего HTML и CSS кода на соответствие стандартам имеет определенные преимущества: он защищает ваш страниц из проблем, связанных с синтаксическими ошибками в коде из-за различных способов интерпретации ошибок в поисковых системах и другие браузеры. Однако, если у вас есть большое количество существующих страниц, которые еще не были проверены и исправлены, но тем не менее хорошо работать в поисковых системах и другие браузеры, возможно, потребуется рассмотреть какой-то стратегии (например, тот, который я использовал), чтобы предотвратить вебмастер перегрузки.


Что такое HTML? Каковы CSS, JavaScript, PHP и Perl? Нужен ли мне, чтобы узнать их, чтобы создать сайт?
Nurlan — Sat, 29 Jun 2013 05:56:56 GMT
Что такое HTML? Каковы CSS, JavaScript, PHP и Perl?
Нужен ли мне, чтобы узнать их, чтобы создать сайт?Меня иногда спрашивают, посетителями думаете, начиная свой собственный веб-сайт, что такие термины, как "HTML", "CSS", "JavaScript", "PHP" и "Perl" имею в виду. Или, по случаю, на их вопросы по некоторым другим темам показать, что они не поняли смысл этих слов. В данной статье описываются термины и обсуждает то, что на самом деле знания, необходимые для создания веб-сайта.
Что такое HTML?
Когда вы пишете нормальный документ с помощью текстового процессора, как Microsoft Word / офиса, ваш текст будет сохранен в файле в специальном формате. Это не просто сохранены как строки слов, введенный с документом необходимо сохранить такие вещи, как шрифт, который выбрал, размер текста, который слова выделены жирным шрифтом, который курсивом, и так далее. Специальный формат включает в себя не только ваши слова, но все эти дополнительные информации, так что следующее слово время открывает документ, он может отображать документ с точный вид, созданный ранее.
Таким же образом, веб-страниц просто цепочки слов положить в специальный формат, что веб-браузеры способны отображать. В то время как формат документов Word называют просто «формате Word» (или «Doc формат»), грубо говоря, можно сказать, что веб-страницы, отформатированные с использованием "HTML". Возьмите абзац текста в окне, расположенном ниже, например:
Это пример пунктом чтобы проиллюстрировать, что HTML является, с целью объяснения общих терминов, как HTML, JavaScript и PHP .
Если вы должны были заглянуть в сырой код для вышеуказанной словами, вы увидите следующее:
Это пример пунктом чтобы проиллюстрировать, что HTML является, с целью  объясняя общие термины, как HTML, JavaScript и PHP  .
Обратите внимание, что это более или менее похожи на текст данного ранее, за исключением того, что есть дополнительная информация, встроенные.Например, часть, которая говорит  (который я поместил в другой шрифт выше, чтобы сделать его легче обнаружить ) сообщает веб-браузера, что далее, до тех пор  достигнута, не следует рассматривать как ссылку, указывающую на http://www.thesitewizard.com/html-tutorial/what-is-html.shtml веб-адреса
Когда веб-браузер видит эту информацию, она делает слова ", пояснив, общие термины, как ... [и т.д.]" появляются как синий подчеркнутый текст, который представляет собой активную ссылку. Остальная часть текста просто отображается как есть.
Нужен ли мне, чтобы узнать HTML начать свой собственный веб-сайт?
Так же, как вы не должны знать мельчайших "Doc формате" для того, чтобы создать документ в Microsoft Word, HTML обучение является обязательным для создания веб-сайтов.
Вы можете просто использовать веб-редактор для создания веб-сайта, так же вы используете слово, чтобы создать обычный документ. Веб-редактор позволяет вводить текст обычным образом, подчеркнут ваш текст, сделать его смелым, добавлять фотографии, и так далее, с помощью простого в использовании интерфейса. Учебники для наиболее часто используемых веб-редакторов можно найти на thesitewizard.com на следующих страницах:
Как создать сайт с Dreamweaver CS 5.5 - для коммерческой редактором Adobe Dreamweaver
Как создать сайт с Dreamweaver CS5 - для предыдущей версии Adobe Dreamweaver редактор
Как создать сайт с Dreamweaver CS4 - для старой версии Dreamweaver
Как создать сайт с Dreamweaver CS3 - для еще более старую версию Dreamweaver
Как создать и опубликовать свой сайт с KompoZer - за бесплатный редактор KompoZer
Как создать и опубликовать свой сайт с Nvu - для свободного редактора Nvu
Вы также должны прочитать , как сделать / создать свой собственный сайт: AZ Руководство для начинающих , потому что есть другие вещи, участвующих в создании собственного сайта Помимо проектирования веб-страниц.
Для тех, кто интересуется, "HTML" расшифровывается как "язык гипертекстовой разметки". В основном, это всего лишь средство для форматирования документа. Там нет ничего эзотерического или фантазии об этом, так же как нет ничего особенного Слово формата или любой другой формат документа.
Что такое CSS?
Каскадные таблицы стилей, или CSS, позволяют указать вещи, как нужный шрифт на странице, размер шрифта, будь то страница должна иметь 2 колонки, будь то ваш текст должен быть жирным или курсивом и т.д. . Другими словами, это та часть, которая позволяет контролировать внешний вид веб-страницы.
Вы можете использовать для Microsoft Word, "Doc" формат, в котором все, от введенного текста к появлению документа определена в одном файле, прозрачный для вас. В Интернете, необработанную информацию указан в HTML и большинство внешний вид определяется CSS.
Если вы используете веб-редактор, как те, которые я упоминал выше , вам не придется возиться с каких частях идет в HTML части и какие части переходит в часть CSS. Все будет заботиться редактора.
Для тех, кто хотел бы знать, кровавые подробности, вы можете прочитать мои Введение в каскадные таблицы стилей (CSS) . Однако, если вы используете веб-редактор, вам не нужна эта информация, так как редактор делает все для вас, так что не волнуйтесь, если что статья слишком техническим. (Она была написана не для абсолютного новичка.)
Каковы JavaScript, PHP и Perl?
Поскольку HTML / CSS комбинации аналогична данные, найденные в документ Word, это хорошо только для отображения информации.
Если вы хотите, чтобы ваш веб-страниц, чтобы делать разные вещи в зависимости от ситуации, вы будете нуждаться в языке программирования.Например, некоторые сайты хотят предоставить членство учреждение, где люди могут войти в сайт , и доступ к определенной информации. Другие сайты предоставляют форму обратной связи , чтобы посетители могли с ними связаться. Все это требует средств, что простой формат документа не может сделать.
JavaScript , PHP и Perl являются три наиболее часто используемых языков программирования в Интернете. Они используются сайты, чтобы проводить более сложные операции.
Программы, написанные на JavaScript работать в веб-браузер сам, так что если ваш сайт имеет программу JavaScript, программа автоматически закачиваются в браузере посетителя и выполнены на его / ее компьютера. PHP и Perl программ, с другой стороны, работать на компьютере, где ваш сайт находится, то есть, на вашем веб-хостинга компьютера. После того, как PHP или Perl программа делает то, что он должен делать, он посылает результат на веб-браузером посетителя, который просто отображает результаты.
Помимо перечисленных выше разница, с точки зрения не программист, нет особого смысла спрашивать, что разница между языками, скажем, междуPHP и Perl . Было бы, что спросить, в чем разница между английским и немецким, или какой-либо другой человеческий язык. Они просто разные языки, которые вы можете использовать для написания веб-программы. Каждый компьютерный язык имеет свои сильные и слабые стороны.
Изучение языка программирования сильно отличается от создания веб-сайта ли с веб-редактора, либо непосредственно в HTML. Хотя у меня есть учебники для вещей, как научиться писать программы на PHP (и других языков), многие люди найдут программирование трудным делом, если они уже не имеют опыт программирования или склонность к программированию.
По большей части, это не нужно учить JavaScript, PHP или Perl для создания вашего сайта. В самом деле, даже если вы хотите, чтобы ваш сайт, чтобы сделать сложные вещи, часто можно найти заранее написанные программы, чтобы сделать работу для вас без того, чтобы плескаться в программировании. Например, если вам нужна форма обратной связи на вашем сайте, просто использовать thesitewizard.com 'ы Feedback Form Wizardдля создания одного себя. Это создаст собственный сценарий для вас - все, что вам нужно, это подключить и играть. (Примечание:. Если вы используете один из моих веб-редактор серии учебников выше, это преподается в одной из последующих глав)
Другие заранее написанные программы можно найти в соответствующих разделах на thefreecountry.com. Есть слишком много страниц на этом сайте, чтобы перечислить здесь, так что вы должны просто пойти в одну из следующих страниц индекса и искать программу вам нужно. (Примечание: слово "сценарий" в контексте ниже просто означает "программу".)
Бесплатный PHP сценариев (thefreecountry.com)
Бесплатный Perl скрипты (thefreecountry.com)
Бесплатный JavaScripts (thefreecountry.com)
Больше бесплатных JavaScripts (thesitewizard.com)
В общем, когда вы ищете сценарий, вы действительно не придется возиться с языком, то есть является ли PHP, Perl или JavaScript. Просто найдите тип сценария, вы хотите. Если вы используете коммерческий веб-хостинга , как PHP и Perl, как правило, поддерживаются, поэтому точное язык не имеет большого значения (хотя PHP скрипты как правило, легче для новичков, для установки). Что касается сценариев JavaScript, не волнуйтесь. Так как JavaScript программы работают на ваших посетителей компьютеров (в браузере), поддержка со стороны веб-хостинга не требуется (если вы не используете один из тех бесплатном хостинге, что JavaScripts удалить со своих страниц).
Это не так сложно, как вы себе представляете
Создание веб-сайт не так сложно, как представляют себе некоторые люди. Да, вам придется научиться пользоваться новым программным обеспечением (например, веб-редактор), но некоторые люди попали ментальный блок, потому что они сталкиваются с неясными жаргоне как "HTML", "CSS", "JavaScript" (и т.д.), которые являются используется повсеместно. Но, как вы видите, эти термины не являются действительно гигантские препятствия они кажутся на первый взгляд. А при использовании хороших веб-редактора и учебник, вы практически изолирована от технических препятствий и проблем, предложенной этими терминами.
Когда вы будете готовы, чтобы начать, пожалуйста, прочитайте Как начать / сделать сайт: AZ Руководство для начинающих . Не волнуйся. Как эта статья, руководство предназначено для обычного человека, так что вам не нужно быть супер-выродка понять или следовать за ним.



Введение в каскадные таблицы стилей (CSS)
Nurlan — Sat, 29 Jun 2013 05:54:35 GMT
Введение в каскадные таблицы стилей (CSS)
Кристофер Хэн, 
 
Без сомнения, вы слышали о каскадных таблиц стилей, и как все это бред о том, как они велики. Если вы уже знаете, как его использовать или используют его, вы, вероятно, также интересно, что суета это все о, и должны ли вы изменить свою веб-страницу, чтобы использовать его.
Эта статья служит введением в каскадные таблицы стилей, часто сокращенно "CSS". Он предназначен, чтобы дать вам представление о том, что это такое, что это хорошо для, и подводные камни его использования. В других статьях, я буду иметь дело с мельчайшими написания веб-страниц с помощью таблиц стилей.
Что каскадных таблиц стилей (CSS)?
Как и веб-страницы, каскадных таблиц стилей состоит из ASCII текстовых инструкций говорит браузеру, как он может отформатировать документ, который загружается. CSS инструкций может быть размещен в самой веб-страницы, или он может быть помещен в отдельный документ, который связан с веб-страницы.
Самый простой способ объяснить каскадную таблицу стилей, чтобы дать пример одного.
Рассмотрим следующий код, например, вставить в головной части веб-страницы.

Like-net

Как менять шрифты, цвета и размера текста с Dreamweaver CS6

Цель этой главы

Введение в каскадные таблицы стилей (CSS)

Изменение шрифтов, размер текста и цвет в Dreamweaver CS6

Вещи вы должны знать прежде Изменение шрифта

Изменение размера шрифта

Изменение цвета текста

Полужирный, курсив, подчеркивание

Как изменить существующий класс CSS в Dreamweaver CS6

Как изменить шрифт по умолчанию для всей веб-страницы в Dreamweaver CS6

Как изменить шрифт для всей влево и вправо в Dreamweaver CS6

Как сделать разовый жирным шрифтом и курсивом текста

Сохранение работы правильный путь

Публикация и тестирование

Следующая глава

Как использовать JavaScript для изменения каскадную таблицу стилей (CSS) Динамически JavaScript Стиль Switcher для CSS

Как использовать JavaScript для изменения каскадную таблицу стилей (CSS) Динамически

JavaScript Стиль Switcher для CSS

Предпосылки

Шаги к Добавление стилей Switcher в JavaScript

HTML код, чтобы обеспечить способ для пользователей, чтобы выбрать самый стилей

JavaScript функцию для изменения таблиц стилей

Демонстрация

Совместимость с браузерами

Заключение

HTML и CSS проверки: вы должны проверить свою веб-страницу? Использование валидатор для проверки кода и ссылок на вашем сайте

HTML и CSS проверки: вы должны проверить свою веб-страницу?

Использование валидатор для проверки кода и ссылок на вашем сайте

Некоторые Справочная информация: Что Пользователи HTML или CSS означает?

Почему Подтвердить HTML код?

Это помогает кросс-браузерный, кросс-платформенный и будущей совместимости

Видимость Поисковая

Профессионализм

Почему не проверяют?

Проверка не никакой гарантии, что работает страница

Временное ограничение для преобразования

Средний посетитель не проверяет исходный код

Одним из возможных решений

Как часто я должен проверяет?

Заключение

Что такое HTML? Каковы CSS, JavaScript, PHP и Perl? Нужен ли мне, чтобы узнать их, чтобы создать сайт?

Что такое HTML? Каковы CSS, JavaScript, PHP и Perl?

Что такое HTML?

Нужен ли мне, чтобы узнать HTML начать свой собственный веб-сайт?

Что такое CSS?

Каковы JavaScript, PHP и Perl?

Это не так сложно, как вы себе представляете

Введение в каскадные таблицы стилей (CSS)

Введение в каскадные таблицы стилей (CSS)

Что каскадных таблиц стилей (CSS)?

`Демонстрация`

`Нужен ли мне, чтобы узнать HTML начать свой собственный веб-сайт?`

`Что такое CSS?`

`Каковы JavaScript, PHP и Perl?`

`Это не так сложно, как вы себе представляете`