Лабораторная работа 1 2. Зайтите в www.google.com наберите "учебник по HTML" Поиск Найдите понравившиеся Вам учебники, Посмотрите примеры создания сайтов, Изучите полезные с Вашей точки зрения теги 3. создайте папку "САЙТ Петрова", (Петрова замените всюду на свою фамилию) Запустие блокнот и создайте в ней файл с именем INDEX.HTML (При сохранении установите тип файла - ВСЕ ФАЙЛЫ) Цвет можно задать по вкусу (см. приложение) Petrov

Персональный сайт Петрова

4. Cкопируйте этот файл и переименуйте в AVTO.HTML Замените в нем TITLE и Текст в теге H1 на автобиографию Наберите автобиографию Используйте теги Н4 H5
перевод строки

тег параграфа 5. Вставьте в тело файла INDEX.HTML ссылку на картинку ЭТО мой портрет Проверьте разные комбинации Ширины и высоты подготовьте Картинку автопортрета в PAINT. установите расмеры в СМ 4х7 Сохраните в папке сайт Петрова 6. вставьте в файл INDEX ГИПЕРССЫЛКУ на файл АВТОБИОГРАФИИ Автобиография прверьте как работает сайт 7. Наберите в WORD страничку Мои Хобби состоящую из нумерованного (первая половина дня) и маркированного (вторая половина дня) списков. (меню ФАЙЛ) Сохраните КАК WEB страницу с именем HOBBY.HTML в папке сайт Петрова просмотрие, оцените размер HTML кода (большой) вставьте в файл INDEX ГИПЕРССЫЛКУ на файл ХОББИ Мои хобби прверьте как работает сайт 8. Наберите в ЕXCEL таблицу финансирование проектов типа Финанстрование проектов нпп название 1 кв 2 кв 3 кв 4 кв 1 построение дачи 120 30 50 70 2 Покупка видео 20 40 30 20 постройте диаграмму. Выделите их . (меню ФАЙЛ) Сохраните КАК WEB страницу с именем FINANCE.HTML в папке сайт Петрова Установите флажок выделенный диапазон. (дополнительно попробуйте добавить интерактивность) просмотрие, оцените размет HTML кода (большой) вставьте в файл INDEX ГИПЕРССЫЛКУ на файл Финансов Мои хобби прверьте как работает сайт Сохраните в Word EXCEL файлы в формате WEB страница и сделайте на них ссылки из INDEX.НТМL 6.Импортируйте таблицу из Excel в Access (кто может) Сохраните таблицу из Access как HTML документ оцените размер кода (он компактный) 7. Создайте свой персональный сайт на yandex. Зарегистрируйтесь, Выберите уникальный логин ссылка внизу- народ мастерская управление файлами, создайте сайт по шаблону создайте гостевую книгу и запомните, запишите ссылку на нее замените INDEX.HTML своим созданным или Скорректируйте index.HTML прямо на сайте (вставьте ссылку на свою гостевую книгу) П О Д Р О Б Н О www.yandex.ru народ Регистрация Придумать уникальный логин (повторять пока не получится) Вместо имя, фамилия можно NIC дальше пароль набрать, подтвердить ЗАПОМНИТЬ!!!!! Контрольный вопрос Внизу Витиеватые цифры, которые может распознать только человек Распознайте их и наберите в окошке жмите ГОТОВО персональные данные - можно заполнить потом В мастерской увидите много возможностей для создания сайта Жмите Главная страница Можно выбрать последний шаблон - Сделайте свой Дальше Цвет фона шрифт Краткий заголовок страницы Приветствие Готово Перейти к созданию других страниц мастерская Гостевая книга запомните ссылу типа http://www.narod.ru/guestbook/?owner=23456789 просмотр пошлите себе сообщение назад выход Зайдите на свой сайт из браузера типа http://vasa.narod.ru Вы увидите свой сайт так как его увидит скажем американец теперь при дальнейших улучшениях своего сайта нижеизложенное будете повторять каждый раз ===== www.yandex.ru народ наберите свой логин и пароль в Регистрацию не заходить!!! вы попадете в мастерскую жмите управление файлами и HTML редактор Напротив index.html поставьте птичку в квадратике жмите свойства жмите текстовый редактор откроется html-код вашего сайта внем нет закрывающих тегов это намек, что вы допишете в тело что-то свое, например ссылку на свою гостевую книгу, граф интересов, лабораторную работу и т.д. Напечатайте напрмер в конце
моя гостевая книга Цифры 23456789 замените своими жмите сохранить закрыть окно Щелкните по index.html увидите новую страницу со ссылкой на свою гостевую книгу, зайдите, оставьте сообщение закройте окно не делайте темный фон плохо читать выйдите из мастерской культурно, нажав кнопку ВЫХОД +++ Чтобы загрузить на сайт свою лабораторную, реферат и т.д. сначала поместите ее на компьютер например в папку ХХХ (если файл большой или представляет интерес для обороноспособности Америки,заарихивируйте с длинным паролем (который сами потом вспомните и сообщите адресату) зайдите на www.yandex.ru народ логин пароль мастерская загрузка файлов... обзор, выберите папку ххх(имя файла должно быть латинскми буквами без значков(yandex чувствителен к большим и малым буквам например lab2t1.doc)) загрузить управление файлами В корневой папке появится ваш файл lab2t1.doc или lab2t1.zip выбрать птичкой index.html свойства и аналогично вышеизложенной вставке ссылки на гостевую книгу в конец index.html вставить ссылку
  • ... first list item...
  • ... second list item... ... Списки могут быть иерархическими Списки определений
    Dweeb
    young excitable person who may mature into a Nerd or Geek
    Hacker
    a clever programmer
    Nerd
    technically bright but socially inept person ПРимер списка определений
    Center
    Centre
    A point equidistant from all points on the surface of a sphere.
    In some field sports, the player who holds the middle position on the field, court, or forward line.
    ССылки ...some text...

    You'll find a lot more in chapter two. See also this map of the enchanted forest.

    Table of Contents

    Introduction
    Some background
    On a more personal note
    ...the rest of the table of contents... ...the document body...

    Introduction

    ...section 1...

    Some background

    ...section 2...

    On a more personal note

    ...section 2.1... пример со ссылками

    Table of Contents

    Introduction
    Some background
    On a more personal note
    ...the rest of the table of contents... ...the document body...

    Introduction

    ...section 1...

    Some background

    ...section 2...

    On a more personal note

    ...section 2.1... пример со ссылками локальными

    ... ...more document...

    ... структура НТМ-оглавления со ссылками The manual in English Названия и коды цветов Color names and sRGB values Black = "#000000" Green = "#008000" Silver = "#C0C0C0" Lime = "#00FF00" Gray = "#808080" Olive = "#808000" White = "#FFFFFF" Yellow = "#FFFF00" Maroon = "#800000" Navy = "#000080" Red = "#FF0000" Blue = "#0000FF" Purple = "#800080" Teal = "#008080" Fuchsia = "#FF00FF" Aqua = "#00FFFF" Примеры исользования цветов bgcolor = color [CI] Deprecated. This attribute sets the background color for the document body or table cells. align = left|center|right|justify [CI] Выравнивание по центру

    How to Carve Wood

    Задание стиля How to Carve Wood

    How to Carve Wood

    ...Lots of paragraph text... ПРИМЕР стиля How to Carve Wood

    ...Lots of paragraph text... Вставка картинки АLT пока загружается my boat ПРИМЕР clear = none|left|right|all [CI] Deprecated. Specifies where the next line should appear in a visual browser after the line break caused by this element. This attribute takes into account floating objects (images, tables, etc.). Possible values: none: The next line will begin normally. This is the default value. left: The next line will begin at nearest line below any floating objects on the left-hand margin. right: The next line will begin at nearest line below any floating objects on the right-hand margin. all: The next line will begin at nearest line below any floating objects on either margin.

    size=1 size=2 size=3 size=4 size=5 size=6 size=7 Пример формы




    Male
    Female

    Конец ПРИЛОЖЕНИЯ