1. Web-страницы имеют расширение:а) *.htm; б) *.txt; в)…

1. Web-страницы имеют расширение:

а) *.htm;

б) *.txt;

в) *.web;

г) *.exe;

д) *.www.

2. Для подключения к сети надо иметь …

а) модем;

б) принтер;

в) сканер;

г) сетевую карту.

3. Как записывается адрес Web-страницы?

а) www.zp.ua

б) [email protected]

в) 198.162.0.99.

4. Гипертекст — это …

а) структурированный текст, в котором могут осуществляться переходы по выделенным ссылкам

б) текст, введенный с клавиатуры в память компьютера

в)текст, в котором используется очень сложный шифр

5. Какой используется гипертекстовый язык для создания Web-сайтов?

а) HTML.

б)НТТР.

в) Pascal.

г) Java.

д) СИ++.

6. Средство просмотра Web-документов браузер отображает документ на экране, руководствуясь командами, которые автор документа внедрил в текст. Такие команды называются:

а)Тег.

б)Пиксель.

в)Код.

г)Команда.

д)Бод.

7. Укажите, что означает Web-навигация:

а) Простое перемещение между документами в Web-пространстве.

б) Целенаправленное перемещение между документами в Web-пространстве.

в) Удаление всех документов Web-пространства.

г) Переименование всех документов в Web-пространства.

д) Архивация всех документов Web-пространства.

9. Отметьте правильные IP-адреса

а)125.34.2

б) 125.34.12.1

в) 168.257.89.11

г) 11.0.0.0

д) 157.255.45.7

10. Какая из служб сети Интернет позволяет взаимодействовать с удаленным пользователем в реальном времени?

а) гостевая книга

б) электронная доска

в) электронная почта

г) форум

д) чат

11. Веб 2.0-сервисы Интернета — это …

а)форма работы в группе

б)форма коллективного взаимодействия

в)мозговой штурм

tvoiznaniya.com

Расширения файлов категории Интернет, веб файлы

Категория включает в себя файлы, связанные с веб-сайтами и веб-серверами. К ним относятся статические и динамические веб-страницы, веб-приложения и файлы, на которые ссылаются веб-страницы. Файлы, созданные программным обеспечением веб-разработки, также включены в эту категорию.

Самыми распространенными расширениями считаются .HTML, .ASP, .PHP, и .CSS.

РасширениеОписаниеПопулярность
.3dmФайл данных 3DMLРедко используется
.aspCкрипт ASPОчень часто используется
.aspФайл плагина ASAP WordPower WebShow PresentationОчень редко используется
.aspxCкрипт ASP.NETОчень часто используется
.cerСертификат безопасностиЧасто используется
.cfmФайл шаблона Adobe ColdFusionЧасто используется
.chmКомпилированный файл справки MicrosoftЧасто используется
.crdownloadВременный файл Google ChromeЧасто используется
.csrСертификат безопасностиОчень часто используется
.cssКаскадные таблицы стилейОчень часто используется
.dllДинамические вэб страницыСредне используется
.downloadФайл загрузкиСредне используется
.emlФайл сообщения электронной почтыЧасто используется
.flvВидео-файл FlashЧасто используется
.htaccessФайл конфигурации Apache WebСредне используется
.htmWeb-страница HTMLОчень часто используется
.htmlWeb-страница HTMLОчень часто используется
.jnlpФайл для загрузки Java в ИнтернетеЧасто используется
.jsСценарий JavaScriptОчень часто используется
.jspВеб-страница JavaСредне используется
.magnetMagnet-ссылкаСредне используется
.mhtФайл Mime HTMLСредне используется
.mhtmФайл Mime HTMLРедко используется
.mhtmlФайл Mime HTMLСредне используется
.msgСообщение электронной почтыОчень часто используется
.msoВложение электронной почтыСредне используется
.phpWeb-страница, скрипт PHPОчень часто используется
.prfФайл веб-профиля PICSРедко используется
.rssОбогащённая сводка сайтаЧасто используется
.srtФайл субтитров WebSRTСредне используется
.stlСписок доверия сертификатовСредне используется
.swfFlash-анимацияОчень часто используется
.torrentФайл BitTorrentОчень часто используется
.urlЯрлык интернетаЧасто используется
.vcfЭлектронная визитная карточкаОчень часто используется
.webarchiveWeb-архив Apple SafariЧасто используется
.weblocЯрлык интернета Mac OS XЧасто используется
.xhtmlРасширяемый HTML файлОчень часто используется
.xulXML-файл пользовательского интерфейсаЧасто используется

fileext.ru

Веб-страница | Вебмастеру

2.2K

Что такое web страница? Это документ, написанный на языке разметки гипертекста (HTML), который можно просмотреть с помощью браузера. Доступ к веб-странице осуществляется путем ввода URL-адреса.

Веб-страница может содержать текст, графику и гиперссылки на другие страницы и файлы.

Для просмотра веб-страницы требуется браузер (например, Internet Explorer, Edge, Safari, Firefox или Chrome). В браузере можно открыть веб-страницу, указав в адресной строке URL-адрес. Например, введя «https://www.computerhope.com/esd.htm», вы откроете страницу ESD Computer Hope.

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

Первая веб-страница была создана в CERN Тимом Бернерсом-Ли 6 августа 1991 года. Перед тем, как создать web страницу, вы можете посетить и просмотреть первый сайт и первую веб-страницу по адресу http://info.cern.ch/.

Сайт — это место, содержащее более одной веб-страницы. Например, наш ресурс является сайтом, который включает в себя тысячи различных веб-страниц, включая ту, которую вы сейчас читаете:


В приведенном выше примере URL-адреса «url.htm» — веб-страница, это всегда последняя часть URL-адреса. Для URL, которые не имеют окончаний .htm, .html, .php, .cgi, .pl или другого расширения файла, сервер загружает веб-страницу index.htm по умолчанию. Например, для URL-адреса страницы контактов нет веб-страницы. В этом случае загружается индексный файл по умолчанию из каталога /contact.

Мы уже упоминали, что для просмотра web страниц используются браузеры. Веб-страница состоит из нескольких элементов, включая CSS, изображения и JavaScript. Тело веб-страницы создается с использованием HTML. Этот код может быть создан с использованием HTML-редактора, написан человеком или сгенерирован с использованием серверных скриптов. Обычно веб-страница, созданная человеком, заканчивается расширением .htm или .html. Например, эта страница имеет имя файла «webpage.htm». Страницы, сгенерированные скриптом, могут заканчиваться на .cgi, .php, .pl и т.д.

Ниже приведена разбивка основных элементов, чтобы веб-дизайнеры могли понять, какова логическая структура web страницы:

  1. Название сайта, логотип или название компании почти всегда находятся в верхнем левом углу каждой веб-страницы. Также неплохо использовать слоган или краткое описание страницы, чтобы дать новым посетителям представление о сайте. Этот элемент веб-страницы обычно является ссылкой, которая ведет на главную страницу;
  2. Панель поиска позволяет посетителям быстро найти веб-страницу. Она должна присутствовать на каждой странице;
  3. Панель или меню навигации обычно находится в верхней или левой части каждой веб-страницы. Она и должна включать в себя ссылки на каждый из основных разделов сайта;
  4. Рекламные баннеры могут отображаться в разных местах на веб-странице. Обычно они отображаются в верхней, левой, правой или нижней части веб-страницы или включены в основной контент;
  5. Социальные кнопки позволяют посетителям делиться ссылкой на веб-страницу на сайтах социальных сетей;
  6. В созданных web страницах хлебные крошки помогают посетителю понять, где он находится, а также перейти к другим разделам сайта;
  7. Заголовок должен находиться в верхней части каждой веб-страницы. Он создается с использованием HTML-тега <h2>.
  8. Начальный абзац является одним из наиболее важных элементов веб-страницы. Он должен заинтересовать посетителя ознакомиться с содержимым веб-страницы. Один из способов привлечь внимание посетителей — вставить изображение рядом с начальным абзацем;
  9. Каждая веб-страница должна быть разбита на заголовки более низкого уровня, которые позволяют посетителю легко просматривать контент и находить на странице то, что ему наиболее интересно. При создании веб-страницы это можно сделать с помощью HTML-тегов <h3> … <h6>;
  10. Хорошая идея — предоставить посетителям ссылку или кнопку, перенаправляющую на форму обратной связи, чтобы они могли сообщить, была ли полезна им данная веб-страница или нет;
  11. Дополнительная информация и инструменты, такие как кнопка для вывода страницы на печать, также могут быть полезны для пользователей;
  12. Футер должен включать в себя дополнительную информацию, которая важна для компании или сайта. А также ссылки на другие веб-страницы;
  13. Копирайт и любое юридическое или конфиденциальное уведомление также должны быть размещены на всех веб-страницах. В основах проектирования web страниц этот элемент не только может ссылаться на соответствующую юридическую информацию. Он также указывает, что посетители достигли конца веб-страницы;
  14. Кнопка «Вверх страницы» может помочь посетителям быстро вернуться к верхней части веб-страницы, чтобы получить доступ к ссылкам меню.

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

Данная публикация представляет собой перевод статьи «Web page» , подготовленной дружной командой проекта Интернет-технологии.ру

www.internet-technologies.ru

Web-страницы имеют формат (расширение)

1). *.txt

2). *.htm

3). *.doc

4). *.exe

24. Какой протокол является базовым в Интернет?

1). HTTP

2). HTML

3). TCP

4). TCP/IP

25. Какой из способов подключения к Интернет обеспечивает наибольшие возможности для доступа к информационным ресурсам?

1). постоянное соединение по оптоволоконному каналу

2). удаленный доступ по коммутируемому телефонному каналу

3). постоянное соединение по выделенному телефонному каналу

4). терминальное соединение по коммутируемому телефонному каналу

26. Задан адрес электронной почты в сети Internet: [email protected]. Каково имя владельца электронного адреса?

1). int.glasnet.ru

2). user_name

3). glasnet.ru

4). Ru

27.

1).

2).

3).

4).

28.

1). б, в

2). а, б

3). а, г

4). в, г

Программы, которые можно бесплатно использовать и копировать, обозначаются компьютерным термином …

1). hardware

2). shareware

3). freeware

4). Software

30.

1). витой парой проводов

2). оптоволоконным кабелем

3). коаксиальным кабелем

4). Шиной

В компьютерных сетях концентратор выполняет функцию…..

1). концентрации в одном пакете нескольких байтов

2). модуляции и демодуляции информационных сигналов

3). сжатия сигнала

4). коммутации нескольких каналов связи на один путем частного разделения

Домен.ru является ________ доменом.

1). первичным

2). зональным

3). надежным

4). Основным

Защита информации

1. Может ли присутствовать компьютерный вирус на чистой дискете (на дискете отсутствуют файлы)?

1). да, в области данных

2). да, в области каталога

3). да, в загрузочном секторе дискеты

В целях сохранения информации жесткие магнитные диски необходимо оберегать от …

1). пониженной температуры

2). перепадов атмосферного давления

3). света

4). ударов при установке

3.

1). а, б

2). а, г

3). б, в

4). в, г

Программы архивирования данных относятся к …

1). базовому программному обеспечению

2). сервисному программному обеспечению

3). инструментальному программному обеспечению

4). прикладному программному обеспечению

Цифровая подпись обеспечивает

1). Невозможность отказа от архивирования

2). Быструю пересылку документа

3). Защиту от изменений документа

4). удаленный доступ к документу

Электронная цифровая подпись устанавливает _____информации

1). целостность

2). тип

3). непротиворечивость

4). Противоречивость

7. Компьютерный вирус — это …

1). специальная программа, способная размножаться

2). средство для проверки дисков

3). программы для отслеживания вирусов

4). файл, который при запуске »заражает» другие

Защита кабельной сети относится к ______________методам защиты информации

1). организационным

2). административным

3). программным

4). Физическим

9. Вирусы можно классифицировать по:

1). способу заражения среды обитания

2). среде обитания

3). воздействию

4). по месту создания

studlib.info

Какой лучший «формат файла» для сохранения полных веб-страниц (изображений и т.д.) В одном архиве? — html

Проблема заключается в том, что html имеет нижнюю часть, а не сверху вниз. Посмотрите на свое имя файла, которое было сохранено в моем окне как «Какой лучший» формат файла «для сохранения полных веб-страниц (изображений и т.д.) В одном архиве? — Stack Overflow.html»

Просто добавьте ‘|’ и есть проблемы с копированием и вставкой резервных копий на резервный диск. В конце концов вы в конечном итоге. уничтожая имя файла, чтобы сохранить его. Десятки /, возможно, сотни идентичных index.html или index.php загромождают мои диски.

Частичное решение состоит в том, чтобы написать собственную CMS и использовать сценарии для сопоставления всех соответствующих файлов в плоской файловой базе данных — затем используйте имя файла, размер, mtime и md5, чтобы получить уникальный идентификатор для каждого файла. Создайте индекс плоского файла, разрешающий записи 100k или 1000k. Цель состоит в том, чтобы написать один раз и использовать много раз. Таким образом, вам нужна реальная CMS, вам нужен уникальный идентификатор на основе контента (например, index8765432.html), который входит в ваш файл_архив. То же самое для других. Затем вы можете без разрушительной символической ссылки из сохраненного исходного html в файл_архив и просто воссоздать файл, используя php или альтернативный script, если это необходимо. Не знаю, будет ли это работать, поскольку я нахожусь в той же точке, в которой вы находитесь, — может быть, через неделю это точно будет знать. Более полезный подход состоит в том, чтобы иметь структуру сверху вниз, основанную на ваших деловых или личных потребностях и связанных с ними задачах. Таким образом, ваши файлы могут быть организованы сверху вниз, но внешние снизу вверх, чтобы сохранить исходное содержимое. Я заинтересован в услугах Web 3.0, и чем ближе вы добираетесь до машинного взаимодействия, тем больше потребность в структурировании информации. Может быть, время переосмыслить идею объединения всего в один файл. Таким образом, у вас есть сотни main.css, почему пакет, когда решение сверху вниз может позволить вам изменить один файл, а не сотни.

qaru.site

Интернет, web файлы — расширения, форматы файлов

ФорматНазвание
.a4pФайл проекта A4Desk Pro
.a5wФайл веб-страницы Alpha Five
.adrСписок закладок Opera
.aexФайл скомпилированных глобальных функций Alpha Five
.alxФайл данных ActiveX
.anФайл проекта Adobe Edge Animate
.apWeb-страница, скрипт
.appcacheФайл манифеста кэша HTML5
.aroWeb-страница, скрипт SteelArrow
.asaФайл конфигурации ASP
.asaxПриложение ASP.NET
.ascxWeb-страница, скрипт ASP.NET
.ashxWeb-страница ASP.NET
.asmxФайл данных ASP.NET
.aspWeb-страница, скрипт ASP
.aspxФайл расширенной активной серверной веб-страницы
.asrСценарий ActionScript
.atomФайл Atom-ленты сайта
.attОтправленные на e-mail данные POST-запроса
.awmФайл проекта AllWebMenus
.axdИнструкции обработки ресурсов (ASP.NET)
.bmlWeb-страница Bean Markup Language
.bokФайл динамической веб-страницы ProStores
.brФайл сжатия данных Brotli
.browserФайл определений для web-браузеров (ASP.NET)
.btappПриложение для uTorrent
.bwpWeb-страница, скрипт BuRg3r
.cdfОпределение канала
.cerСертификат безопасности (https)
.cfmWeb-страница, скрипт ColdFusion
.chaФайл конфигурации online-чата
.chatФайл конфигурации IRC-чата
.chmСкомпилированный HTML-файл справки
.cmsWeb-страница CMS
.codasiteФайл проекта веб-сайта Coda
.conИсходный код Concept Application
.cpgФайл проекта Cool Page
.crlЧерный список цифровых сертификатов
.crtСертификат безопасности (https)
.cshtmlWeb-страница, скрипт ASP.NET Razor
.cspWeb-страница, скрипт CSP
.csrСертификат безопасности
.cssКаскадная таблица стилей
.dapWeb-страница для доступа к БД Access
.dbmWeb-страница ColdFusion
.dcrФайл мультимедиа Shockwave
.derФайл цифрового сертификата DER
.dhtmlДинамическая HTML-страница
.discoИнформация о просмотре докуметов DISCO
.discomapФайл данных DISCO Discovery
.dllДинамическая web-страница
.dmlСкрипт DynaScript
.doJava Servlet
.downloadНезавершенная закачка
.dwtШаблон web-страницы Dreamweaver
.eceДинамическая web-страница Escenic
.edgeФайл HTML-проекта Adobe Edge
.epibrwСсылка на файл в Интернете
.esprojФайл проекта веб-сайта в Espresso
.ewpПроект web-сайта (Ewisoft Website Builder)
.fcgiWeb-страница, скрипт FastCGI
.fmpФайл проекта выпадающего меню 123 Flash Menu
.freewayДокумент Freeway
.fwpWeb-пакет Microsoft Expression
.fwtbФайл пакета шаблонов сайта Freeway
.fwtemplateФайл шаблона сайта Freeway
.gneWeb-страница Flickr
.gspСообщение об ошибке доставки электронной почты IMail
.gspФайл веб-страницы Groovy
.hdmWeb-страница HDML
.hdmlФайл веб-страницы с разметкой Handheld Device Markup
.htaccessФайл HTACCESS Apache
.htcКомпонент HTML-страницы
.htmWeb-страница HTML
.htmlWeb-страница HTML
.htxВспомогательный файл HTML
.hxsКомпилированный файл справки Microsoft Help 2.0
.hypeФайл проекта веб-сайта Hype
.hypesymbolФайл символа Hype
.idcЗапросы к базе данных ODBC (web-сервер)
.iqyФайл интернет-запроса
.itmsСсылка на магазин цифрового контента iTunes
.itpcСсылка на аудио-подкаст iTunes
.iwdgtФайл виджета Apple iWeb
.jczАнимация Microsoft Liquid Motion
.jhtmlHTML-страница с поддержкой Java
.jnlpФайл для загрузки Java в Интернете
.jsСценарий JavaScript
.jsonФайл обмена данными JavaScript
.jspWeb-страница, скрипт JSP
.jspaЯрлык (алиас) Java Servlet
.jspxWeb-страница XML Java
.jssТаблица стилей JavaScript
.jstWeb-страница, скрипт JSP
.jvsФайл конфигурации прокси-сервера JavaScript
.jwsФайл Web-сервиса Java
.kitФайл исходного кода CodeKit
.lassoWeb-страница, скрипт Lasso (LDML)
.lbcСохраненная ссылка Cloaked Affiliate Link Builder
.lessТаблица стилей LESS
.maffWeb-архив Mozilla Firefox
.mapMap-инструкции для Web-страницы
.mapxФайл конфигурации Mapjects GRYD
.mhtСохраненная web-страница MIME HTML
.mhtmlHTML-документ MIME
.mjsФайл исходного кода модуля ECMAScript для Node.js
.mspxWeb-страница Microsoft ASP.NET
.museПроект web-сайта Adobe Muse
.mvcСкомпилированный скрипт Miva Merchant Empresa
.nodWeb-страница NetObjects Fusion
.nxgWeb-страница eSite Builder NXG
.nzbФайл индексирования контента Usenet
.oamАнимированный виджет Adobe Edge Animate
.obmlСохраненная web-страница Opera Mini
.obml15Файл сохраненной веб-страницы Opera Mini 5
.obml16Файл сохраненной веб-страницы Opera Mini 7
.ogncДинамическая web-страница
.olpПакет Microsoft Office Live
.opmlДокумент OPML
.othHTML-шаблон OpenDocument
.p12Файл зашифрованного цифрового сертификата
.p7bФайл сертификата PKCS #7
.p7cФайл сертификата PKCS #7
.pacФайл автоматической конфигурации прокси-сервера
.pemРасширенный сертификат электронной почты
.phpФайл исходного кода веб-страницы на языке PHP
.prfФайл правил веб-фильтрации в формате Platform for Internet Content Sel
.proФайл дизайна веб-страницы Adobe Proto
.pspWeb-страница PL/SQL
.pubФайл открытого ключа шифрования
.qboФайл синхронизации финансовой информации QuickBooks
.qbxФайл целевой веб-страницы Blocks
.qfШаблон web-страницы Qompose
.qrmСообщение Qworum
.rflwФайл данных Edge Reflow
.rhtmlWeb-страница Ruby HTML
.rjsФайл Ruby Javascript
.rssФайл RSS-ленты сайта
.rtПотоковая текстовая презентация Real
.rw3Файл проекта веб-сайта RapidWeaver 3
.rwpПакет контента веб-сайта RapidWeaver
.rwswФайл проекта веб-сайта RapidWeaver
.rwthemeФайл темы оформления веб-сайта RapidWeaver
.saveddeckСохраненная web-страница Nokia
.scssТаблица стилей Sass
.sdbВеб-страница блога SocialDecks
.shtmHTML-документ с исходным кодом
.shtmlHTML-документ с исходным кодом
.sitemapКарта web-сайта (ASP.NET)
.sitesПроект дизайна веб-сайта iWeb
.sites2Проект дизайна веб-сайта iWeb
.spcФайл цифрового сертификата издателя программного обеспечения
.srfФайл данных Visual Studio
.sspWeb-страница, скрипт Scala
.stcФайл ключа подключения Contribute
.stlСписок доверенных сертификатов
.stmФайл серверной веб-страницы
.stpШаблон веб-сайта SharePoint
.suckФайл списка автономных веб-сайтов SiteSucker
.swzФайл кэша Adobe Flash Player
.tplШаблон веб-страницы HTTP File Server
.tvpiТВ-программа TitanTV
.tvviТВ-программа TitanTV
.ucfФайл мультимедиа WebEx
.uhtmlФайл сохраненной веб-страницы UC Browser
.urlЯрлык Интернета
.vbdДокумент с элементами ActiveX (Visual Basic)
.vbhtmlWeb-страница, скрипт ASP.NET Razor
.vdwФайл иллюстрации Visio
.vlpФайл проекта LiveSite
.vrml3D-модель VRML
.vrtФайл виртуального 3D-мира
.vsdiscoДокумент Microsoft Directory of Web Services
.wbsФайл проекта WebBlender
.wbxmlДвоичный XML-документ (WAP)
.wdgtВиждет Opera
.webПроект веб-разработки Xara
.webarchiveWeb-архив Safari
.webhistoryФайл истории посещений веб-страниц Safari
.weblocЯрлык Интернета Mac OS X
.websiteЯрлык интернета Internet Explorer
.wgpФайл проекта Web Gallery
.wgtФайл виджета веб-браузера Opera
.whttКопия web-сайта HTTrack
.widgetФайл компонента фреймворка HybridJava
.wmlWeb-страница Wireless
.wnВеб-файл WN
.woaПриложение WebObjects
.wppФайл проекта веб-сайта WebPlus
.wpxШаблон проекта веб-сайта WebPlus
.wrfВидеозапись WebEx
.wsdlФайл данных WSDL
.xbelФайл закладок XBEL
.xblДокумент Extensible Binding Language
.xfdlФайл данных Extensible Forms Description Language
.xhtWeb-страница XHTML
.xhtmWeb-страница XHTML
.xhtmlРасширенный HTML-документ
.xpdXML-документ XPD
.xssXML-таблица стилей
.xulXML-файл пользовательского интерфейса
.xwsФайл веб-графики Xara Web Designer
.zfoФайл online-формы XSL-FO
.zhtmlСохраненная, сжатая web-страница Secure IE
.zhtmlФайл динамической веб-страницы RabbitWeb
.zulФайл данных пользовательского интерфейса (ZK)
.zvzФайл с возможным вирусом

open-file.ru

Форматы графических файлов для Web — КиберПедия

При создании сайтов используются в основном три формата графических файлов: GIF (расширение .gif), JPEG (расширение .jpg) и PNG (расширение .png). Их свойства, преимущества и недостатки надо обсудить подробнее.

Самым распространенным форматом графических файлов для HTML-документов является GIF — Graphic Interchange Format. Для кодирования цвета в нем используется 8 бит, то есть допускается только 256 различных цветов или столько же градаций серого. Наборы цветов (палитры) могут быть различными. Один GIF-файл может содержать несколько изображений, позволяющих создавать движущиеся или изменяющиеся образы. В этом случае требуется согласование палитр различных изображений, составляющих один файл. Похожая проблема возникает, если монитор работает в режиме 256 цветов, а на экране одновременно воспроизводятся несколько изображений с разными палитрами. Очевидно, что для части картинок качество цветопередачи будет ухудшено.

Само по себе 8-битовое кодирование цвета предполагает, что размер графического файла будет относительно небольшим. Но, кроме того, для уменьшения размера файла используется еще и сжатие изображения. Существует две разновидности GIF-файлов: сжатые и обычные, в которых сжатие отсутствует. Компактность файла и дополнительные преимущества стали причиной того, что данный формат прочно утвердился в качестве стандарта де-факто для Интернета.

Дополнительное преимущество этого формата заключаются в том, что хранение информации в файле может быть организовано таким образом, чтобы при выводе рисунка происходило чередование строк (интерлейсинг). То есть вначале будут выводиться строки с номерами 1, 5, 9 и т. д., затем с номерами 2, 6, 10 и т. д., и так до тех пор, пока весь рисунок не будет отображен. Для наблюдателя такой рисунок вначале кажется нечетким, а затем четкость изображения увеличивается. При передаче данных по сети это особенно выгодно, так как еще до окончания передачи файла пользователь имеет возможность увидеть изображение, хотя и в несколько размытом виде.

Еще одно преимущество GIF — возможность сделать часть изображения прозрачной. Прозрачным может стать только один цвет. Так, создание прозрачного фона позволяет более естественно вписать рисунок в документ и избежать появления прямоугольника, обозначающего границы изображения.

Этот формат используется в основном для размещения на Интернет-странице графических элементов оформления – кнопок, значков, обозначений, стрелок, а также анимированных баннеров.



Формат JPEG – основной формат для размещения фотографий на сайтах. У него практически нет ограничений по количеству отображаемых цветов. Плюс этого формата в том, что используется алгоритм сжатия, благодаря которому объем файла во много раз меньше, чем для того же изображения в таких форматах, как TIFF и BMP. В сжатии заключен и минус этого формата. Изображения, созданные в графических редакторах, таких как Adobe Photoshop, с использованием контрастных линий, не всеми браузерами отображаются качественно.

В статье «Представление графических данных» приведены рекомендации по использованию форматов GIF и JPG и предсталена очень наглядная иллюстрация того, какой объем файла получается при сохранении одного и того же изображения в этих форматах.

В качестве альтернативы формату JPEG был внедрен формат PNG. Этот формат является основным форматом графического редактора Macromedia (Adobe) Fireworks, поддерживает слои, объекты, надписи, вставляется в Интернет-страницы без конвертации. В дальнейшем могут свободно редактироваться отдельные слои и объекты графического файла. Этот формат характеризуется наилучшим качеством изображения, однако, во-первых, старые браузеры его не поддерживают и, во-вторых, не все браузеры поддерживают прозрачность фона, реализованную в формате. Одним из существенных недостатков является то, что изображение в формате PNG имеет существенно больший объем, чем такое же изображение в формате JPEG.

 

10. ТЕХНОЛОГИИ СОЗДАНИЯ САЙТОВ С ИСПОЛЬЗОВАНИЕМ WYSIWYG-РЕДАКТОРОВ. ДВИЖОК САЙТА.

WYSIWYG – это аббревиатура от английских слов What You See Is What You Get, что переводится как «что видишь, то и получишь». То есть, речь идет о среде разработки, в которой пользователь по мере своей работы может сразу же видеть примерный результат своих усилий.. С помощью подобных приложений можно создавать код на разных языках программирования и верстки – HTML, CSS, PHP и др.



Список WYSIWYG-редакторов HTML-кода[править | править исходный текст]

Adobe GoLive

Adobe (Macromedia) Dreamweaver

Namo Webeditor

Microsoft FrontPage

Microsoft SharePoint Designer

Microsoft Expression Web

Mozilla Composer

Quanta Plus

Kompozer (основан на Nvu)

WYSIWYG Web Builder 5

Web Page Maker

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

Движки сайта можно разделить на две группы:

Движки для конкретных сайтов и для конкретных задач.

Универсальные движки сайтов. Рассчитаны для решения многих задач. Часто называются программами-редакторами. Создав сложный и универсальный движок сайта, и передав его владельцу сайта, веб-дизайнер тем самым предоставляет ему возможность заниматься созданием сайта полностью самостоятельно. В этом случае уместен вопрос: зачем тогда нужно обращаться к веб-дизайнеру?

11. ТИПЫ WEB-САЙТОВ

Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Прикладным протоколом для передачи гипертекста (веб-страниц) является http (https), который указывается в URL или адресе любого ресурса (документа, файла) в Internet. Общий вид URL: протокол://хост-компьютер/имя файла (например: http://lessons-tva.info/book.html).

Типы сайтов

В зависимости от технологии создания можно выделить следующие типы сайтов:

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

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

3. Flash-сайты – это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.

4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.

Сайты по взаимодействию пользователя с ресурсами веб-страницы можно разделить на пассивные и активные или интерактивные.

Пассивные сайты – это сайты с пассивными веб–страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на веб-страницах.

Интерактивные сайты – это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.

Статические сайты с пассивными веб-страницами

Технология создания веб-страницы статических сайтов: язык HTML (Hyper Text Markup Language), который является языком разметки гипертекста и каскадные таблицы стилей CSS (Cascading Style Sheets). CSS используется для оформления и форматирования различных элементов веб-страниц, в результате чего значительно снижают размеры веб-страниц.

Создание веб-страниц статических сайтов — это трудоемкий процесс. Статические сайты с пассивными веб-страницами создаются вручную, с помощью какого – либо редактора HTML в файловой системе компьютера, потом загружаются на сайт. Создание новых веб-страниц или редактирование существующих страниц пользователь выполняет на ПК в редакторе, а затем вновь загружает на Web-сайт.

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

Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Конструкторы веб-сайтов размещаются на некоторых сайтах в сети Интернет.

Для обучения целесообразно использовать редактор Microsoft FrontPage — это визуальный HTML редактор, который входит в состав приложений Microsoft Office. Но создание реального сайта лучше выполнять в русифицированном редакторе Macromedia Dreamweaver 8 с использованием технологии CSS. Необходимо отметить, что с целью быстрой загрузки веб-страниц их размеры не должны превышать 20 Кбайт.

cyberpedia.su