Практическая работа создание сайта моя домашняя страница

Разработка проекта Постановка задачки ;. Основная тема странички. Текстовое содержание грамотный язык. Планировка размещения инфы на страничке верстка. Графика набор рисунков, анимации. Стиль дизайна сочетания цветов, фоны и т. Метод наполнения странички. Эти файлы имеют заглавие имя.

Операторы команды языка HTML именуются тегами. Общий вид записи тега:. Базовые теги. Пример программы:. Содержимое странички. Атрибуты элемента определяют его характеристики. Значение атрибута может быть заключено в одинарные либо двойные кавычки.

Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, либо лишь снутри тега, ежели тег не имеет парного. Тэги и их атрибуты. Меняет цвет,. Меняет цвет всего текста. Цвет фона странички. Задание 1. Страничка 1 обязана содержать:. Странички 2, 3, 4 и 5 должны содержать:. Веб-сайт должен содержать информацию о вас, а также ваших родственниках, друзьях и т.

Требования к сайту:. Задание 2. Протестируйте работоспособность веб-сайта в браузере по возможность в 2-ух разных. Протестируйте работоспособность веб-сайта при выключенной графике. Задание 3. Измените в настройках браузера шрифт по умолчанию на Courier New, размер 14 и убедиться, что это не воздействует на наружный вид страничек веб-сайта.

Задание 4. Разместите сделанный веб-сайт на любом бесплатном хостинге. Проверьте работоспособность. Содержание отчета. Отчет должен содержать:. Заглавие работы. Цель работы. Задание и порядок его выполнения. Вывод по работе. Практические работы по JavaScript. Просмотр ошибок в скриптах JavaScript. При обучении программированию на любом языке мы нередко сталкиваемся с ошибками. Традиционно за ошибками "следит" среда разработки. В случае с JavaScript какой бы програмкой вы не воспользовались для написания кода, ошибки в коде на JavaScript она вряд ли для вас покажет.

Программы на JavaScript интерпретируются браузерами. Потому в их интегрированы либо инсталлируются дополнительно особые инструменты для анализа кода и отслеживания ошибок. Ниже описано, как узреть ошибки в коде в браузерах Firefox и Opera. В браузере Firefox. Установите дополнение Firebug:. Внедрение Firebug для просмотра ошибок в сценариях JavaScript:. В браузере Opera. Включение скриптов в HTML и подключение наружных файлов.

В хоть какое место html-документа можно вставить контейнер script, в теле которого написать сценарий на JavaScript. При этом опреление функции может быть в одном script-контейнере, а вызов в другом; то есть код доступен из хоть какого места html-документа. Для подключения наружного файла с кодом на JavaScript употребляется последующий синтаксис:. Шифровка и doctype. Для гарантированного правильного отображения знаков в браузере употребляется последующий тег, вставляемый в контейнер head:.

Перед тегом html указывается doctype. В настоящее время довольно написать так:. Лабораторные работы. Структура HTML-документа. Цели : научиться создавать HTML-страницу; уяснить главные теги. Выполнение работы. Познакомиться с теорией в описании ЛР до рисунка на стр. Заучить главные теги. Сделать «Мою страничку». Набрать текст и выполнить его форматирование выравнивание. Контрольные вопросцы. Что представляет собой документ, написанный на языке HTML?

Что такое теги? Какие бывают теги? Что такое начальный код? Как обозначают начало и конец тега? Что такое заголовок документа? Какими тегами он выделяется? Что такое тело документа? Какими тегами оно выделяется? Какими знаками следует писать теги, строчными либо строчными? Какой тег дозволяет перейти на новейшую строку? Тело документа. Содержит конкретно информацию страницы: тексты, картинки, таблицы. Форматирование знаков. Знаки, заключенные меж последующими тегами отображают:.

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

Освоение технологии работы. Форматирование текста по абзацам. Новейший абзац отделяется от предшествующего двойным межстрочным интервалом. Выравнивание текста по абзацам:. Задание цвета всего текста и фона документа. Заглавия различных уровней. Значения n изменяются от 1 до 6, при этом текст выводится от наиболее большого к наиболее маленькому. Обыкновенные списки. Виды нумераций списков:. Форматирование текста по абзацам, цвет фона, заглавия различных уровней, списки.

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

Вставка и форматирование графических изображений. Самостятельное создание Web-страниц анкета, программы, словарь. Набросок так же можно сделать, как ссылку, написав:. Оформление перечня театров на главной страничке glavn. Употребляют не лишь для того, чтоб располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга.

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

Затея продвижение нового сайта цена этим

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

Сделайте две других странички веб-сайта «Домашняя страничка Пети Иванова» по аналогии со страничкой «О себе» : а Мои предки Мою маму зовут Лена Евгеньевна. Ей 35 лет. Она закончила мед институт и работает врачом-педиатром в детской районной поликлинике. Моя мать чрезвычайно хорошая и радостная.

Моего папу зовут Алексей Юрьевич. Ему 38 лет. У него два высших образования строительный и экономический факультеты и в настоящее время он занимается своим делом в области строительства. Папа у меня серьезный, но справедливый. Модели рационального планирования. Решение задач нормально планирования. Задание для группы 1. Задание для группы 2. Задание для группы 3. Задание для группы 4. Информационные ресурсы. Практическая работа.

Структурные модели систем. Урок 1. Что такое система. Урок 2 Модели систем. Урок 3 Структурные модели систем. Пример структурной модели предметной области. Урок 4 Что такое информационная система. Домашнее задание. Создание базы данных "Приемная комиссия". Проектное задание на самостоятельную разработку базы данных. Практичекаская работа: Из чего же стостоит Веб. Как работает Веб. Для что употребляется Веб. Практическа работа 2.

Урок Инструменты для сотворения веб-сайтов. Создание веб-сайта "Домашняя страница". Разработка веб-сайта «Моя семья». Разработка веб-сайта "Наш класс". Что такое HTML. Основа HTML. Вставка картинок. Теория "Работа с таблицами". Учебник html.

Кряк все способы продвижения сайта надо

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

Выберите данный режим и поглядите приобретенный итог. Сейчас сделаем вторую страничку веб-сайта рис. Задавать глобальные опции странички, создавать заголовок и добавлять текст вы уже умеете. Попытайтесь без помощи других задать характеристики странички и сделать заголовок «О себе». Потом наберите последующий текст: Меня зовут Иванов Петя. Я родился 21 мая года в городке Перми. Мои возлюбленные предметы — математика и история. Не считая школы увлекаюсь шахматами и плаванием. Люблю читать, гулять с друзьями, глядеть телек и играться в компьютерные игры.

У меня есть возлюбленная собака Ральф, которой 4 года. Характеристики заголовка подобны характеристикам заголовка на главной страничке веб-сайта. База данных - база информационной системы. Проектирование многотабличной базы данных.

Урок 5. Знакомство с СУБД. Новенькая тема. Урок 6. Создание базы данных. Создание базы данных "Приемная комиссия"1. Задание стр. Выделить главные этапы сотворения Базы данных. Работа за компом. Домашнее задание. Урок 7. Проектное задание на самостоятельную разработку базы данных. Урок 8. Запросы как приложения информационной системы.

Реализация обычных запросов в режиме дизайна конструктора запросов. Записать команду запроса на подборку данных из БД. Урок 9. Расширение базы данных "Приемная комиссия". Работа с формой. Урок Реализация сложных запросов к базе данных "Приемная комиссия". Организация глобальной сети.

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

Урок сейчас у нас будет не совершенно обыденный. Урок именуется "Перевернутый класс". Что это означает. В «перевернутом классе" знакомство с теоретическим материалом происходит средством ИКТ видеолекции, интерактивные материалы, презентации и т.

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

Тема урока: Веб как глобальная информационная система. Исследование новейшей темы. Поделить учащихся на группы. По одному вопросцу. Составить лаконичный конспект и поведать классу. Найдите ответы на вопросы:. Объясните различие меж коммуникационными и информационными службами Сети. Объясните различие меж понятиями «базовый протокол Интернета» и «прикладные протоколы».

Почему сервер и клиент электронной почты употребляют различные протоколы? Чем различается chat-конференция от телеконференции? Для каких целей употребляется FТР-служба? Какое значение для развития Веба имело возникновение службы WWW?

WWW - как глобальная сеть. Практическая работа 2. Работа с браузером. Просмотр web-страниц. Выполнить тест. Тест «Интернет, как глобальная информационная система». Компьютерная сеть - это:. Комп, который распределяет меж почти всеми юзерами общие ресурсы, называется:. Технические средства, связывающие компы в сетях, именуются. Неверным IP -адресом является:. Общий эталон на представление и преобразование передаваемой инфы по сети, заглавие.

Электронное письмо-это:. Укажите неверный электронный адрес:. Программное обеспечение, которое даёт возможность абоненту на своём компе принимать и отправлять письма, просматривать корреспонденцию, сформировывать текст письма, называется:. Прикладная программа, для работы юзера с WWW называется:. Электронный почтовый ящик юзера E-mail создается на. Электронная почта дозволяет передавать….

Служба FTP в Вебе предназначена:. Какое устройство является средством телекоммуникации? Какие составляющие непременно находятся в электронном адресе:. Сети по географическому признаку делятся на:. Компьютерная сеть может предоставить юзеру услуги:. Службы Веба делятся на:. Протокол HTTP — это. Поисковыми указателями являются:. Web -браузер — это. Общими ресурсами в сети могут быть:. Сохранение загруженных страничек. Работа с поисковыми системами.

Инструменты для разработки web-сайтов. Цель работы: освоение приемов сотворения Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация наружных гиперссылок. Используемое программное обеспечение: текстовый процессор Microsoft Word. Ежели в открывшемся окне имеется вкладка Web-страницы , означает, можно работать далее. В данной работе вы реализуете проект домашнего веб-сайта.

Ниже вы видите макет главной странички и макет «Папиной страницы». Макеты других страничек вы сможете по аналогии сделать сами. Открыть текстовый процессор Word. В появившемся окне выбрать вкладку Web-страницы. Щелкнуть на значке Новенькая Web-страница. Оформить наружный вид странички в согласовании с приведенным прототипом, используя обыденные средства Word управление форматированием, шрифтами; можно сделать цветной фон, подобрать текстуру, заливки и пр.

При наборе текста странички не подчеркивать слова Папа, Мать, Сережа, Тимка, биография. Подчеркивания покажутся автоматом опосля вставки гиперссылок. Вставить набросок можно или из файла со сканированной фото ежели у вас таковой имеется , или выбрав хоть какой набросок из Microsoft Clip Gallery.

Вставить внутренние гиперссылки. Для этого:. Ссылка готова. Аналогичным образом организовать внутренние гиперссылки на остальных словах из перечня Мать, Сережа, Тимка к подходящим абзацам главной странички. Сохранить полученную страничку в файле с именованием family. Сделать «Папину страницу» см. Сохранить страничку в файле father. Возвратиться к главной страничке. Сделать в ней внешнюю ссылку на «Папину страницу». Возвратиться к «Папиной странице». Сделать в ней внешнюю ссылку на веб-сайт Столичного института.

Сделать другие странички домашнего веб-сайта, согласно плану, представленному на схеме. Организовать связи меж страничками и наружные связи. Не забудьте сохранить все сделанные файлы. Установите автономный режим работы браузера.

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

Отменить автономный режим, проверить работу наружных гиперссылок. Создание веб-сайта "Домашняя страница". Разработка веб-сайта "Животный мир". Создание таблиц и списков на web-странице. Разработка веб-сайта "Наш класс". Компьютерное информационное моделирование. Моделирование зависимостей меж величинами.

Модели статистического прогнозирования. Практическая работа 3. Получение регрессионных моделей. Тема урока: Прогнозирование регрессионных моделей. Огласить, что на прошлом уроке делали практическую работу 3.