Студопедия Главная Случайная страница Задать вопрос

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Часть 1


Разработан ли фирменный стиль компании? Да / нет  
     
Пожелания по цветовой гамме Возможно, у Вас уже есть логотип/визитки/буклеты, где используются фирменные цвета  
     
Дополнительная информация  

4. Материалы, которые необходимо приложить для размещения на странице:

  1. Логотип: формат ai или psd (для наилучшего качества), jpg (если других форматов нет)
  2. Текстовые материалы для наполнения:

- контактный телефон/ы (для размещения на странице)

- e-mail (для размещения на странице)

- отзывы (минимум 3-4 отзыва)

- перечень преимуществ Вашей компании

- краткий текст о компании

- описание и фотографии товаров/услуг (не более 5-7 товаров/услуг)

- перечень наиболее известных/крупных Ваших клиентов

- приложите лицензии/сертификаты на продукцию/услуги (не более 5)

Большое спасибо за внимание, которое Вы уделили подготовке брифа!

Мы проведем анализ конкурентов для получениянаилучшего результата.

 

20.03

Html документ - это обычный текстовый файл с расширением «*.html», который содержит Html-код. При получении Html документа браузер будет отображать его в виде web-страницы, при этом вы не увидите в окне браузера отображение написанных вами тегов.

1.<html>

<head>

<title> - Заголовок </title>

</head>

<body>

<h1>- мой первый заголовок </h1>

<p> - мой первый абзац </p>

</body>

</html>

Результат: МОЙ ПЕРВЫЙ ЗАГОЛОВОК, мой первый абзац.

Чтобы отредактировать код Html документа нажмите на него правой кнопкой мыши(ПКМ) открыть с помощью NotePad++

Html-это язык для описания web-страница

абивриатура Html расшифровывается как язык размера гипер текста. Он не является языком программирования. Html использует теги разметки.

Html теги - это ключевые слова или символы заключённые в угловые скобки. Теги бывают 2х видов: парные и одиночные.

парные (<body></body>)

одиночные(<br>)

С помощью тегов браузер распознает структуру и значение вашего текста.

Без использования тегов браузер выведет просто сплошной поток текста, без отступов, заголовков, абзацев.

2. <html>

<head>

<title>Летнее меню </title>

</head>

<body>

<h1>напитки в нашем кофе</h1>

<h3>мультифрукт-100р. </h3>

<p> апельсиновый и ананасовый сок</p>

<h3> молочный коктель</h3>

<p> молоко, мороженное, сироп</p>

</body>

</ html>

- Html элементы

Это основная структурная единица web-страницы написанная на языке Html.

Все элементы в Html следуют одному формату:

1. Элемент начинается с открывающего тега.

2. Элемент заканчивается заканчивающим тегом.

3. Содержимым элемента является всё что находится между тегами «открыть и закрыть».

4. Некоторые элементы не имеют содержимого(пустые элементы).

5. Большинство элементов могут содержать атрибуты.

-Вложенные элементы

Все Html документы состоят из вложенных документов, глубина вложенности элементов неограниченна. Когда вы размещаете один элемент внутри другого, будьте внимательны к вложенности

Как не должно быть:

<p>это<em>очень</p>интересно</em>.

Пробельные символы

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

Блочные и строчные элементы

- блок(block)

- строчные(inline)

Блочные элементы представляют собой строительные блоки вашей web-страницы, при отображении браузер автоматически добавляет разрыв строки до и после блочного элемента. При этом он занимает всю доступную ширину, а высота блочного элемента вычисляется браузером автоматически. Текс в блочных элементах выравнивается по умолчанию. Обычно блочные элементы используются, чтобы разделить содержимое web-страницы на аналогические блоки(например: верхний колонтитул(шапка сайта), меню, блок с контентом, нижний колонтитул(footer)).

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

Атрибуты Html тегов

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

Имена атрибутов нечувствительных к регистру. Значения атрибута может состоять из текста, цифр и других символов (единственный запрещённый «&»).

Атрибуты могут быть записаны четырьмя различными способами:

1. Пустой атрибут.

2. Атрибут со значением без кавычек.

3. Атрибут со значениям в одиночных кавычках(апостроф).

4. Атрибут со значением в других кавычках.

 

 

24.03

Пустой атрибут

Существуют для атрибутов булево (логического типа), поддерживается синтаксис при котором явное указание значения атрибутов можно опустить.

Атрибут со значением без кавычек

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

Пример

<imput value = yes>

Атрибут со значением в одиночных кавычках

Пример

<imput type = ‘cheekbox’>

 

Атрибут со значением в двойных кавычках

Может содержать любые символы, включая апострофы

Пример

<imput name = “be evil”>

 

 

Структура html документа

Каждый html документ, отвечающий спецификации html в какой-либо версии, обязан начинаться со строки декларации версии html.

<Doctype html>

 

Элемент html

Этот элемент так же называется корневым, потому что все остальные элементы документа располагаются в нём. Корневой элемент может иметь только 2 дочерних элемента:

1. <head>

2. <body>

Элемент Head является контейнером для других элементов, которые предоставляют информацию о документе (метаданные). Эти метаданные сообщают браузеру местонахождение ваших скриптов и таблиц стилей.

 

Элемент Titleпредставляет собой текстовый заголовок для документа. Каждый html

документ должен иметь ровно один элемент title. Браузеры отображают содержимого title как имя документа вверху окна браузера или в названии вкладки.

Элемент body является контейнером для всего содержимого web страницы. Всё что отображается в окне браузера и видит, пользователь содержится в нём. Основная цель – отделить содержимое документа от метаданных.

 

 

Часть 1


<== предыдущая лекция | следующая лекция ==>
Информация о компании | Участники

Дата добавления: 2015-06-12; просмотров: 177. Нарушение авторских прав

Studopedia.info - Студопедия - 2014-2017 год . (0.093 сек.) русская версия | украинская версия