Интернет журналистика. Лабораторное занятие №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 и две произвольных ссылки.

Комментарии

  1. http://everythingwillbegreat.blogspot.ru/2014/10/19-19-60_6.html

    ОтветитьУдалить
  2. Все странно сместилось, таблички внизу страницы оказалась
    http://everythingwillbegreat.blogspot.ru/2014/10/blog-post.html

    ОтветитьУдалить
  3. http://everythingocean.blogspot.ru/2014/10/blog-post_6.html

    http://everythingocean.blogspot.ru/2014/10/blog-post.html

    ОтветитьУдалить
  4. Таблица
    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

    ОтветитьУдалить
  6. По причине того, что я болела, высылаю вам задания с первой подгруппой. Справки я вам показала)))
    Задание 1 и 2: http://tsemenkoalla.blogspot.ru/
    Задание 3: http://allochkatsemenko.tumblr.com/

    ОтветитьУдалить
  7. http://antdariavlad.blogspot.ru/2014/10/60.html
    http://antdariavlad.blogspot.ru/2014/10/blog-post.html

    ОтветитьУдалить
  8. 3 задание. Всё, что смогла сделать
    http://bagichka.tumblr.com

    ОтветитьУдалить
  9. http://tananexal.blogspot.ru/2014/10/blog-post_67.html
    http://tananexal.blogspot.ru/2014/10/19-27-60.html

    ОтветитьУдалить

Популярные сообщения