Поздравляю всех с наступающим новым годом!
среда, 28 декабря 2016 г.
вторник, 20 декабря 2016 г.
Урок 20-21. Ссылки на страницах сайта
Итак, мы добрались до объекта, который впервые появился именно на WEB-страницах с легкой руки Тима Бернерс-Ли, а уж потом перекочевал в другие приложения, например, в презентации и текстовые документы. Речь идет о гиперссылках.
Гиперссылка — это часть электронного документа, которая ссылается на другой элемент самого документа или на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети. Посмотрите, как определяет гиперссылку наша любимая Википедия.
А вот что писал по поводу гипертекстовых документов А. А. Дуванов.
Обычный текст имеет линейную структуру. И хотя пользователь может читать любые его страницы и строчки, листая документ, автор предполагает, что текст читается по порядку. Сначала первая страница, потом вторая и так далее.
Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.
Из массы линейной текстовой продукции выделяются словари, справочники, энциклопедии. Предполагается, что читатель обращается к такой книге для справки, а не читает ее всю подряд от корки до корки.
Возможности компьютера рождают принципиально новую идею: почему бы изначально не проектировать текст в расчете на возможность чтения не по-порядку, а по контексту. Такой подход позволяет разным пользователям просматривать текст, ориентируясь на свои вкусы, уровень владения темой и поставленные задачи.
Структура компьютерной книги становится существенно нелинейной, она даже перестает быть иерархической, а скорее напоминает спутанную рыболовную сеть или порцию спагетти, опрокинутую на пол.
Для навигации по такой сети предусматривается простой способ: те фрагменты документа, которые имеют переходы на другие его части, каким-то образом выделены. Простое интерфейсное действие на такой ссылке (нажатие на Enter или мышиный щелчок) перебрасывают пользователя в другой информационный узел.
Посмотрел, вернулся обратно, или, не возвращаясь, продолжил путешествие по новой ссылке.
Гиперссылка — это часть электронного документа, которая ссылается на другой элемент самого документа или на другой объект (файл, каталог, приложение), расположенный на локальном диске или в компьютерной сети. Посмотрите, как определяет гиперссылку наша любимая Википедия.
А вот что писал по поводу гипертекстовых документов А. А. Дуванов.
Обычный текст имеет линейную структуру. И хотя пользователь может читать любые его страницы и строчки, листая документ, автор предполагает, что текст читается по порядку. Сначала первая страница, потом вторая и так далее.
Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.
Из массы линейной текстовой продукции выделяются словари, справочники, энциклопедии. Предполагается, что читатель обращается к такой книге для справки, а не читает ее всю подряд от корки до корки.
Возможности компьютера рождают принципиально новую идею: почему бы изначально не проектировать текст в расчете на возможность чтения не по-порядку, а по контексту. Такой подход позволяет разным пользователям просматривать текст, ориентируясь на свои вкусы, уровень владения темой и поставленные задачи.
Структура компьютерной книги становится существенно нелинейной, она даже перестает быть иерархической, а скорее напоминает спутанную рыболовную сеть или порцию спагетти, опрокинутую на пол.
Для навигации по такой сети предусматривается простой способ: те фрагменты документа, которые имеют переходы на другие его части, каким-то образом выделены. Простое интерфейсное действие на такой ссылке (нажатие на Enter или мышиный щелчок) перебрасывают пользователя в другой информационный узел.
Посмотрел, вернулся обратно, или, не возвращаясь, продолжил путешествие по новой ссылке.
Как отличить гиперссылку в тексте и воспользоваться ею?
- гипертекстовые ссылки среди других элементов текста выделяются цветом (практически всегда) и подчеркиванием (иногда);
- мышиный курсор на ссылке меняет свою форму и превращается в указующий перст (всегда!);
- для перехода по ссылке необходимо щелкнуть по ней мышкой;
- для возврата из ссылки можно использовать навигационную кнопку браузера Назад (Back).
- ссылка может быть внутренней (переход внутри данного документа)
- ссылка может быть внешней (на объект вне данного документа)
Что может использоваться в качестве гиперссылки?
- фрагмент текста
- изображение
Практическая работа с сайтом
- При создании ссылки в поле Отображаемый текст помещается тот текст, который становится ссылкой. В поле Связать с Веб-адресом помещается адрес WEB-страницы или документа. Каждая внешняя ссылка должна открываться
В НОВОМ ОКНЕ - Перед тем, как нажать ОК, проверьте ссылку
- На страницах ВУЗы и Потенциальные работодатели необходимо сделать ссылки на страницы соответствующих сайтов. Ссылкой может быть название вуза (Работодателя) или изображение!
- На странице Ссылки необходимо привести ссылки на все сайты и документы, которые вы использовали при создании данного сайта. Возможно, какие-то ссылки уже встречались на ваших страницах - значит, их можно просто скопировать.
- Оформите страницу Ссылки как список
- Покажите работу учителю
среда, 14 декабря 2016 г.
Урок 18-19. Списки на страницах сайта
Списки
Список — форма представления объектов в виде перечисления элементов. Форматирование каждого элемента списка — одинаковое.Объектами списка могут быть тестовые абзацы, картинки и другие списки
В HTML элементы списка оформляются как контейнер (парный тег), включающий в себя по одному тегу для каждого элемента списка
Практическая работа с сайтом
- Оформить в виде списка:
- Перечень профессий на странице Профессии
- Перечень ссылок на веб-страницы на странице Ссылки
- Подобрать иллюстрации к ВУЗам. Найти в сети фотографии соответствующих ВУЗов, скачать их, поместить в папку на своем локальном ПК
вторник, 6 декабря 2016 г.
Урок 16-17. Разработка веб-сайта в облачной среде и первая попытка стать IT-специалистом
Дата проведения занятия 7.12.2016
А затем познакомьтесь с сайтом Буду Гуру и узнайте, как стать настоящим интернет-профессионалом.
ЧАСТЬ 1
Посмотрите мотивационный ролик акции “Час кода” на сайте www.часкода.рф с участием звезд и представителей отрасли информационных технологий (ИТ)А затем познакомьтесь с сайтом Буду Гуру и узнайте, как стать настоящим интернет-профессионалом.
Обязательно пройдите тест: В меню слева --Профессии --Кем стать? --Тест на профориентацию
Познакомьтесь с Атласом профессий и с Экосистемой IT
ЧАСТЬ 2
Что такое сайт
Сайт - это система электронных документов в компьютерной сети под общим адресом (доменным именем или IP-адресом).
Первый в мире сайт info.cern.ch появился в 1991 году. Его создателем был Тим Бернерс-Ли
Первый в мире сайт info.cern.ch появился в 1991 году. Его создателем был Тим Бернерс-Ли
Ваша задача - построить свой самый первый Google - сайт.
Тема сайта - "Перспективные профессии в одной из отраслей Российской экономики"
Например, "Перспективные профессии в медицине"
17.04.2015 Агентство стратегических инициатив выпустило обновленную версию Атласа новых профессий, продемонстрировав результат масштабных исследований с участием более 2,5 тыс экспертов. Поэтому и мы перечень отраслей и перечень профессий возьмем в Атласе новых профессий-2016
Например, "Перспективные профессии в медицине"
17.04.2015 Агентство стратегических инициатив выпустило обновленную версию Атласа новых профессий, продемонстрировав результат масштабных исследований с участием более 2,5 тыс экспертов. Поэтому и мы перечень отраслей и перечень профессий возьмем в Атласе новых профессий-2016
Выберите в Атласе интересующую вас отрасль экономики. Ваш сайт должен включать следующие страницы:
В тетради для контрольных работ схематично изобразите внутреннюю структуру сайта, дайте URL и название сайту и отдельным страницам в соответствии с выбранной темой
- Главная страница - характеристика выбранной отрасли экономики (текст + иллюстрация)
- Профессии - список профессий и их краткая характеристика (список)
- Вузы, в которых этому научат (таблица, ссылки, изображения)
- Потенциальные работодатели (список или таблица, ссылки)
- Ссылки на источники (список WEB-страниц)
В тетради для контрольных работ схематично изобразите внутреннюю структуру сайта, дайте URL и название сайту и отдельным страницам в соответствии с выбранной темой
1. URL сайта:
- 640-10-свои-инициалы-techno, (латинскими буквами)
- например: 640-10-AT-techno
2. Название сайта -- придумайте сами
3. Страницы также называются латинскими буквами. К каждой странице напишите аннотацию: 1-2 предложения о том, что будет на этой странице.
B. Создайте Google - сайт
- Внимание! Мы будем работать с обновленной версией Google-сайтов, которая недавно появилась. Поэтому работаем в режиме исследования!
- Для создания обновленного сайта в Приложениях Google (Вкладка Почта или Диск) выберите Сайты, затем в самой нижней строке выберите ссылку Справочный центр, вы попадете на страницу со справочной информацией по созданию обновленных сайтов.
- Создайте обновленный сайт с вашим URL .
- Выберите тему сайта (ее потом можно будет заменить)
C. Измените Название сайта, Установите доступ
Выполните эти действия в соответствии со справкой по сайтамD. Создайте отдельные страницы в соответствии с нарисованной в тетради структурой
- В правом меню Вставка-Страницы-Темы выберите значок Создать страницу ,
- Укажите название страницы + ее номер в списке страниц. (Совет: пишите номер + название русскими буквами, конструктор сам переведет название в латиницу)
- Внесите на каждую страницу текст аннотации
Учителю пришлите письмо, в котором укажите URL - адрес своего сайта и его название
Подписаться на:
Сообщения (Atom)