Основы создания сайта: что должен знать программист

Вёрстка страниц

Вне зависимости от того, что вы выберете: фронтенд или бэкенд, вам придётся взаимодействовать с веб-страницами. Для этого надо изучить HTML и CSS.

HTML

Это язык гипертекстовой разметки. Отвечает за структуру и содержание страницы. Он состоит из тегов, а тег состоит из имени, заключённого между знаками «меньше» и «больше». Например: ,  и .

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

Вместо расширения  тут используется . Оно даёт понять браузеру, что внутри файла находится код веб-страницы. Браузер разбирает его структуру, определяет взаиморасположение элементов и визуализирует их.

Веб-стандарты HTML описаны в спецификациях. Это главный источник знаний и для браузеров, и для разработчиков

Важно следить за их обновлениями

CSS

Это язык, который используется для стилизации вашей разметки. Например: сделать текст красным, выровнять по левую сторону, округлить углы изображения, поиграть со шрифтами, сделать отступы больше или меньше.

Тег  отвечает за формирование текстового абзаца. Допустим, нам нужно чтобы все  на странице получили одинаковые свойства. Для этого надо подключить к странице стили. Пока они не подключены никакого эффекта от них не будет. Стили можно встроить внутри HTML-кода страницы (инлайново) или подключить их как внешний файл. Чаще всего стили подключают из внешнего файла с расширением . Так разметка отделяется от стилизации, снижается вероятность ошибки, внешний файл кешируется и не загружается повторно. Для подключения из внешнего файла используется тег .

Знание основ HTML и CSS позволит создавать простые сайты с текстовым наполнением. Если хотите что-то посложнее, не обойтись без языков программирования.

Администрирование

В процессе администрирования профессионал занимается установкой, обновлением и обеспечением максимально надежной работы, а также защиты многочисленных программ, которые находятся на сервере. Под общим программированием в этом случае подразумевается веб-сервер, СУБД, FTP-сервер, операционная система, РНР и так далее.

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

Хороший администратор представляет собой настоящую ценность. Подобная работа требует не просто обширных зданий, но также определенного опыта и особых связей. Фактором качественной работы данного специалиста является его полная незаметность, то есть все должно работать самостоятельно, а также не вызывает никаких проблем.

Серебряный отсвет

SilverLight — технология от компании Microsoft, прямой конкурент технологии Flash от компании Adobe. SilverLight базируется на платформе .NET и основана на XML.

В Silverlight реализованы векторная графика, анимация и средства воспроизведения видео, что позволяет разработчикам писать Silverlight-приложения на любом из языков .NET, самый распространенный из которых — C# (Си Шарп).

Silverlight позволяет программисту, не обращая внимания на ограничения web-платформ, воплощать в жизнь самые смелые замыслы дизайнеров. В рамках модели Silverlight любое созданное дизайнерами решение сохраняется в виде XAML (который по сути все тот же XML). Этот XAML-документ впоследствии автоматически встраивается в страницу сайта при помощи среды выполнения Silverlight. Результатом становится слаженная работа между программистом и дизайнером.

Заводной апельсин

DHTML (Dynamic Hyper Text Markup Language), динамический язык разметки гипертекста — это просто улучшенный и собранный воедино ряд web-технологий, расширенный набор средств, которые позволяют создавать интерактивные страницы, при этом уменьшая загрузку сервера.

DHTML базируется на объектной модели документа DOM (Document Object Model), технология эта встроена во все виды браузеров и помогает осуществить доступ к любому отдельно взятому элементу web-страницы (который в дальнейшем можно видоизменить). А потому технология DHTML позволяет нам осуществлять программное управление всеми тегами и атрибутами и создавать сложные пользовательские интерфейсы. DHTML позволит программисту спроектировать такие интерактивные элементы, как движущийся фон, расположенный под статичным текстовым содержимым страницы, любые сложные объекты, выпадающие меню, мигающие при наведении курсора кнопки, анимацию, титры и многое другое.

Не толпимся в дверях! Да, осталось еще много всего интересного, однако наша экскурсия продолжается, а потому попрошу вас проследовать в следующий выставочный зал.

Языки программирования

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

Все описываемые языки программирования относятся к числу объектно-ориентированных.

Из них Perl, РНР, Python, JAVA — языки, исполняющиеся на сервере (серверные языки). JavaScript — язык, исполняющийся на браузере (клиентский). Компьютер, открывающий доступ к собственным ресурсам, носит название сервера, а получающий такой доступ — клиент.

ASP

Одно из современных и распространенных решения для разработки распределенных систем. Технология была предложена компанией Microsoft. Среди особенностей данной методики программирования вашего сайта следует отметить возможность внедрения элементов программного кода на других языках. Например, часто в связке с ASP .NET используется язык C#.

Под управлением серверов Microsoft IIS происходит загрузка всех компонентов. Возможно внедрение скриптов, написанных на JavaScript или VBScript, что позволяет оптимизировать определенные процессы во время разработки программных компонентов.

Вспышка в ночи

Flash — мощная технология для создания интерактивных web-приложений и сайтов.

Использование этой технологии позволяет значительно уменьшить время загрузки документов, при этом приложения обладают высокой интерактивностью, а также современным эффектным дизайном, можно добавить в сайт различные анимированные ролики, баннеры, сделать красивую навигацию. Между тем Flash является многофункциональным средством, с помощью которого можно реализовать доступ к базам данных, поддержку XML, интегрировать в проект видео- и аудиоматериалы, использовать предварительно встроенные шаблоны, получать доступ к серверам приложений, работающим в режиме реального времени. Существуют игровые движки, использующие в качестве основы Flash. Их скорость и качество работы довольно низкие. Основная причина этого — невозможность использовать средства DirectX.

Все операции на flash-сайтах выполняются под управлением языка сценариев АсtiоnSсriрt, похожего на язык JavaScript. ActionScript — объектно-ориентированный язык программирования, он исполняется виртуальной машиной (ActionScript Virtual Machine), составной частью Flash Player. Синтаксис языка базируется на стандартной библиотеке C++. У языков вообще много общего, и ActionScript по скорости выполнения запроса находится с C++ на одном уровне.

Единственный недостаток технологии Flash — чрезвычайная требовательность к ресурсам, из-за которой web-приложения могут работать неправильно.

Editing Pages

A wiki is not a wiki without the ability to edit pages. Let’s create two new
handlers: one named to display an ‘edit page’ form,
and the other named to save the data entered via the
form.

First, we add them to :

func main() {
    http.HandleFunc("/view/", viewHandler)
    http.HandleFunc("/edit/", editHandler)
    http.HandleFunc("/save/", saveHandler)
    log.Fatal(http.ListenAndServe(":8080", nil))
}

The function loads the page
(or, if it doesn’t exist, create an empty struct),
and displays an HTML form.

func editHandler(w http.ResponseWriter, r *http.Request) {
    title := r.URL.Path[len("/edit/"):]
    p, err := loadPage(title)
    if err != nil {
        p = &Page{Title: title}
    }
    fmt.Fprintf(w, "<h1>Editing %s</h1>"+
        "<form action=\"/save/%s\" method=\"POST\">"+
        "<textarea name=\"body\">%s</textarea><br>"+
        "<input type=\"submit\" value=\"Save\">"+
        "</form>",
        p.Title, p.Title, p.Body)
}

This function will work fine, but all that hard-coded HTML is ugly.
Of course, there is a better way.

Выводы

  • Веб-сайты создаются с использованием компьютерного кода.
  • Компьютерный код — человекоподобныйreadable инструкции, которые предписывают компьютеру выполнить определенную задачу.
  • Веб-сайты можно создавать как с нуля, так и на существующей платформе, например WordPress.
  • Создание веб-сайта с нуля занимает больше времени по сравнению с созданием с использованием платформы.
  • Создание веб-сайта с нуля более гибко по сравнению с использованием существующей платформы.
  • Языками программирования, используемыми для создания веб-сайтов, являются HTML, CSS, JavaScript и языки сценариев для серверной части, такие как PHP, Python, Ruby и т. д.
  • WordPress — это система управления контентом, которую можно использовать для очень быстрого создания веб-сайтов.
  • WordPress поддерживает такие плагины, как Astra, Elementor или Beaver Builder и т. д., обеспечивающие функции дизайна веб-сайтов с помощью перетаскивания.
  • Фреймворки MVC, такие как Laravel или CodeIgniter, можно использовать для ускорения разработки веб-сайтов с нуля.
Понравилась статья? Поделиться с друзьями: