Интернет журналистика. Лабораторное занятие №2. Подгруппа 1. Основы HTML
1) Оформить свои новость и статью из предыдущего занятия
по правилам HTML, используя абзацы, подзаголовки, выделение фрагментов
текста крупным шрифтом в виде автоцитат, жирный текст, наклонный текст,
подчеркнутый текст, выравнивание текста по разным краям, добавление ссылки с
открытием в новом окне, добавить в текст бегущую строку с произвольными
параметрами;
2) Переключиться
в режим HTML и
добавить к материалу про губернаторские выборы таблицу с итогами голосования -
не менее двух столбцов и не менее четырех строк (считая строку с названием
колонок).
3) Разместить в тамблере текстовый
либо фотопост, используя несколько параметров HTML-оформления
3. 1. Изменить дизайн своего блога в
tumblr: (можно использовать тему observer от zacksultan) Для этого:
1) Скачать и установить
редактор HTML Notepad ++ http://notepad-plus-plus.org/
2) Перейти в режим
редактирования HTML в
тумблере (Настройка – изменить HTML)
3) Скопировать HTML- код и вставить его в Notepad (файл-новый). Затем открыть
код в любом из языков синтаксиса (например в XML).
4) Заменить все надписи в верхнем и нижнем меню на странице на русские,
через поиск по коду (Ctrl+F)
5) Заменить фон блога на вашу картинку (рекомендуемый размер 1280х750),
разместив изображение вначале на любой хостинг изображений и скопировав ссылку,
а затем после строк кода со значениями:
body {
color: {color:Body Text};
вставить параметры:
background-color: {color:Content Background};
background-color: #FFFFFF;
background: url("ссылка на ваше изображение");
font-family: Arial, Helvetica,
sans-serif;
margin: 0px;
padding: 0px;
}
6) Сделать шапку сайта задав ссылки рубрикатора меню,
используя простой список:
ссылка на этот код: https://docs.google.com/document/d/1Vkw5FVERFPkJXU43HpFVbuvgX_jWQ5T0f40I5Qa2n7k/edit?usp=sharing
Среди ссылок дать ссылку на главную страницу вашего блога на
платформе blogspot и две произвольных ссылки.
http://everythingwillbegreat.blogspot.ru/2014/10/19-19-60_6.html
ОтветитьУдалитьВсе странно сместилось, таблички внизу страницы оказалась
ОтветитьУдалитьhttp://everythingwillbegreat.blogspot.ru/2014/10/blog-post.html
http://everythingocean.blogspot.ru/2014/10/blog-post_6.html
ОтветитьУдалитьhttp://everythingocean.blogspot.ru/2014/10/blog-post.html
http://eldarshin.blogspot.ru/2014/10/14.html
ОтветитьУдалитьОценка "4", не использован параметр blockquote
Удалитьhttp://krasna74.blogspot.ru/2014/10/14-14.html
ОтветитьУдалитьОценка "4", не использован параметр blockquote
УдалитьТаблица
ОтветитьУдалитьhttp://bonnekate91.blogspot.ru/2014/10/blog-post.html
Статья с бегущей строкой
http://bonnekate91.blogspot.ru/2014/09/45.html
Оценка "5"
Удалитьhttp://fairykaiserin.blogspot.ru/2014/10/14_6.html - так и не уходит этот огромный пробел.
ОтветитьУдалитьТаблица http://fairykaiserin.blogspot.ru/2014/10/blog-post.html
По причине того, что я болела, высылаю вам задания с первой подгруппой. Справки я вам показала)))
ОтветитьУдалитьЗадание 1 и 2: http://tsemenkoalla.blogspot.ru/
Задание 3: http://allochkatsemenko.tumblr.com/
Оценки по заданиям: "5", "5"
УдалитьТамблер: http://bonnekate.tumblr.com/
ОтветитьУдалитьhttp://howluckysheis.tumblr.com/
ОтветитьУдалитьhttp://antdariavlad.blogspot.ru/2014/10/60.html
ОтветитьУдалитьhttp://antdariavlad.blogspot.ru/2014/10/blog-post.html
http://antonova-daria.tumblr.com/post/99820691056
ОтветитьУдалить3 задание. Всё, что смогла сделать
ОтветитьУдалитьhttp://bagichka.tumblr.com
Хорошо, поставлю 5- за усердие
Удалитьhttp://krasna74.blogspot.ru/2014/10/27.html
ОтветитьУдалитьhttp://tananexal.blogspot.ru/2014/10/blog-post_67.html
ОтветитьУдалитьhttp://tananexal.blogspot.ru/2014/10/19-27-60.html