Читайте также:
|
Ниже приведена полезная информация о редактировании тегов в редакторе HomeSite, которая дополняет ранее полученную вами информацию. Попробуйте самостоятельно реализовать описанный ниже материал.
1. Откройте программу HomeSite. Из ранее прочитанных материалов вы знаете, что при открытии HomeSite имеет обычно 2 окна: левое окно – это окно ресурсов, и правое окно – окно документа, которое иногда называют окном редактирования. В окне документа и будет находиться сайт, который вы создаете или открыли для редактирования. Одновременно можно открыть сразу несколько сайтов. По умолчанию в окне документа будет открыта вкладка Edit. При этом здесь будет открыт шаблон (текст исходной структуры) пустой веб-страницы. Проверьте!
2. НАПОМИНАНИЕ: Ранее вы должны были научиться вставлять атрибуты тегов из автоматически открывающегося списка подсказок. Для этого нужно было поместить курсор внутрь открывающего тега перед правой скобкой и нажать клавишу пробела. Сразу после этого возникает список подсказок. Нужный атрибут вставляется путем двойного клика по нему. При этом может появиться следующий список подсказок, если требуется следующая вставка. Вы это не забыли и опробовали? Если почему-либо вы этого еще не сделали, то вставьте после тэга <body> тэг абзаца <P> (на вкладке Common щелкните на кнопке Paragraph) и проделайте описанные операции с этим тэгом самостоятельно.
3. Сайты можно открывать либо стандартным путем (через меню File->Open), либо с помощью окна ресурсов. Опробуйте второй способ. В окне ресурсов найдите свою папку с сайтами и щелкните по ней. В нижней части окна появится список ваших файлов. Дважды щелкните по файлу одной из ваших Web-страниц. Эта Web-страница откроется в окне документа. Щелкните по вкладке Browse, чтобы посмотреть как выглядит ваш сайт в браузере. Закройте Web-страниц либо через File->Close, либо щелкнув по веб-странице правой кнопкой мыши и выбрав Close в контекстном меню.
4. Закройте и снова откройте HomeSite. В окне документа будет открыта вкладка Edit. Сохраните создаваемый сайт в вашей папке под именем Проба1, но не закрывайте его. Если сайт не будет сохранен, то в него будут вставляться не относительные ссылки, а абсолютные, что создает неудобства в дальнейшей работе (особенно при переносе сайта в другое место).
5. Попробуем вставить фоновый рисунок (либо задать цвет фона) на создаваемую веб-страницу. Поместите курсор внутрь открывающего тега <body> после слова body, но перед правой скобкой. Щелкните правой кнопкой мыши и в контекстном окне выберите опцию Edit Current Tag (Редактировать текущий тэг). Возникнет следующее окно.
У вас должна быть открыта вкладка BODY Tag. На этой вкладке две верхних строки определяют свойства фона. В строку Background Image нужно вставить фоновое изображение BACKGRND.GIF из вашей папки. Выполните эту операцию с помощью кнопки справа.
6. Задайте цвет текста (Text Color), а также, если сочтете это для вас необходимым, цвета гиперссылок (три нижних строки). Щелкните кнопку ОК.
7. После тега <body> введите произвольный текст. Щелкните по вкладке Browse, чтобы посмотреть как выглядит ваш сайт в браузере.
8. Вернитесь на вкладку Edit. После текста введите гиперссылку на одну из ваших веб-страниц, используя кнопку Якорь (Anchor) вкладки Common на панели быстрой вставки. В появившемся окне вам нужно найти и вставить нужный файл в раздел HREF, а также не забыть вставить текст для гиперссылки в раздел Description. Щелкните по вкладке Browse, чтобы посмотреть как выглядит ваш сайт в браузере. Опробуйте работу гиперссылки и проверьте соответствие установленных вами цветов гиперссылок.
9. Вернитесь на вкладку Edit. Опробуйте другой способ вставки гиперссылки, используя окно ресурсов. Откройте в окне ресурсов папку с вашими веб-страницами. Выберите файл любой веб-страницы (лучше – другой) и, нажав левую кнопку мыши, перетяните файл в окно документов, расположив его после предыдущей гиперссылки. Щелкните по вкладке Browse, чтобы посмотреть как выглядит ваш сайт в браузере. Вы увидите, что тексты обоих гиперссылок стоят друг за другом в одной строке, что неудобно для пользователя. Изменим это.
10. Вернитесь на вкладку Edit. Щелкните правой кнопкой мыши по любому месту второй гиперссылки. Выберите опцию Select Full Tag (Выделить полный тэг) и щелкните по ней. Выделится весь тэг от начала до конца. После этого щелкните по кнопке ввода тэга <P> (Paragraph) вкладки Common на панели быстрой вставки. Контейнер <P> полностью охватит вторую ссылку, если вы все сделали правильно. Щелкните по вкладке Browse, чтобы посмотреть как выглядит ваш сайт в браузере. Теперь тексты гиперссылок не сливаются и находятся в разных абзацах.
11. Вернитесь на вкладку Edit. Попробуем быстро создать список. После второй ссылки введите 3 короткие строки произвольного текста. Например:
Я учусь
Делать списки
В редакторе
С помощью левой кнопки мыши мыши выделите эти три строки. Щелкните по выделенным строкам правой кнопкой мыши. В появившемся контекстном меню выберите SelectionàConvert Lines to Ordered (или Unordered) List. Должно получиться следующее:
<ol>
<li>Я учусь</li>
<li>Делать списки</li>
<li>В редакторе</li>
</ol>
Щелкните по вкладке Browse, чтобы посмотреть как выглядит ваш сайт в браузере.
12. Самостоятельно ознакомьтесь с другими возможностями контекстного меню.
13. Сохраните свою веб-страницу.
14. Ознакомьтесь с тем, что веб-страницы можно также просматривать в браузере в отдельном окне, нажав на кнопку панели инструментов View External Browser List.
Запомните эти приемы и в дальнейшем используйте их самостоятельно!!!
Дата добавления: 2015-07-08; просмотров: 171 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Форматирование символов и абзацев. | | | Саратов 2006 |