![]() |
|
~АмаZон@ Анна~
11-08-2019 23:24 (ссылка)
Юрий Агеев
12-08-2019 13:28 (ссылка)
Re: Словарь начинающего web-дизайнера на mail.ru
Полезные сведения и не только для начинающих, т.к. со временем кое-что из памяти благополучно улетучивается, особенно то, с чем приходится работать реже.
Комментарии запрещены
Veta К。◕‿◕。а
12-08-2019 19:42 (ссылка)
Re: Словарь начинающего web-дизайнера на mail.ru
Но Mail.Ru не поддерживает прозрачность картинок загруженных на его хостинг (за исключением GIF).
Комментарии запрещены
Ирина Лахмастова
13-08-2019 09:51 (ссылка)
Re: Словарь начинающего web-дизайнера на mail.ru
Благодарю,Вас.
Комментарии запрещены
☘ ɐнɐvɯǝʚɔ ʁɐvɯǝʚɔ~
13-08-2019 12:40 (ссылка)
Re: Словарь начинающего web-дизайнера на mail.ru
отличная подача и раскрытие темы,азы.Ань,большое спасибо.
Комментарии запрещены
☘ ɐнɐvɯǝʚɔ ʁɐvɯǝʚɔ~
14-08-2019 23:19 (ссылка)
Re: Словарь начинающего web-дизайнера на mail.ru
Ань,продолжай радовать нас новыми темами и не сбавляй темпа!
Комментарии запрещены
которого является создание чего-то нового, имеющего ценность
не только для автора,но и для окружающих людей.
Разновидностей интернет творчества премногое колличество.
Создание рамок,фонов,бродилок,открыток,коллажей,
элементов для них-это одно из направлений интернет
творчества:WEB-дизайн.
Начинающий WEB-дизайнер(самоучка) сталкивается с огромным
объёмом информации по нужной теме,честно говоря,иногда
бестолковой и устаревшей,от этого у него "заваривается
такая каша "в голове,что разобраться самому ,порой,
не так просто.
Мой словарь в помощь начинающим WEB-дизайнерам,думаю
"прольёт свет" на многие вопросы неприступной,кажется,
для понимания новичка,темы WEB-дизайна.
● G
•GIF-растровый(сетка пикселей) графический формат(поддержка прозрачности и анимации).
пример:
● H
•HTML-"язык гипертекстовой разметки".
HTML выглядит как текст со специальным набором кодов разметки,который браузер получает из интернета и затем показывает как веб-страницу.
В WEB-дизайне на MAIL.RU посредством HTML выстраиваются
таблицы,рамки,работают с изображениями,аудио-,видео-файлами.
•HTML-код-набор некоторых символов(точек,скобок,запятых,букв,цифр,
знака равенства и т.д.) со значением или без.
Пример:<img src="URL изображения">
•HTML-тег-составляющее HTML-кода,заключенное между двумя
треугольными скобками:< >
Теги бывают парные(пример:<legend></legend>) и не парные
(пример:width),некоторые теги могут иметь атрибуты(дополняющий тег).
На Mail.Ru разрешены (т.е.работают) только некоторые теги,не все.
О работающих на Mail.Ru тегах Вы можете прочесть на страницах группы,пройдя по ссылке ниже:
https://my.mail.ru/communit...
● J
•JPEG-растровый(сетка пикселей) графический формат(белый фон
изображения).
пример:
● P
•PNG-растровый(сетка пикселей) графический формат(поддержка прозрачности).
пример:
•Pixlr Editor online-бесплатный графический редактор,который позволяет пользователю обрабатывать изображения в реальном времени,т.е.в интернете.Эту программу не нужно скачивать на компьютер, она отлично работает даже на низкоскоростных линиях интернета и маломощных компьютерах.
● U
•URL изображения-адрес картинки,начинается с http://
● А
•Аватар(аватарка) на MAIL.RU-это графическое изображение в JPEG или GIF-формате,
размером 400Х400 пикс,которое используется пользователем как основное фото страницы.
Аватар-"лицо"пользователя,его визитка.
•Альбом МойМир-онлайн(интернет)-хранилище аудио,видео,граф.файлов,
позволяющее пользователю разместить изображение в истинном размере.
● Б
•Баннер-кликабельная картинка,при нажатии на которую открывается новое
окно(вкладка) с новой страницей,проще говоря,это картинка-посылалка.
пример:
•Блик(блики)-элемент декора,изображение в JPEG,PNG-формате.
пример:
•Блинги,Глиттеры-элемент декора,изображение в GIF-формате.
пример:
блинг:
глиттер:
•Бордюр-элемент декора,изображение в JPEG,PNG,GIF-формате.
Представляет собой картинку в виде ленты,может размещаться
или вертикально или горизонтально.
пример:
•Бродилка-поиск по темам(меткам) или заголовкам публикаций(постов) группы
на MAIL.RU.Представляет собой HTML-код со значениями.
● В
•Виньетка-элемент декора,изображение в JPEG,PNG,GIF-формате в виде рамки
или другого элемента.
пример:
•Вуаль(вуалька)-элемент декора,изображение в PNG,GIF-формате.
пример:
● Г
•Графика в WEB-дизайне-изображение.
•Графический редактор-программа,позволяющая создавать,просматривать,
обрабатывать и редактировать цифровые изображения.
● Д
•Декор в WEB-дизайне-украшение.
● З
•Завитушка(завитки)-элемент декора,изображение в PNG,GIF-формате.
пример:
•Значение-содержимое HTML-кода:ссылка,текст.
● И
•Изображение-картинка в определённом формате.
•Изображение растровое-сетка пикселей,цветные прямоугольные точки
на мониторе.
•Исходник(и)-элемент(ы) декора,которые вы используете при создании работ:
рамок,коллажей,открыток и т.д.
● К
•КАПС-одни заглавные буквы в тексте.
Пример:НИКОГДА ТАК НЕ ПИШИТЕ.
•Клип-арт-изображения в формате JPEG,PNG,GIF,которые используются
при создании граф.дизайна,фото-видео монтаже.
•Кнопка-элемент дизайна.На MAIL.RU используются для переходов
по каким-либо адресам.
В WEB-дизайне на MAIL.RU кнопку можно использовать при публикации постов,при создании бродилки для группы,баннеров,кнопка-это
графическая гиперссылка.
пример(стандарт MAIL.RU):
пример:
•Код поста-пост в группе на Mail.Ru.-это отдельно взятая запись,
имеющая уникальное время и дату публикации.
Если пост оформлен в формате HTML(Hyper Text Markup Languare),
дословно на русский язык переводится как язык разметки гипертекста,
то при предпросмотре,всё,что содержится в посте,кроме набранного
текста,будет выглядеть ввиде набора тегов HTML(точки,скобки и т.д.)
Вот эти знаки в виде разных символов и будут являться кодом поста,
который при желании даёт автор желающим,как правило,в первом
комментарии к посту.
Для того чтобы забрать код поста из комментария:
1)нажмите "С ЦИТАТОЙ" в строчке под комментарием,
где содержится код поста.
2)в открывшемся для комментария окошке,скопируйте содержимое
и вставьте в панель новой записи группы,удалив теги
< i > и < /i > в начале и конце кода.
3)после того как скопировали код,закройте окно комментария.
Забрав код поста ,без разрешения автора ничего в нём не изменяйте!
граф.инструкция:
•Коллаж-изображение,картинка,сделаная,а точнее как бы склеенная,
собранная из различных элементов,частей.Коллаж может быть составлен
из нескольких элементов.Каждый элемент-это новый слой,который при
объединении с другими слоями и даёт нужный результат.
техника создания коллажа:
● М
•Метка в группе на Mail.Ru(хэштег)-это теги,ключевые слова,
которые групповчане указывают при публикации своих записей(постов).
При клике на ключевое слово метки в посте,Вы увидите список всех записей,
содержащих указанную метку.Например,если нажать на метку "HTML"
в этой группе,то в ленте блога откроются все записи с этой меткой.
Разделять метки можно запятой или точкой.
Метка может содержать как одно слово,так и несколько ключевых слов.
● О
•Облако Mail.ru-это ваше персональное надежное хранилище в интернете,
созданное не только для хранения,но и обмена файлами.
Все нужные файлы всегда под рукой,доступны вам в любой точке мира
с любого устройства.
С помощью Облака вы экономите место на жестком диске компьютера
или в памяти смартфона.В Облаке 8 ГБ предоставляется бесплатно,
но вы можете купить дополнительную память.
•Обложка страницы или группы на Mail.ru-изображение в
JPEG или GIF-формате,не более 600 пикс в ширину,несущее
в себе эстетических и информативный характер.
•Основное фото группы на Mail.ru-смотри аватар на MAIL.RU.
•Открытка-изображение,как правило,с тематической направленностью:
праздники,юбилеи и т.д.Может содержать в себе GIF-элементы:
дополнительный анимированный фон на прозрачной основе
(снег,дождь,салют и т.д)
пример:
● П
•Панель новой записи(ПНЗ)-это отдельно взятая запись,имеющая уникальное
время и дату публикации.
Чтобы создать запись(пост) нажмите кнопку "добавить" или "создать тему"
в блоге группы.Нажав на кнопку,вы переходите в панель новой записи,где
можете разместить для обсуждения тему,содержащую текст,изображение,
аудио,видео,опрос.
•ПНЗ в режиме HTML-перейдя с упрощённого формата записи в режим HTML
(для этого просто кликните ЛКМ по значку "HTML" на панели "формат записи")
вы расширите свои возможности при публикации темы.
•Пиксель-единица измерения изображения,имеющая определённый размер и цвет.
пример:
Если монитор с разрешением 96 точек на дюйм,то размеры альбомного
листа А4,например,будут: 846 пикселей х 594 пикселя.
•Пользователь на MAIL.RU-это зарегестрированное на MAIL.RU
физическое или юридическое лицо.
•Пост(постить)-публикация в блоге группы на MAIL.RU.Постить-опубликовать
тему для обсуждения в группе на MAIL.RU.
● Р
•Разделитель-элемент декора,представляет собой картинку в виде
ленты(JPEG,PNG,GIF),может размещаться вертикально или горизонтально.
Служит для украшения работы и разделяет содержимое рамки,например,
основное изображение от текста.
пример:
•Рамка вокруг содержимого:(простая рамка посредством HTML)-HTML-код без значений.
Такая рамка может содержать в себе:форматируемый текст,гиперссылки,
изображения,аудио,видео т.е.всё,чем мы привыкли пользоваться на Майл.ру.
пример:
•Рамка вокруг содержимого с разрывом-HTML-код со значением.
Может содержать в себе:форматируемый текст,гиперссылки,изображения,
аудио,видео т.е.всё,чем мы привыкли пользоваться на Майл.ру.
пример:
Все виды рамок такого типа(примеры и HTML-коды).
•Рамка(простая рамка посредством HTML и фонов)-HTML-код со значением,
где значения:адреса фонов.Представляет собой рамку с прямыми углами.
Может содержать в себе:форматируемый текст,гиперссылки,изображения,
аудио,видео т.е.всё,чем мы привыкли пользоваться на Майл.ру.
Размеры содержимого рамки не должны превышать 600 пикс в ширину.
пример:
Рамка этого поста.
пример:
Посмотреть в блоге группы.
•граф.Рамка(фотошопная Рамка)-рамка посредством HTML и элементов рамки,
созданных в граф.редакторе.-HTML-код со значениями,где значения:
адреса частей рамки с указанием размера: высоты(height) и ширины(width).
Представляет собой рамку практически любой формы:с прямыми,закруглёнными
углами,в форме овала,круга и т.д.Растягивается в длинну.
Может содержать в себе:форматируемый текст,гиперссылки,изображения.
Размеры содержимого рамки не должны превышать 600 пикс в ширину.
пример:
● С
•С "нуля"-с "чистого листа",с самого начала.
пример:создаём рамку "с нуля" в Pixlr Editor online.
Моделируем рамку без исходников,посредством инструментов
Pixlr Editor online,своего настроения,вдохновения и т.д.
•Сетка пикселей-цветные прямоугольные точки на мониторе компьютера.
•Скрап-набор(скрапбукинг)-клипарт определённой тематики и стиля
(всё в одном месте).Например,скрап-набор с темой "осень" может
содержать в себе элементы дизайна,выполненные в этом стиле:осенние деревья,листья,и т.д.Как правило,скрап-набор,предлагают скачивать
на компьютер,т.е.сразу все элементы набора без предварительного просмотра содержимого.На компьютере вы можете "распаковать"
скрап-набор и просмотреть всё содержимое детально.
пример:
•Скрап-набор распакованный-все составляющие элементы набора,
опубликованные по отдельности.
•Содержимое-то,что содержит в себе объект,например,рамка,
созданная посредством HTML может содержать в себе:текст,
изображение,аудио,видео.
•Стрелка-элемент дизайна,простой способ помочь пользователям определить,
что делать дальше,графическая подсказка.Стрелка на MAIL.RU может быть
представлена в виде изображения в JPEG или GIF-формате или в виде Юникода.
пример:
пример(Юникод):
← ↑ → ↓ ⇐ ⇑ ⇒
•Схема-графическое оформление сайта,блога,группы и т.д.
в определённо-выдержанном стиле.
пример:
•Схема бродилки-представляет собой HTML-код,содержащий значения:
ссылки,графические или текстовые
гиперссылки,метки,таблицу(ы),текст,изображение.
пример:
•Схема для группы на MAIL.RU:
•Схема для страницы МойМир на MAIL.RU:
•Ссылка-адрес по которому находится(хранится) объект,ресурс.
● Т
•Таблица-таблица на Mail.Ru представляет собой набор тегов HTML(код),
располагает содержание поста в виде блоков,чтобы запись в
посте не растягивались в ширину при разных разрешениях экрана,
а так же для WEB-дизайна постов.
пример:
•Текст-набор букв,цифр,знаков препинания,связанных между собой
по смыслу.
•Транслит"транслитерация"-написание русского текста латинскими буквами.
Пример:Nikogda tak ne pishite.
● У
•Уголок-элемент декора,изображение в JPEG,PNG,GIF-формате.
Представляет собой картинку с орнаментом или без.
Размещается по углам рамок,коллажей и т.д.
пример:
● Ф
•Файл-основной элемент хранения данных в компьютере.
•Файл графический-файл,в котором хранится графические данные
(изображения).
•Фон в WEB-дизайне-это фундаментальный элемент изображения или
тела сайта,записи(поста),равномерная заливка заднего плана
продуктов WEB-дизайна:рамок,бродилок,открыток,коллажей,
элементов декора.
пример:
•Фон бесшовный-изображение,которое не имеет швов при размножении
и выглядит как одна целая картинка.
Это как обои в квартире:орнамент на стыках обоев совпадает и
получается целостный эффект рисунка.
•Фон на прозрачной основе-изображение в PNG или GIF-формате.
пример:
•Формат графический-способ записи и хранения изображений
(фотографий,рисунков,картинок и т.д.)
•Фотолента на личной странице MAIL.RU-отображение последних фотографий
на странице,загруженных пользователем в свои альбомы МойМир.
•Фотохостинг MAIL.RU-онлайн(интернет)-хранилище изображений,загруженных
пользователем в альбом МойМир,Облако Mail.ru,панель новой записи группы,
комментарии,другие проекты Mail.ru.
● Ш
•Шрифт(гарнитура)-основа графического дизайна.
Шрифт представляет собой определенное начертание знаков,
их общее изображение,размер.Каждый вид шрифта индивидуален,
как почерк человека.
пример:
● Э
•Элементы декора в WEB-дизайне:шрифты,кнопки,стрелки,фоны,уголки,
рамки,виньетки,клипарты,скрап наборы,разделители(вертикальные и
горизонтальные).
● Ю
•Юникод(таблица символов)-стандарт кодирования символов, позволяющий
представить знаки практически всех письменных языков.
ОС Windows:пуск--все программы--стандартные--служебные--таблица символов.
● Я
•Яндекс.Диск-бесплатный сервис,позволяющий хранить и передавать фото,
видео-файлы на любое устройство,подключённое к интернету.
©~АмаZон@ Анна~ для группы : Mail.Ru-блоги,группы.
~время подготовки поста к публикации:58 час 15 минут~