ВебСайты. Создание вебсайтов
![]()
|
Создание веб-сайтов1. Веб-сайты и веб-страницы 2. Текстовые веб-страницы 3. Оформление документов 4. Рисунки 5. Мультимедиа 6. Таблицы 7. Блоки 8. Размещение веб-сайтов Создание веб-сайтов1. Веб-сайты и веб-страницы Основные определенияГипертекст (англ. hypertext) – это текст, содержащий гиперссылки. Гиперссылка (англ. hyper reference) – это «активная» ссылка на другой объект (часть того же документа, другой документ, файл, каталог, программу и т.д.). Веб-страница – это гипертекстовый документ в Интернете. Веб-сайт – группа веб-страниц, которые объединены общей темой и оформлением, связаны гиперссылками. Веб-сервер – это программа, которая принимает запросы по протоколу HTTP и отвечает на них – возвращает веб-страницы и дополнительные данные (рисунки, звуковые файлы, видеофайлы). Браузер – это программа для просмотра веб-страниц на экране монитора. Что такое веб-страница?Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis scelerisque metus, non hendrerit neque convallis placerat. Phasellus consequat convallis nisl, a volutpat quam posuere sed. Maecenas laoreet congue nibh, et euismod lectus varius sit amet. In tristique mattis leo, eget commodo ante egestas eget. Sed id purus quis ligula scelerisque fringilla. Suspendisse scelerisque, sapien id scelerisque imperdiet, tellus odio consequat nunc, eu fermentum diam lacus non urna. Praesent faucibus massa in risus sagittis a luctus justo aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent metus dolor, semper ut fermentum vel, imperdiet in risus. Nam a lectus lorem, dictum semper nulla. In eget ipsum non arcu aliquet lacinia. Morbi iaculis sodales metus, vel posuere orci vulputate vel. Nulla non felis sem, sagittis porttitor mi. Curabitur in tortor in nisi egestas cursus quis at sapien. Proin pulvinar, odio id lacinia suscipit, sem justo aliquam risus, nec suscipit enim felis at justo. Donec at nulla orci, suscipit auctor arcu. Donec nec tortor quis justo scelerisque cursus id et magna. index.html sunset.jpg tree.jpg images media laugh.wav movie.flv запрос на каждый файл! HTML = Hypertext Markup Language (язык разметки гипертекста) HTML – это не язык программирования! ! Какие бывают веб-страницы?статические – готовые файлы *.htm, *.html динамические – полностью или частично создаются на сервере в момент запроса *.php, *.asp, *.pl, *.cgi, *.shtml … быстро загружаются почти не нагружают сервер невозможна работа с базами данных (в т.ч. гостевые книги, комментарии, Веб 2.0) работа с базами данных загружаются медленнее дополнительная нагрузка на сервер Системы управления сайтамиCMS = Content Management System, система управления содержимым сайта. Функции: создание разделов сайта создание страниц база данных пользователей управление доступом обеспечение навигации и поиска Не нужно знать HTML! ! 1c-bitrix.ru Joomla! joomla.org Drupal drupal.org ucoz.ru wordpress.org бесплатно! Интерактивные страницыDHTML = Dynamic HTML, динамический HTML. Скрипт или сценарий (англ. script) – это программный код для автоматизации действий пользователя. Javascript замена текста, оформления, рисунков многоуровневые выпадающие меню скрытие и показ частей страницы проверка данных, введенные пользователем выполнение вычислений игры… Создание веб-сайтов2. Текстовые веб-страницы Как создать веб-страницу?Любой текстовый редактор (Блокнот и т.п.) 2×ЛКМ Текстовые редакторы с подсветкой HTML-тэгов: Sublime Text (sublimetext.com) NotePad++ (notepad-plus-plus.org) Bluefish (bluefish.openoffice.nl) HEFS (kpolyakov.spb.ru/prog/hefs.htm) Редакторы WYSIWYG = What You See Is What You Get TinyMCE (www.tinymce.com) Kompozer (kompozer.net) CKEditor (ckeditor.com) openWYSIWYG (www.openwebware.com) BlueGriffon (bluegriffon.org) бесплатно! бесплатно! Первая веб-страницаТэг – команда языка HTML открывающий тэг закрывающий тэг Привет! Привет! Привет, Вася! Привет, Вася! Петя, тебе тоже привет! |