RIDDICK 7 Опубликовано: 30 июня 2010 1. В меню Dreamweaver Sites -> Manage Site. В окне Site dialog, нажмите New а потом Site. 2. Мы назовем наш сайт coollines а файлы сайта будут расположены на жестком диске c:\coollines. Итак в New Site окне, переключитесь на вкладку Advanced и в категории Local Info впишите название сайта и его расположение... Остальные настройки можно не трогать и оставить как есть. 3. Создайте новый XHTML документ следуя инструкциям... Если панель Files собрана - кликните по ней что бы развернуть. 4. Нажмите кнопку Create в диалоге выше, и вы получите Untitled HTML страницу, как показано. Теперь File -> Save As что бы сохранить этот документ как coollines.htm. Заметьте я сделал расширение файла htm вместо того как Dreamweaver 8 называет документы с расширением html по умолчанию. Оба они работоспособны. 5. На этом этапе вы должны видеть новый файл отображаемый в панели Files, как показано ниже. Теперь нам нужно создать CSS файл в новой css подвкладке нашего сайта. Итак что бы создать новую вкладку в нашем сайте, жмите правой кнопкой на сайт в панели Files и выберите New Folder как показано ниже. 6. Создайте новый CSS файл через File -> New и выберите CSS как показано... Жмите Create. 7. Теперь у вас есть untitled CSS документ как показано. Выполните File -> Save As и назовите его coollines.css в css подвкладке нашего сайта следуя указаниям ниже. 8. Теперь у вас есть как htm так и css на сайте, как показано ниже. Теперь нужно привязать css файл к htm файлу. Выберите coollines.htm нажатием на его вкладке. 9. С выделенным файлом coollines.htm, разверните панель CSS и нажмите на Attach Style Sheet иконку как показано ниже. 10. Появится диалог Attach External Style Sheet. Выделите файл coollines.css как показано ниже. 11. С выбранным Link, жмите OK в окне Attach External Style Sheet. 12. Если вы посмотрите на код htm файла, вы увидите как он связан с css файлом... 13. Теперь мы можем вписать css правила в файле coollines.css который применится на coollines.htm. Давайте переключимся на coollines.css и впишем CSS правило. Это правило указывает на то что элемент body не должен иметь отступов и пробелов. В связи с тем что разные браузеры по разному читают верстку я всегда использую это правило что бы HTML документ выглядел одинаково во всех браузерах. Сохраните файл CSS. 14. Переключитесь на файл HTM и выберите design view. Возьмите любой текст и скопируйте его в design view нашего HTM файла. Сохраните файл HTM. 15. Посмотрите ваш сайт в Internet Explorer и Firefox. 16. Теперь у вас есть страница coollines.htm которая использует таблицы стилей .css. Источник: http://www.learnwebdesignonline.com/ Перевод: RIDDICK Поделиться сообщением Ссылка на сообщение Поделиться на других сайтах
