Сценарии, выполняемые на стороне клиента
Фреймворки JavaScript
Сценарии, выполняемые на стороне сервера
RPC, SOAP
REST
WSDL
XML, JSON
AJAX
Сценарии работы web-сервера
По материалам книги: Джеймс Ли, Брент Уэр Использование Linux, Apache, MySQL и PHP для разработки Web-приложений, Издательский дом "Вильямс".
Сергей Горобцов "Веб для незрячих"
Я.Субботник в Новосибирске
О докладе:
Вводная по основным минимальным моментам поддержки вспомогательных технологий в вебе. Мы поговорим о способах взаимодействия с программами экранного чтения. Будут приведены рекомендации по работе с элементами форм, а также рассказано о проблемах кастомных элементов форм. А еще мы рассмотрим accessibility в HTML5.
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
Web-программирование
Лекция #3. Введение в языки разметки web-страниц
Цикл лекций читается в Омском государственном университете им. Ф.М.Достоевского на факультете компьютерных наук.
Лектор: Яковенко Кирилл Сергеевич.
Сценарии, выполняемые на стороне клиента
Фреймворки JavaScript
Сценарии, выполняемые на стороне сервера
RPC, SOAP
REST
WSDL
XML, JSON
AJAX
Сценарии работы web-сервера
По материалам книги: Джеймс Ли, Брент Уэр Использование Linux, Apache, MySQL и PHP для разработки Web-приложений, Издательский дом "Вильямс".
Сергей Горобцов "Веб для незрячих"
Я.Субботник в Новосибирске
О докладе:
Вводная по основным минимальным моментам поддержки вспомогательных технологий в вебе. Мы поговорим о способах взаимодействия с программами экранного чтения. Будут приведены рекомендации по работе с элементами форм, а также рассказано о проблемах кастомных элементов форм. А еще мы рассмотрим accessibility в HTML5.
Лекция #3. Введение в языки разметки web-страницЯковенко Кирилл
Web-программирование
Лекция #3. Введение в языки разметки web-страниц
Цикл лекций читается в Омском государственном университете им. Ф.М.Достоевского на факультете компьютерных наук.
Лектор: Яковенко Кирилл Сергеевич.
Slides from seminar devoted to improve proficiency of web designers, developers, QAs in the area of building seo-frienldy websites. The seminar took place at Zfort Group's office in Kharkov, Ukraine.
1. Game-team наша звёздная команда
2. Гейм-дизайн
3. Графический дизайн. Рассказ о том, как с сделать красиво
4. С чего начать свою игру? Научно-исследовательская лаборатория
5. Монетизация
3. HTML
HTML - (англ. HyperText Markup Language - «язык
разметки гипертекста») - стандартный язык разметки документов
во Всемирной паутине.
Язык HTML интерпретируется браузерами и отображается в виде
документа, в удобной для человека форме.
4. Состав HTML
Язык HTML состоит из элементов, которые можно разделить на
группы:
по количеству «тегов» на элемент:
– контейнеры – <h1></h1>, <b></b>, <div></div>;
– одиночные – <img>, <hr>.
по отображению:
– блочные;
– встроенные.
5. HTML элементы
!doctype a abbr address area article aside audio b base bdi bdo
blockquote body br button canvas caption cite code col colgroup
data datalist dd del details dfn div dl dt em embed fieldset figcaption
figure footer form h1 h2 h3 h4 h5 h6 head header hr html i iframe img
input ins kbd keygen label legend li link main map mark math menu
menuitem meta meter nav noscript object ol optgroup option output
p param pre progress q rp rt ruby s samp script section select small
source span strong style sub summary sup svg table tbody td
template textarea tfoot th thead time title tr track u ul var video wbr
6. «Блочные» элементы HTML
• Занимает 100% ширины родительского элемента;
• Высота зависит от содержимого;
• Начинается с новой строки;
• Может содержать как другие «блочные» элементы, так и
«встроенные».
13. CSS
CSS - (англ. Cascading Style Sheets - «каскадные таблицы
стилей») - формальный язык описания внешнего вида документа,
написанного с использованием языка HTML.
21. Идентификаторы CSS
Идентификаторы применяются :
– для изменения вида одного элемента;
– для создание ссылок «якорей».
<p id=“world”> Hello World! </p>
<a href=“http://scinolab.com/hello.html#welcome-message”> SCINO – Welcome Message </p>
#world { color: yellow; }
22. Идентификаторы CSS
Идентификаторы применяются :
– для изменения вида одного элемента;
– для создание ссылок «якорей».
– для обращения к элементу из скриптов.
<p id=“world”> Hello World! </p>
<a href=“http://scinolab.com/hello.html#welcome-message”> SCINO – Welcome Message </p>
#world { color: yellow; }
23. Имена CSS
Для идентификаторов и классов нужно использовать настолько
длинные имена, насколько требуется, но настолько короткие,
насколько это возможно.
Облегчает дальнейшее сопровождение кода как для автора, так и
для других разработчиков.