Файлом веб страницей деген не

Обновлено: 15.01.2025

2. Құжаттың басында жəне соңында қандай тегтер болуы тиіс?

3. Құжаттың тақырыбы қай тегпен қоршалып тұрады?

4. HTML сөзі нені білдіреді?

5. <tіtle> . </tіtle> тегтері не үшін қажет?

6. HTML құжатының негізгі мазмұндық бөлігін қандай тег қоршап тұрады?

7. Символдар көлемін өзгерту үшін қай тег қолданылады?

8. Атрибут деген не?

Курс тақырыбы: Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс ісстеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады

Сабақ тақырыбы: HTML5 элементтері

1.head элементі және веб-парақтың метадеректері

2. Топтастыру элементтері

Жаңа сабақты бекіту

1. HTML тілі деген не?

2. Гиперсілтеме деген не?

3. Браузер деген не?

4. Браузерлердің негізгі атқаратын қызметі қандай?

5. Гиперкеңістік деген не?

6. Интернеттің қызмет түрлері қандай?

7. Web-беттердің міндетті тегтерін атаңыз.

8. Параграф тегтерін тағайындаңыз.

9. HTML мәтіндік файлын сақтау тәртібі.

10. Сызық пен оның атрибуттарын құратын тегтер туралы айтыңыз.

11. RGB палитрасында түстер қалай анықталады.

Студенттерді бағалау.

5. Сабақ бойынша рефлексия

«Борт журналы» құру

6. Үй тапсырмасы

Гончаров А. Самоучитель НТМL

Курс тақырыбы : №2. Сайтқа стильдік кестелерді енгізу тәсілдерін, CSS қасиеттерімен жұмыс ісстеуде CSS-дің негізгі блоктары мен қосалқы сервистерді қолданады

Сабақтың тақырыбы: № 5 HTML5 элементтері

1.head элементі және веб-парақтың метадеректері

2. Топтастыру элементтері

Жұмыстың мақсаты: HTML тілінің негізгі тегтерін оқып-үйрену.

Құрал-жабдықтар мен бағдарламалық қамтама: блокнот.

Тапсырма: таңдалған фирманың құрылымын бейнелейтін web-бетті құрыңыз

HTML құжатының құрылымы:

1)барлық құжат <HTML> тегімен басталады да, </HTML> сәйкес тегімен аяқталады. Бұл тегтер жұбы – броузерге HTML құжаты екендігін хабарлайды;

2)HTML құжаты тақырыптар бөлімінен және құжаттың денесінен тұрады. Тақырыптар бөлімі <HEAD> және </HEAD> - тегтерінен тұрады, мұнда құжат туралы мәлімет көрстеіледі;

3)<TITLE> және </TITLE>тегтері тақырыптар бөлімінің ішінде орналасады және мұнда құжаттың арнайы тақырыбы орналасады;

4)Негізгі мәтін құжаттың денесінде көрсетіледі және ол <BODY>, </BODY> тегтерінің аралығында орналасады.

Осы төрт тег – HTML құжатының негізгі құрылымын білдіреді және бұл тегтер HTML тіліндегі барлық құжатта міндетті түрде көрсетіледі.

1)Блокнот программасын жүктеңіз;

2)Шыққан сұхбаттық терезеде мына қатарларды теріңіз (1-сурет):

<TITLE> Моя первая Web – страница </TITLE>

Это – моя первая Web-страница

1-сурет. Блокнотпрограммасының терезесі.

3)құрылған құжатты сақтаңыз (файл аты көрсетілетін қатарда 1.htm деп жазамыз) (2-сурет);

2-сурет. Құжатты сақтау терезесі.

4)сақталған файлды Internet Explorer броузерінің көмегімен ашатын болсақ 3-суреттегідей сұхбаттық терезе ашылады.

3-сурет. Internet Explorer броузерінің көмегімен ашылған Web-құжат.

<Hn> мен </Hn> - бұл тегтер атаудың стилі мен өлшемін орнатады әрі n 1-ден 6-ға дейін өзгереді. Н1 – ең үлкен өлшем.

<P> мен </P> - бұл тегтер ішінде параграфтың хабарланған атрибуттары әрекет ететін параграф тегтері. Мәтінді түзеу Align=”Left” – терезенің сол шетіне туралау (Right – оң шетіне, Center – ортасына) атрибутымен беріледі.

<Br> - мәтінді жаңа жолға тасымалдайтын жұп емес тег.

Табуляция секілді браузердің де жол соңы немесе қатарынан бір бос жолдан да көп символдарын қабылдамайтынын ескеру керек.

<Hr> - көлденең сызықтың тегі. Тегтің атрибуттары:

 size=”сан”. Бұл сан тік сызықтың биіктігін пикселмен көрсетеді;

 width=”сан” – сызықтың пикселдегі ені. Width=”30%” терезе енінен пайыздық ен;

 align=”left” – сол шетіне туралау (right – оң шетіне, center – сызықты ортасына қарай;

Блокнотты ашып, төмендегі келтірілген мәтінді теріңіз.

<Html><Head><Title> Менің алғашқы web-бетім </Title></Head>

<Body><H2> Семей қаржы-экономикалық колледжі</H2>

Фамилия мен топ көрсетілген буманы құрыңыз және оған құрылған файлды сақтаңыз. Тип файла өрісінде файлдың алғашқы сақталуы үшін Все файлы пунктін таңдаңыз, содан кейін файлдың атын теріп, нүкте арқылы htm кеңейтілуін қосыңыз, мысалы сіздің файлыңыз үшін aipet.htm. Блокнотты жауып, өз бумаңызды ашыңыз. Файлдың белгісі үлкен көгілдір «е» әрпі түрінде алынуы керек.

Назар аударыңыз ! Файлдардың аттары файлдағы ақпаратпен мазмұндас болуы тиіс. Оларды латынның кіші әріптерімен бос жолсыз жазу керек.

Файл атына жүгірткі батырмасын екі рет шертіп, оның интернеттегі түрін көру үшін браузерде қараңыз. Браузерде Вид – Просмотр HTML кода командасын таңдап, сіз тағы да блокнотта өз файлыңызды ашасыз. <Body> мен </Body> тегтерінің арасындағы файл мәтініне төменде келтірілген жолдарды қоса отырып, блокнотта web-бетті құруды жалғастырыңыз. Әр жолды қосқан сайын, файлды сақтаңыз. Браузер терезесіне өткеннен кейін, браузердегі жаңаланған файлды қарау үшін Вид – Обновить (F5) браузер командасын қолданыңыз. Қарап шыққан соң файлды өңдеуді жалғастыру үшін блокнотқа оралыңыз.

Түсіндірме. Браузер интерпретаторы файлды жол бойынша өңдейді. Егер тегтер немесе олардың атрибуттары дұрыс жазылмаса, қате туралы хабарлама берілмейді, тек тегтер қабылданбайды.

<H3 align="center" > „Программист бөлімі„ </H3>

<Br><P align="left"><font color="red"> Есептеу техникасы және бағдарламалық қамтамасыздандыру

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

Это простой текстовый файл

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

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

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

Для работы с кодом используют, как простые текстовые редакторы, так и более мощные инструменты. Давайте кратко их рассмотрим.

Инструменты для написания кода

Это самый простой и быстрый инструмент. Он встроен в операционную систему и поддерживает минимум функций для написания текста. В разных ОС блокнот называется по-разному. Например, в MAC OS – это TextEdit, а в Windows он так и называется блокнотом. Из-за отсутствия подсветки синтаксиса, работать с кодом в нем крайне неудобно, поэтому программисты выбирают другие инструменты.

Существует большое количество кодовых редакторов под разные операционные системы, включая Linux подобные. Среди программ есть платные и бесплатные варианты. Наибольшей популярностью пользуются Sublime Text, Notepad++, Brackets.

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

подсветка синтаксиса;
автоматическая настройка отступов;
снипеты;
множественный поиск и замена по файлу.

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

Тот же текстовый редактор, но дополненный новыми возможностями, такими как компилятор и отладчик кода. IDE позволяет не только писать код, но и запускать его на выполнение. Среди популярных представителей: Microsoft Visual Studio, PHPStorm, NetBeans. Последняя имеет открытый исходный код и распространяется бесплатно.

Следует понимать, что IDE более требовательны к ресурсам. На слабом компьютере лучше обходиться текстовым редактором. Но на каком бы варианте вы не остановились, для успешной работы потребуются и другие инструменты, такие как логика, терпение и желание учиться. Среда или блокнот сами не напишут ни строчки кода. Понимание того, что делаешь – вот главный путь к достижению результата. Изучайте, пробуйте, не ленитесь ставить эксперименты, прислушивайтесь к мнению опытных веб-мастеров. Тогда, рано или поздно, все получится.

Друзья, мы тут статейки пишем-читаем, иногда статьи удачные, иногда заходят менее хорошо (особенно это видно в Яндекс Дзен ). Большую часть статей, я стараюсь писать максимально понятно, в скобках дополняя разъясняя. Это идет из реальной жизни, так как общаясь с клиентами, я все чаще слышу фразы - говори по-русски. Все потому, что многие не понимают терминологию. Вот сегодня и будем разбирать терминологию, далее по тексту, так сказать!

Интернет - это взаимосвязь компьютерных сетей, состоящая из миллионов вычислительных устройств. Настольные компьютеры, мейнфреймы (сервера), смартфоны, планшеты, устройства GPS, игровые приставки - все подключаются к Интернету. Ни одна организация не владеет и не контролирует Интернет (Нееееееееет - закричали в Роскомнадзоре).

Всемирная паутина или “Веб” для краткости, - это пространство, где цифровой контент предоставляется пользователям.

В открытом доступе, в сети Интернет, содержится самая популярная база информации созданная человеком.

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

Браузер

Начаинающие и продвинутые пользователи Интернета получают доступ к сети через программное обеспечение веб-браузер, которое включено в состав компьютеров и мобильных устройств на момент покупки. Для Windows это Internet Explorer (начиная от Windows 10 - Microsoft EDGE), устройств от Apple, браузер Safari, для Android устройств предустановленного браузера нет, но как правило это Google Chrome, который идет в наборе со всеми другими сервисами компании и Play Market.

Браузер - это бесплатный пакет программного обеспечения или мобильное приложение, которое позволяет просматривать веб-страницы, графику и большинство онлайн-контента. Самые популярные веб-браузеры Google Chrome, Firefox, Internet Explorer, Opera и Safari.

Браузер - это такое программное обеспечение, специально разработанное для преобразования HTML и XML-кода в веб-страницы, удобно читаемые для человека.

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

Веб-страница

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

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

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

URL

Единые указатели ресурсов - URL-адреса - это адреса для веб-браузера, интернет-страниц и файлов. URL-адреса это часть нашей повседневной жизни. Они встречаются внизу визитных карточек, на экранах телевизоров во время рекламных пауз, связанных документах, которые вы читаете в Интернете или находите в одной из поисковых систем. Формат URL-адреса выглядит следующим образом:

Но чаще можно встретить следующее сокращение:

Иногда URL намного длинее и сложнее, но все они следуют признанным правилам для именования URL-адресов.

URL-адреса состоят из трех частей для обращения к странице или файлу:

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

Обычно поддоменами определяют отдельные проекты, одной компании.

HTML и XML

Язык гипертекстовой разметки - это язык разметки (html - это не язык программирования, точное определение ему именно - разметка) веб-страниц. HTML позволяет вашему веб-браузеру отображать текст и графику.

XML - это расширяемый язык разметки, схож с HTML. XML фокусируется на каталогизации и создании базы данных текстового содержимого веб-страницы.

XHTML - это комбинация HTML и XML.

IP адрес (Айпи адрес)

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

21DA: A3: 0: 2A3B: 2AD: FF: FA28: 9C5A

Каждому компьютеру, мобильному телефону и мобильному устройству, имеющему доступ к Интернету, назначается IP-адрес для отслеживания. Это может быть постоянный IP или динамический (который меняется), но всегда, он является уникальным идентификатором.

Интернет-провайдер или ISP

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

ISP предлагает различные услуги по различным ценам: доступ к веб-страницам, электронная почта, хостинг веб-страниц и т. Д. Большинство интернет-провайдеров предлагают различные скорости интернет-соединения за ежемесячную плату. Вы можете заплатить больше за высокоскоростное подключение к Интернету, если вам необходимо трансляция видео в сеть, или вы скачиваете большой объем информации попутно работая в интернете. Можно выбрать и менее дорогой пакет, если вы используете Интернет в основном для чтения страниц и электронной почты.

Маршрутизатор или роутер

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

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

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

Адрес электронной почты. Электронная почта

Как правило, начинать работать в сети интернет нужно именно с заведения своей собственной почты. Почта нужна в 90% случаев для регистрации на всех порталах, где вы будете работать. Это такой идентификатор, для связи с вами.

В идеале лучше иметь несколько почтовых ящиков для онлайн-покупок, деловых связей и социальных сетей.

Почтовый спам и фильтры

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

Вам может показаться, что это нереально, но статистика говорит об обратном, ежегодно, миллионы людей теряют свои средства именно благодаря тому, что ввели “не туда” свои персональные данные. И довольно часто именно пройдя по письмам из спама.

Чтобы защитить себя от взломщиков, которые хотят получить вашу личную информацию, будьте внимательными. Ваш банк не отправит вам электронное письмо и не просит паролей. Никто просто так не будет вручать вам подарочные сертификаты на 3000 рублей, не бывает 50% скидок от сервисов про которые вы слышите впервые, и 100% нет у вас родственников, о которых вы не знали, и тут, они оставили вам наследство.

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

Социальные медиа

Социальные медиа - это широкий термин для любого онлайн-инструмента, который позволяет пользователям взаимодействовать с тысячами других пользователей. Facebook и Вконтакте, Twitter, являются одними из крупнейших сайтов социальных сетей. Другие популярные сайты YouTube, Google+, Instagram, Pinterest, Snapchat, Tumblr и Reddit.

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

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

Электронная коммерция

Электронная коммерция - покупки в сети интернет. Каждый день, по всему миру в интернете совершаются сделок на миллиарды долларов.

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

При совершении покупок в Интернете вам предлагается ввести кредитную карту, PayPal, Яндекс Кошелек или другую информацию о платеже.

Шифрование и аутентификация

Шифрование - это математическое скремблирование (перемешивание) данных. Шифрование использует сложные математические формулы, чтобы превратить личные данные в бессмысленные набор символов, которые могут посмотреть только доверенные лица.

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

Когда шифрование на месте, ваши банковские данные и номера кредитных карт остаются конфиденциальными.

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

Скачивание, загрузка

Загрузка - это широкий термин, который описывает перенос чего-то, что вы найдете в Интернете, на свой компьютер или другое устройство. Обычно загрузка связана с музыкой, играми, видео файлами и программным обеспечением. Например, вы можете:

Загрузить новый музыкальный рингтон для своего мобильного телефона

Загрузить пробную копию Microsoft Office.

Чем больше файл, который вы копируете, тем дольше происходит загрузка на ваш компьютер. Некоторые загрузки занимают секунды; некоторые из них занимают минуты или больше в зависимости от скорости вашего интернета.

Облачные вычисления. Облако

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

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

Запуская веб-браузер пользователи получают доступ к облаку в Интернете работая в своих копиях программного обеспечения.

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

Подумайте сами, хранить информацию в Google Диске или Яндекс Диске, надежнее, чем на вашем компьютере. Как показывает практика, информация на вашем компьютере пропадает чаще чем из крупных сервисов.

Брандмауэр

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

Брандмауэры разнообразны, варьируются от небольших пакетов антивирусных программ до сложных и дорогостоящих программных совместно с аппаратным решениями. Некоторые брандмауэры бесплатны. Многие компьютеры поставляются с брандмауэром, который вы можете активировать (в Windows брандмауэр встроен).

Брандмауэры предлагают некоторую гарантию против взлома, лишая права доступа к вашей системе практически всему, что только просится к вам на компьютер, иногда это не очень хорошо, чтобы Брандмауэр работал корректно, необходимо время, обучить его (путем разрешений и запретов).

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

Вредоносное ПО или Malware

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

Нарушить работу компьютера (сегодня это редкость, никто не хочет чтобы ваш компьютер перестал работать, важнее чтобы он работал и отправлял данные);

Кража личной информации;

Дистанционное управление компьютером (включение вашего компьютера в ботнет);

Получение данных о кредитных картах. Отслеживание ваших покупок в интерне-магазинах.

Троян

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

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

Самые мощные трояны, ставит пользователь, предварительно скачав его из интернета.

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

Фишинг

Фишинг - это использование убедительных писем и веб-страниц, чтобы заманить вас на ввод номеров ваших учетных записей и паролей.

Блоги

Абсолютно любой может начать блог.

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

WWW - World Wide Web - всемирная паутина - собрание гипертекстовых и иных документов, доступных по всему миру через сеть Internet.

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

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

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

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

Универсальный международный стандарт Unicode (UTF-8) был создан с целью объединения всех существующих на сегодняшний день национальных кодировок в одну. Поддержка Unicode требует замены части программного обеспечения, да и далеко не все клиентские программы умеют распознавать этот стандарт. Именно поэтому сегодня Unicode практически не используется в Интернете, это кодировка будущего.

Серверы могут быть разными, причем различия заключаются прежде всего в операционной системе, под управлением которой они работают. В настоящее время на большинстве интернетовских узлов используют два типа серверных программ: либо Internet Information Server, рассчитанный на работу под Windows NT, либо Apache, предназначенный для платформ, совместимых со стандартом UNIX. Как правило, серверы работают на линиях с большой пропускной способностью, например, в сетях с оптоволоконными каналами связи, что по финансовым соображениям доступно лишь крупным предприятиям. Помимо соответствующей программы сервер должен иметь собственный домен, т. е. адрес DNS, отвечающий стандартам Domain Name System.

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

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

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

Хостинг бывает нескольких видов:

Общий хостинг (Shared Hosting)
VPS (Virtual Private Server – виртуальный приватный сервер)
Облачный хостинг (Cloud Hosting)

Домен (доменное имя) – это адрес (имя) сайта в сети Интернет, состоящее из набора символов и цифр. Каждое доменное имя в Интернете является уникальным. Максимальная длина доменного имени (между точками) – 63 символа. Общая длина имени, включая поддомены, разделительные точки и имя зоны домена, может составлять до 255 знаков.

Домены делятся на несколько уровней:

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

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

Способности необходимые веб-дизайнеру:

Художественные способности;
Интерес к веб-дизайну - интерес, который вряд ли возможно искусственно стимулировать и без которого даже человек с задатками художника не сможет эти задатки развить до рабочего состояния;
Компьютерная грамотность - уровень компьютерной грамотности должен быть несколько выше среднепользвательского, но не обязательно быть программистом, достаточно представлять себе, чем отличается друг от друга компьютерные технологии и веб-технологии;
Специализация в веб-дизайне.

В создании крупного сайта, как правило, участвуют несколько специалистов:

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

История вашего первого веб-сайта

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

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

Установка базового программного обеспечения

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

Каким должен быть ваш веб-сайт?

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

Работа с файлами

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

Основы HTML

Язык гипертекстовой разметки (Hypertext Markup Language, HTML) - это код, который вы используете для структурирования веб-содержимого и придания ему смысла и цели. Например, является ли моё содержимое набором абзацев, либо списком маркированных пунктов? Нужно ли вставить изображения на мою страницу? Есть ли у меня таблица данных? Не перегружая вас, статья Основы HTML предоставляет достаточно информации для вашего знакомства с HTML.

Основы CSS

Каскадные таблицы стилей (Cascading Stylesheets, CSS) - это код, который вы используете для стилизации своего веб-сайта. Например, хотите ли вы, чтобы текст был черным или красным? Где должно быть нарисовано содержимое на экране? Какие фоновые изображения и цвета должны быть использованы, чтобы украсить ваш веб-сайт? Основы CSS проведёт вас через то, что вам нужно знать, чтобы начать.

Основы JavaScript

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

Публикация вашего веб-сайта

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

Как работает Интернет

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

Читайте также: