Верстальщик HTML

Август 12, 2022

Главная
Информатика
Верстальщик HTML

Содержание

2. Что такое HTML HTML - аббревиатура от Hyper Text Markup Language (англ.) - это язык разметки
3. Особенности профессии Функциональные обязанности HTML-верстальщика заключаются в реализации концепции и идеи сайта, разработанных веб-дизайнером, в виде
4. Плюсы и минусы профессии Плюсы: возможность самостоятельного освоения профессии высокая востребованность на рынке труда необходимость постоянного
5. Важные качества верстальщика HTML внимательность, сосредоточенность способность концентрироваться терпение в выявлении собственных ошибок усидчивость аккуратность желание
6. Этапы верстки сайта, виды сайтов и методы вёрстки Web-сайт представляет собой набор логически связанных html-документов. Логика,
7. Разделение сайтов на группы По макету вёрстки все сайты подразделяются на 3 группы: жёстко фиксированные (Rigid
8. Методы вёрстки Табличная вёрстка раньше была основным методом вёрстки; в настоящее время применяется для создания рамок,
10. Скачать презентацию

Слайд 2

Что такое HTML
HTML - аббревиатура от Hyper Text Markup Language (англ.)

- это язык разметки гипертекста, принятый в World Wide Web для создания и публикации web-страниц. Соответственно, HTML-верстальщик – это специалист, выполняющий вёрстку web-страниц. Другими словами, он создаёт HTML-шаблон для web-сайта с использованием знаний HTML-кода и всех особенностей стиля и графического оформления. Созданный код должен одинаково отображаться во всех браузерах («кросс-браузерность») с учетом разных разрешений монитора и количества цветов.

Слайд 3

Особенности профессии
Функциональные обязанности HTML-верстальщика заключаются в реализации концепции и идеи сайта,

разработанных веб-дизайнером, в виде HTML-кода. Процесс создания HTML-шаблона состоит из нескольких этапов:
анализ графического дизайна сайта
подборка модели шаблона
нарезка графических спрайтов
сборка HTML-шаблона
В настоящее время существует большое количество компьютерных программ, которые автоматизируют труд верстальщика, различные текстовые редакторы с подсветкой кода, визуальные редакторы (Notepad++, Adobe Dreamweaver)

Слайд 4

Плюсы и минусы профессии
Плюсы:
возможность самостоятельного освоения профессии
высокая востребованность на рынке труда
необходимость

постоянного совершенствования и обновления знаний
возможность работать удаленно

Минусы:
присутствует доля рутинности и однообразия
необходимость долговременного сидения за компьютером
место работы

Слайд 5

Важные качества верстальщика HTML
внимательность, сосредоточенность
способность концентрироваться
терпение в выявлении собственных ошибок
усидчивость
аккуратность
желание работать

на конечный результат

Слайд 6

Этапы верстки сайта, виды сайтов и методы вёрстки
Web-сайт представляет собой набор

логически связанных html-документов. Логика, по которой эти документы связаны, называется структурой сайта или картой сайта.
Перед началом верстки графический файл дизайна детально анализируется, после чего разрезается на части, на основе которых верстается HTML-документ, который представляет собой структурированный набор HTML-тегов.

Это происходит в несколько этапов: формируются меню, кнопки формы и все элементы управления сайтом, разрабатывается пользовательский интерфейс.
В результате этих действий получается HTML-шаблон сайта.

Слайд 7

Разделение сайтов на группы
По макету вёрстки все сайты подразделяются на 3

группы:
жёстко фиксированные (Rigid fixed)
адаптивные резиновые (Adaptable fluid)
расширяемые эластичные (Expandable elastic)
Фиксированный тип макета — дизайн, в котором ширина столбца или рисунка заданы в пикселях и оговорены точно.
Резиновый тип макета — дизайн, в котором ширина столбца или рисунка задана в процентах от текущего разрешения экрана.
У каждого вида дизайна есть свои преимущества и недостатки. В каждом конкретном случае выбор дизайна зависит от решаемой задачи. Возможен и смешанный дизайн: некоторые столбцы табличного дизайна можно задать в процентах, другие в - пикселях.

Слайд 8

Методы вёрстки
Табличная вёрстка раньше была основным методом вёрстки; в настоящее время

применяется для создания рамок, выравнивания элементов, задания модульных сеток, создания цветного фона.
Вёрстка с помощью слоёв. Слои — это структурные элементы, которые размещаются на web-странице путем наложения их друг на друга с точностью до пикселя. Параметры слоя могут динамически изменяться скриптами, что дает возможность создавать на странице разные эффекты: выпадающее меню, игры, разворачивающиеся баннеры, плавающие окна и т.п.
Блочная вёрстка осуществляется при помощи блоков тег () и описывающих их таблиц стилей (CSS), реализуя концепцию семантичной вёрстки

Верстальщик HTML

Содержание

Что такое HTMLHTML - аббревиатура от Hyper Text Markup Language (англ.)

Особенности профессииФункциональные обязанности HTML-верстальщика заключаются в реализации концепции и идеи сайта,

Плюсы и минусы профессииПлюсы:возможность самостоятельного освоения профессиивысокая востребованность на рынке труданеобходимость

Этапы верстки сайта, виды сайтов и методы вёрсткиWeb-сайт представляет собой набор

Разделение сайтов на группыПо макету вёрстки все сайты подразделяются на 3

Методы вёрсткиТабличная вёрстка раньше была основным методом вёрстки; в настоящее время

Похожие презентации