Технологии создания сайтов
Доброго времени суток, дорогие читатели. Сегодня я хотел бы вам рассказать об основных технологиях для создания веб-сайтов. В данной статье не будет множества сложных и непонятных терминов. Целью же является объяснение основных технологий для простого человека. Перед тем как читать данную статью советую ознакомиться с основными этапами создания сайта.
Технологии для создания веб-ресурсов можно условно разделить на подвиды:
- Разметка веб документа
- Языки программирования и базы данных
- Графика и файловая система
- Программы и инструменты
- CMS
Разметка веб документа
HTML (HyperText Markup Language) — Это стандартный язык разметки практически любого веб-ресурса. Он является заключающим элементом, который воспроизводит браузер пользователя. HTML-язык содержит в себе большое количество тегов, о самых основных из которых я рассказывал в статье, как сделать сайт в блокноте. Освоить этот язык (хотя бы для понимания элементарных элементов) не составляет большого труда.
CSS (Cascading Style Sheets) — Стили CSS — файл (или несколько файлов), в содержании которого находятся стили примененные к различным HTML тегам. Стили CSS по своей сути являются технологией, которая позволяет изменять цвета, размеры и расположение блоков, текста и любых других элементов HTML-разметки. Можно сказать кратко: CSS — это любые «красивости» на веб-сайте.
Языки программирования и БД
Современные сайты и веб-приложения имеют большое количество различной информации, которую просто невозможно предоставлять пользователю в должном виде без использования программирования. Технология языков программирования в сайтостроении отвечает в основном за: связь базы данных с конечным сайтом, удобный интерфейс редактирования данных пользователем (вебмастером), сложные формы множество различных движущихся фрагментов
Php. Язык php можно кратко назвать инструментом для разработки персональных web сайтов. Данный язык является одним из самых популярных в создании сайтов и веб-приложений и поддерживается практически всеми хостинг-провайдерами. Php выполняется на стороне сервера.
JavaScript. Технология JavaScript используется для повышения функционала ресурса. Наиболее часто JavaScript используется для придания некой интерактивности сайту (плавающие элементы, параллакс, несложная анимация и многое другое). Создание данного языка привело к созданию библиотек, упрощающих работу с языком, например, Prototype или jQuery.
База данных MySQL. Как правило, в ней хранится вся текстовая информация, которая выводится на вашем сайте: будь то статья, заголовок или же пункт меню.
Графика и файловая система
Технология файловой системы представляет собой набор папок-каталогов, исполнительных файлов (html, css, php, javascript документы) и графики.
Любой современный браузер поддерживает множество форматов графики. Самые популярные: jpg, png, gif, flash, а также появилась возможность вывода векторной графики svg, canvas
Программы и инструменты — технологии разработки сайта
В современном мире появилось большое количество программ и инструментов, которые помогают создавать качественные веб-ресурсы. Я перечислю только самые популярные и необходимые.
Программы, позволяющие упростить технологию создания сайта:
- Dreamweaver — удобная программа, позволяющая быстро создавать сайты.
- Photoshop — позволяет редактировать картинки и сохранять их в формате для web.
- Notepad++ — технологичный редактор с подсветкой кода.
- Filezilla — FTP-клиент, который позволяет быстро и без проблем загружать/выгружать документы на хостинге.
CMS (технология — система управления сайтом)
CMS это система управления сайтом, благодаря которой вы можете запустить веб-проект за считанные минуты. В наше время технология CMS содержит в себе большинство необходимых связей, модулей и плагинов «прямо из коробки». Что бы вы не хотели сделать — интернет магазин, корпоративный сайт или блог — как правило, в какой-либо CMS это уже реализовано. Их есть великое множество, как платных, так и бесплатных, например, bitritx, modx, wordpress, joomla, opencart и прочие.
Источник
Основы проектирования Web-страниц
Персональная страничка (Web-страница) — лучшая визитная карточка в Web-пространстве. Web-страница — это текстовой файл, размеченный таким образом, чтобы любые программы просмотра (браузеры) на компьютерах любых систем видели его примерно одинаково. Для создания Web-страниц используется язык HTML.
HTML — это не язык программирования и не алгоритмический язык, это способ разметки гипертекста. Поэтому он и называется Hyper Text Markup Language — язык гипертекстовой разметки. Используя HTML, можно создать Web-страницу начального уровня. Наиболее простой способ создания несложной Web-страницы — использование возможностей текстового редактора MS Word. Начиная с версии Word-97 в программе предусмотрено сохранение документа в формате.
Всемирная паутина Web основывается на двух технологиях. Первая, HTTP (Hypertext Transfer Protocol — протокол передачи гипертекстов), определяет набор правил или протоколов, используемых при взаимодействии компьютеров в Web. Вторая технология — это уже упоминавшийся язык HTML, позволяющий помещать в Web красиво оформленные страницы (с графикой, анимацией и форматированным текстом) и связывать их с другими Web-страницами. HTML по сути представляет собой набор меток, которые незаметны для читателей страниц, но при этом влияют на внешний вид документа и обеспечивают интерактивность. Если на странице присутствуют гипертекстовая ссылка, указывающая на другую страницу, или текст, набранный полужирным либо курсивным шрифтом, или картинка в формате GIF, то за всеми этими элементами стоят соответствующие метки. Web-конструкторы позволяют превращать текст и графику в документы на языке HTML.
Каждая страница в Web имеет свой адрес или URL. Подобно адресу дома на улице указатель URL вполне конкретен и однозначен. Если известен адрес страницы (в большинстве браузеров он выводится в строке состояния), то можно включить в свой документ ссылку на этот адрес, чтобы читатели могли быстро к нему обратиться из созданной страницы. Чтобы сделать Web-страницы доступными для желающих, их необходимо сохранить на сервере ISP (Internet Service Provider — провайдер Интернета) или на сервере провайдера коммерческих услуг и получить у провайдера адрес URL. После этого все пользователи Web смогут напрямую связываться с базовой страницей.
Рекомендации по созданию Web-страниц.Для бизнеса очень важен маркетинг товаров и услуг, a Web является прекрасным местом для размещения рекламы. Web-узел — визитная карточка вашей организации. Некоторые рекомендации по созданию Web-страниц тем, кто собирается самостоятельно создавать свой Web-узел.
1. Целесообразно оживить страницу, используя заголовки, виньетки и картинки, оставить свободные поля и пробелы между абзацами, иначе страницы будут выглядеть громоздкими и неудобочитаемыми.
2. Не использовать слишком большие фотографии.
3. Для привлечения внимания обновлять страницу хотя бы раз в неделю.
4. Подобрать нужные элементы (текст, картинки, видеоклипы или звуковые фрагменты), чтобы их удобнее было увязать друг с другом. Страница получится более гармоничной и удобной для просмотра, если связанные между собой объекты, например словесные описания и изображения, будут дополнять друг друга.
5. Помнить, что на Web-страницах изображения должны иметь формат GIF или JPEG, звуковые файлы — формат WAV, а видео — формат AVI или Quick Time. Можно также использовать кадры (frames), которые позволяют обеспечить постоянное присутствие на странице какого-нибудь элемента, например логотипа или оглавления.
6. Не заполнять страницу большими 24-битными цветными изображениями с высоким разрешением, детально проработанным фоном и полнокадровым видео, чтобы не остаться без посетителей. Загрузка такой страницы будет очень длительной, и посетитель страницы может не дождаться окончания загрузки страницы. Графические изображения — максимум 256 цветов, фоновые изображения — не более одного-двух цветов. Частота смены видеокадров, количество цветов, разрешение и длительность клипа — все это должно быть минимальным. Что касается видео, можно руководствоваться следующим практическим правилом: сжатый файл размером 3 Мбайт содержит достаточно видеоинформации, чтобы стоило дожидаться, пока он загрузится.
7. Не следует злоупотреблять кричащими цветами и ярким фоном, при наборе текста использовать не больше двух шрифтов, не использовать спецэффекты, например, мигающий текст.
8. Для иллюстраций можно использовать изображения с купленных компакт-дисков или позаимствованные рисунки с Web-узлов, где есть бесплатные изображения. Некоторые авторы позволяют заимствовать изображения со своих Web-страниц, однако в каждом случае нужно в этом удостовериться. Так, компания Disney разрешает использовать свои иллюстративные материалы на персональных, некоммерческих Web-узлах при условии, что имеется ссылка на авторские.
9. Разработчики сайтов должны соблюдать грамматический контроль
10. Место Web-страницы в Web-пространстве определяет поставщик услуг Интернета.
Контрольные вопросы к главе 4
1. Что такое локальная сеть?
2. Дайте определения понятий: «рабочая станция», «сервер сети», «коммутационные узлы».
3. Какие сетевые операционные системы вы знаете?
4. Перечислите типы линий связи, используемые для построения сети.
5. Как классифицируются сети по топологии?
6. Что собой представляет структура Интернет?
7. Какие протоколы используются в сети Интернет?
8. Какие средства поиска существуют в Интернете?
9. Как работает электронная почта?
10. Какие средства общения предлагает Интернет?
Контрольные тесты к главе 4
1. Вычислительная сеть — это.
а) совокупность взаимосвязанных через каналы передачи данных компьютеров, обеспечивающих пользователя средствами обмена информацией и коллективного использования ресурсов сети;
б) это применение информации которая применяется для обработки данных;
в) это образование единого информационного пространства.
2. Топология сети — это. ?
а) схема соединения компьютеров по каналам связи;
б) сеть, использующая качественные линии связи;
в) хранение данных пользователей.
3. Что такое workstation?
а) рабочая станция;
в) топология сети.
4. Папка на диске почтового сервера, выделяемая каждому зарегистрированному на данном сервере адресату для накапливания поступающих ему писем:
а) почтовый сервер;
в) электронный почтовый ящик.
Дата добавления: 2018-04-15 ; просмотров: 1647 ; Мы поможем в написании вашей работы!
Источник
Основы проектирования Web-страниц
Персональная страничка (Web-страница) — лучшая визитная карточка в Web-пространстве. Web-страница — это текстовой файл, размеченный таким образом, чтобы любые программы просмотра (браузеры) на компьютерах любых систем видели его примерно одинаково. Для создания Web-страниц используется язык HTML.
HTML — это не язык программирования и не алгоритмический язык, это способ разметки гипертекста. Поэтому он и называется Hyper Text Markup Language — язык гипертекстовой разметки. Используя HTML, можно создать Web-страницу начального уровня. Наиболее простой способ создания несложной Web-страницы — использование возможностей текстового редактора MS Word. Начиная с версии Word-97 в программе предусмотрено сохранение документа в формате.
Всемирная паутина Web основывается на двух технологиях. Первая, HTTP (Hypertext Transfer Protocol — протокол передачи гипертекстов), определяет набор правил или протоколов, используемых при взаимодействии компьютеров в Web. Вторая технология — это уже упоминавшийся язык HTML, позволяющий помещать в Web красиво оформленные страницы (с графикой, анимацией и форматированным текстом) и связывать их с другими Web-страницами. HTML по сути представляет собой набор меток, которые незаметны для читателей страниц, но при этом влияют на внешний вид документа и обеспечивают интерактивность. Если на странице присутствуют гипертекстовая ссылка, указывающая на другую страницу, или текст, набранный полужирным либо курсивным шрифтом, или картинка в формате GIF, то за всеми этими элементами стоят соответствующие метки. Web-конструкторы позволяют превращать текст и графику в документы на языке HTML.
Каждая страница в Web имеет свой адрес или URL. Подобно адресу дома на улице указатель URL вполне конкретен и однозначен. Если известен адрес страницы (в большинстве браузеров он выводится в строке состояния), то можно включить в свой документ ссылку на этот адрес, чтобы читатели могли быстро к нему обратиться из созданной страницы. Чтобы сделать Web-страницы доступными для желающих, их необходимо сохранить на сервере ISP (Internet Service Provider — провайдер Интернета) или на сервере провайдера коммерческих услуг и получить у провайдера адрес URL. После этого все пользователи Web смогут напрямую связываться с базовой страницей.
Рекомендации по созданию Web-страниц.Для бизнеса очень важен маркетинг товаров и услуг, a Web является прекрасным местом для размещения рекламы. Web-узел — визитная карточка вашей организации. Некоторые рекомендации по созданию Web-страниц тем, кто собирается самостоятельно создавать свой Web-узел.
1. Целесообразно оживить страницу, используя заголовки, виньетки и картинки, оставить свободные поля и пробелы между абзацами, иначе страницы будут выглядеть громоздкими и неудобочитаемыми.
2. Не использовать слишком большие фотографии.
3. Для привлечения внимания обновлять страницу хотя бы раз в неделю.
4. Подобрать нужные элементы (текст, картинки, видеоклипы или звуковые фрагменты), чтобы их удобнее было увязать друг с другом. Страница получится более гармоничной и удобной для просмотра, если связанные между собой объекты, например словесные описания и изображения, будут дополнять друг друга.
5. Помнить, что на Web-страницах изображения должны иметь формат GIF или JPEG, звуковые файлы — формат WAV, а видео — формат AVI или Quick Time. Можно также использовать кадры (frames), которые позволяют обеспечить постоянное присутствие на странице какого-нибудь элемента, например логотипа или оглавления.
6. Не заполнять страницу большими 24-битными цветными изображениями с высоким разрешением, детально проработанным фоном и полнокадровым видео, чтобы не остаться без посетителей. Загрузка такой страницы будет очень длительной, и посетитель страницы может не дождаться окончания загрузки страницы. Графические изображения — максимум 256 цветов, фоновые изображения — не более одного-двух цветов. Частота смены видеокадров, количество цветов, разрешение и длительность клипа — все это должно быть минимальным. Что касается видео, можно руководствоваться следующим практическим правилом: сжатый файл размером 3 Мбайт содержит достаточно видеоинформации, чтобы стоило дожидаться, пока он загрузится.
7. Не следует злоупотреблять кричащими цветами и ярким фоном, при наборе текста использовать не больше двух шрифтов, не использовать спецэффекты, например, мигающий текст.
8. Для иллюстраций можно использовать изображения с купленных компакт-дисков или позаимствованные рисунки с Web-узлов, где есть бесплатные изображения. Некоторые авторы позволяют заимствовать изображения со своих Web-страниц, однако в каждом случае нужно в этом удостовериться. Так, компания Disney разрешает использовать свои иллюстративные материалы на персональных, некоммерческих Web-узлах при условии, что имеется ссылка на авторские.
9. Разработчики сайтов должны соблюдать грамматический контроль
10. Место Web-страницы в Web-пространстве определяет поставщик услуг Интернета.
Контрольные вопросы к главе 4
1. Что такое локальная сеть?
2. Дайте определения понятий: «рабочая станция», «сервер сети», «коммутационные узлы».
3. Какие сетевые операционные системы вы знаете?
4. Перечислите типы линий связи, используемые для построения сети.
5. Как классифицируются сети по топологии?
6. Что собой представляет структура Интернет?
7. Какие протоколы используются в сети Интернет?
8. Какие средства поиска существуют в Интернете?
9. Как работает электронная почта?
10. Какие средства общения предлагает Интернет?
Источник
