План веб-дизайна и веб-разработки - Outline of web design and web development

Следующее контур предоставляется как обзор и тематическое руководство по веб-дизайну и веб-разработке, двум очень связанным областям:

веб-дизайн охватывает множество различных навыков и дисциплин в производстве и обслуживании веб-сайты. Различные области веб-дизайна включают веб-графический дизайн; дизайн интерфейса; авторинг, включая стандартизированный код и проприетарное программное обеспечение; дизайн пользовательского опыта; и поисковая оптимизация. Часто многие люди работают в командах, охватывающих различные аспекты процесса проектирования, хотя некоторые дизайнеры охватывают их все.^[1] Термин веб-дизайн обычно используется для описания процесса проектирования, относящегося к внешнему (клиентскому) дизайну веб-сайта, включая написание разметка. Веб-дизайн частично перекрывается веб-инженерия в более широком контексте Веб-разработка. Ожидается, что веб-дизайнеры будут знать удобство использования и если их роль включает создание разметки, они также должны быть в курсе веб-доступность руководящие указания.

Веб-разработка работа, связанная с разработкой интернет сайт для Интернет (Всемирная паутина ) или интранет (частная сеть).^[2] Веб-разработка может варьироваться от разработки простого статическая страница из простой текст для сложных веб- интернет-приложения (веб-приложения), электронный бизнес, и социальные сети. Более полный список задач, к которым обычно относится веб-разработка, может включать: веб-инженерия, веб-дизайн, разработка веб-контента, связь с клиентами, сторона клиента /на стороне сервера сценарии, веб сервер и сетевая безопасность конфигурация и электронная коммерция разработка.

Среди веб-профессионалов «веб-разработка» обычно относится к основным не связанным с дизайном аспектам создания веб-сайтов: разметка и кодирование.^[3] Веб-разработка может использовать системы управления контентом (CMS), чтобы упростить изменение контента и сделать его доступным при наличии базовых технических навыков.

Для более крупных организаций и предприятий команды веб-разработки могут состоять из сотен человек (веб-разработчики ) и следуйте стандартным методам, например Гибкие методологии при разработке веб-сайтов. Небольшим организациям может потребоваться только один постоянный разработчик или разработчик по контракту или вторичное назначение на соответствующие должности, такие как графический дизайнер или же информационные системы техник. Веб-разработка может быть совместным усилием отделов, а не областью деятельности определенного отдела. Существует три вида специализации веб-разработчиков: фронтенд разработчик, серверный разработчик и full-stack разработчик. Внешние разработчики несут ответственность за поведение и визуальные эффекты, которые запускаются в пользовательском браузере, внутренние разработчики работают с серверами, а разработчики полного стека несут ответственность за то и другое.

Веб-дизайн

• Графический дизайн
  • Типография
  • Макет страницы
• Дизайн пользовательского опыта (UX дизайн)
• Дизайн пользовательского интерфейса (Дизайн пользовательского интерфейса)
• Методы веб-дизайна
  • Адаптивный веб-дизайн (RWD)
  • Адаптивный веб-дизайн (AWD)
  • Прогрессивное улучшение
  • Веб-дизайн без стола
• Программного обеспечения
  • Adobe Photoshop
  • Adobe Illustrator
  • Эскиз (программное обеспечение)
  • Affinity Designer
  • Inkscape

Веб-разработка

• Front-end веб-разработка - практика преобразования данных в графический интерфейс с помощью HTML, CSS и JavaScript, чтобы пользователи могли просматривать эти данные и взаимодействовать с ними.
  • HTML (Язык разметки гипертекста) (* .html)
  • CSS (Каскадные таблицы стилей) (* .css)
    • CSS-фреймворк
  • JavaScript (* .js)
    • Менеджеры пакетов для JavaScript
      • npm (первоначально сокращение от Node Package Manager)
• Серверные сценарии (также известная как «серверная (веб) разработка» или «внутренняя (веб) разработка»)
  • ActiveVFP (* .avfp)
  • ASP (* .asp)
  • Веб-формы ASP.NET (* .aspx)
  • Веб-страницы ASP.NET (* .cshtml, * .vbhtml)
  • Bigwig (*.крыло)
  • Язык разметки ColdFusion (* .cfm)
  • Идти (*.идти)
  • Скрипт Google Apps (* .gs)
  • Взломать (* .php)
  • Haskell (* .hs) (пример: Йесод )
  • Ява (* .jsp) через JavaServer Pages
  • JavaScript с помощью Серверный JavaScript (* .ssjs, * .js) (пример: Node.js )
  • Лассо (*.лассо)
  • Lua (* .lp * .op * .lua)
  • Парсер (*.п)
  • Perl через CGI.pm модуль (* .cgi, * .ipl, * .pl)
  • PHP (* .php, * .php3, * .php4, * .phtml)
  • Прогресс WebSpeed (* .r, *. w)
  • Python (* .py) (примеры: Пирамида, Колба, Джанго )
  • р (* .rhtml) - (пример: rApache )
  • Рубин (* .rb, * .rbw) (пример: Рубин на рельсах )
  • SMX (* .smx)
  • Tcl (* .tcl)
  • WebDNA (* .dna, *. tpl)
• Полнофункциональная веб-разработка - включает как интерфейсную, так и внутреннюю (серверную) разработку.
• Программного обеспечения
  • Атом
  • IntelliJ IDEA
  • Возвышенный текст
  • Код Visual Studio

Смотрите также

• Схема компьютеров
  • Схема вычислений и Краткое описание информационных технологий
    • Очерк информатики
      • Схема искусственного интеллекта
      • Краткое описание криптографии
    • Очертание Интернета
      • План Google
    • Краткое описание программного обеспечения
      • Типы софта
        • Краткое описание бесплатного программного обеспечения
        • Схема поисковых систем
      • План разработки программного обеспечения
        • Очерк программной инженерии
        • План веб-дизайна и веб-разработки
        • Очерк компьютерного программирования
          • Языки программирования
            • Краткое описание C ++
            • Краткое описание Perl

Рекомендации

внешняя ссылка