вторник, 20 декабря 2016 г.

Тема 5. Ссылки на страницах сайта

Итак, мы добрались до объекта, который впервые появился именно на WEB-страницах с легкой руки  Тима Бернерс-Ли, а уж потом перекочевал в другие приложения, например, в презентации и текстовые документы. Речь идет о гиперссылках.
Гиперссылка — это часть электронного документа, которая ссылается на другой элемент самого документа или на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети. Посмотрите, как определяет гиперссылку наша любимая Википедия
А вот что писал по поводу гипертекстовых документов А. А. Дуванов.


Обычный текст имеет линейную структуру. И хотя пользователь может читать любые его страницы и строчки, листая документ, автор предполагает, что текст читается по порядку. Сначала первая страница, потом вторая и так далее.

Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.

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

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

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

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

Посмотрел, вернулся обратно, или, не возвращаясь, продолжил путешествие по новой ссылке.

Как отличить гиперссылку в тексте и воспользоваться ею? 

  • гипертекстовые ссылки среди других элементов текста выделяются цветом (практически всегда) и подчеркиванием (иногда); 
  • мышиный курсор на ссылке меняет свою форму и превращается в указующий перст (всегда!); 
  • для перехода по ссылке необходимо щелкнуть по ней мышкой; 
  • для возврата из ссылки можно использовать навигационную кнопку браузера Назад (Back). 
  • ссылка может быть внутренней (переход внутри данного документа)
  • ссылка может быть внешней (на объект вне данного документа)

Что может использоваться в качестве гиперссылки?

  • фрагмент текста
  • изображение

Практическая работа с сайтом


  1. При создании ссылки в поле Отображаемый текст помещается тот текст, который становится ссылкой. В поле Связать с Веб-адресом помещается адрес WEB-страницы или документа. Каждая внешняя ссылка должна открываться
    В НОВОМ ОКНЕ
  2. Перед тем, как нажать ОК, проверьте ссылку
  3. На страницах ВУЗы и Потенциальные работодатели необходимо сделать ссылки на страницы соответствующих сайтов. Ссылкой может быть название вуза (Работодателя) или изображение!
  4. На странице Ссылки необходимо привести ссылки на все сайты и документы, которые вы использовали при создании данного сайта. Возможно, какие-то ссылки уже встречались на ваших страницах - значит, их можно просто скопировать.
  5. Оформите страницу Ссылки как список
  6. Покажите работу учителю

вторник, 13 декабря 2016 г.

Тема 4. Списки на страницах сайта

Список — форма представления объектов в виде перечисления элементов. Форматирование каждого элемента списка — одинаковое.
Объектами списка могут быть тестовые абзацы, картинки и другие списки
В HTML элементы списка оформляются как контейнер (парный тег), включающий в себя по одному тегу для каждого элемента списка

Практическая работа с сайтом

  1. Оформить в виде списка:
    • Перечень профессий на странице Профессии
    • Перечень ссылок на веб-страницы на странице Ссылки
  2. Подобрать иллюстрации к ВУЗам. Найти в сети фотографии соответствующих ВУЗов, скачать их, поместить в папку на своем локальном ПК

вторник, 6 декабря 2016 г.

Тема 3. Разработка веб-сайта в облачной среде

Что такое сайт

Сайт - это система электронных документов в компьютерной сети под общим адресом (доменным именем или IP-адресом). 
Первый в мире сайт info.cern.ch появился в 1991 году. Его создателем был Тим Бернерс-Ли
Ваша задача - построить свой самый первый Google - сайт. 
Тема сайта - "Перспективные профессии в одной из отраслей Российской экономики
Например,  "Перспективные профессии в медицине"
17.04.2015  Агентство стратегических инициатив выпустило обновленную версию Атласа новых профессий, продемонстрировав результат масштабных исследований с участием более 2,5 тыс экспертов. Поэтому и мы перечень отраслей и перечень профессий возьмем в Атласе новых профессий-2016 

A. Продумайте структуру и состав сайта

Что такое структура сайта?
Выберите в Атласе интересующую вас отрасль экономики. Ваш сайт должен включать следующие страницы:
  1. Главная страница - характеристика выбранной отрасли экономики (текст + иллюстрация)
  2. Профессии - список профессий и их краткая характеристика (список)
  3. Вузы, в которых этому научат (таблица, ссылки, изображения)
  4. Потенциальные работодатели (список или таблица, ссылки)
  5. Ссылки на источники (список WEB-страниц)

В  тетради для контрольных работ  схематично  изобразите внутреннюю структуру сайта, дайте  URL   и название сайту и отдельным страницам в соответствии с выбранной темой 
1. URL сайта: 
  • 640-10-свои-инициалы-techno,  (латинскими буквами)
  • например: 640-10-AT-techno 
2. Название сайта -- придумайте сами
3. Страницы также называются латинскими буквами. К каждой странице напишите аннотацию: 1-2 предложения о том, что будет на этой странице.

B. Создайте Google - сайт

  1. Внимание! Мы будем работать с обновленной версией Google-сайтов, которая недавно появилась. Поэтому работаем в режиме исследования!
  2. Для создания обновленного сайта  в Приложениях Google (Вкладка Почта или Диск) выберите Сайты, затем в самой нижней строке выберите ссылку Справочный центр, вы попадете на страницу со справочной информацией по созданию обновленных сайтов
  3. Создайте обновленный сайт с вашим  URL .
  4. Выберите тему сайта (ее потом можно будет заменить)

C. Измените Название сайта, Установите доступ

Выполните эти действия в соответствии со справкой по сайтам

D. Создайте отдельные страницы в соответствии с нарисованной в тетради структурой

  1. В правом меню Вставка-Страницы-Темы выберите значок  Создать страницу
  2. Укажите название страницы + ее номер в списке страниц. (Совет: пишите номер + название русскими буквами, конструктор сам переведет название в латиницу)
  3. Внесите на каждую страницу текст аннотации
Не забудьте опубликовать свой сайт!
Учителю пришлите письмо, в котором укажите URL - адрес своего сайта и его название