Всемирнопаутинные заметки/Создание веб-страниц: различия между версиями

Содержимое удалено Содержимое добавлено

Линейный

Версия от 05:23, 10 июля 2011

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

Для понимающих информационные технологии, вебстраница есть текстовый файл, в незакодированном виде хранящий текст, но текст тот измежёван пометками на особом языке разметки — HTML, который довольно прост и служит для:

разделения содержимого на части, обычно по смыслу: например, "заголовок", "простой текст", "цитата", "выделенный текст", "навигационное меню";
привязки побочных данных ко всему документу или выделенным частям. Так, например, можно указать адрес, к которому перейдёт пользователь, задействовав гипертекстовую ссылку; сам адрес — неявное, дополнительное (часто несущественное) содержание;
вставки картинок.

Каждый из выделенных на языке HTML элементов можно довольно детально оформить на языке CSS. На изучение обоих у скороумного человека может уйти меньше двух часов.

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

Тебе выбирать:

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

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

Каковой сделать свою вебстраницу

На твоей простой вебстранице должны быть:

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

Желательно также, чтобы страница была:

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

И просто обязательные требования: страница обязана скоро загружаться и ладно работать у любого посетителя.

Первые шаги

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

Непосредственно разметка производится с помощью тегов. Теги заключаются в угловые скобки "‹" и "›".

Обязательными являются теги ‹html› ‹head› и ‹body› 1-й поясняет что у нас не просто непонятная фигня в блокноте, а веб страница. Второй отвечает за голову. А третий - тело. То есть все то, что мы хотим запихнуть на нашу веб страницу.

Каждый тег должен закрываться. Закрывается тег слешем "/". То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись: <html>

<head>

</head>

<body>

</body>

</html>

@@ Строка 1: / Строка 1: @@
+Для незнакомых с общими компьютерными понятиями, вебстраница (или веб<strong>-</strong>страница) — это файл, особым образом хранящий то, что можно увидеть на вебсайте за один щелчок (обычно после щелчка Вас переносит на новую страницу). Нужно найти человека, который правильно и разумно упакует нужный Вам текст в вебстраницу и правильно разместит нужные картинки. Таких людей немало, их легче всего найти через Сеть. Пригодится умение разбираться в людях и находить тех, кто будет способен вас понять и сделает всё как надо.
+Для понимающих [[информационные технологии]], вебстраница есть текстовый файл, в незакодированном виде хранящий текст, но текст тот измежёван пометками на особом [[w:язык разметки|языке разметки]] — [[w:HTML|HTML]], который довольно прост и служит для:
-<html>
+* разделения содержимого на части, обычно по смыслу: например, "заголовок", "простой текст", "цитата", "выделенный текст", "навигационное меню";
-<head>
+* привязки побочных данных ко всему документу или выделенным частям. Так, например, можно указать адрес, к которому перейдёт пользователь, задействовав гипертекстовую ссылку; сам адрес — неявное, дополнительное (часто несущественное) содержание;
-<title>Tigers</title>
+* вставки картинок.
-</head>
-<body bgcolor="black" text="pink">
-<H2>О тиграх</H2><HR>
-Тигр (лат. Panthera tigris) — вид хищных млекопитающих семейства кошачьих, один из четырёх представителей рода пантера (лат. Panthera), который относится к подсемейству больших кошек. Слово «тигр» происходит от греческого tigris, которое в свою очередь восходит к древнеперс. *tigri от корня «*taig» со значением «острый; быстрый»
+Каждый из выделенных на языке HTML элементов можно довольно детально оформить на языке [[w:CSS|CSS]]. На изучение обоих у скороумного человека может уйти меньше двух часов.
-Тигр, когда он голоден, готов сожрать чуть ли не все, что оказывается на его пути. Изучение одной бенгальской популяции выявило меню из трех видов оленя, диких быков, домашних коров, буйволов, обезьян, кабанов, медведей, рысей, барсуков, волков, ящериц, змей, лягушек, крабов, рыбы, саранчи, термитов, падали, травы, а в редких случаях и почвы. Известны случаи нападения тигра на крокодилов, питонов, леопардов и даже — если он долго голодал — на других тигров. Встречаются среди них и людоеды, хотя тигры и люди обычно сосуществуют, не слишком или вовсе не интересуясь друг другом. Однако стоит появиться тигру-людоеду, и жизнь целых районов парализуется страхом, пока людоед не будет убит.
+Но беда, что не все браузеры верно обрабатывают разметку и часто страница выглядит по-разному в разных браузерах. Поэтому для изготовления красочных страниц со строгими расположением и соразмерностью зримых элементов есть отдельная профессия, часто даже подразделяемая на художников (тех, кто придумывает облик страницы), рисовальщиков (создающих и обрабатывающих изображения специально для вебстраниц) и верстальщиков (которые размещают подготовленные графические элементы согласно замыслу художников).
-Выслеживая добычу, тигр использует свою маскирующую окраску, чтобы под прикрытием густой растительности приблизиться к намеченной жертве на несколько метров, а затем броситься на нее стремительным рывком. Как и другие большие кошки, тигр убивает добычу, перегрызая ей горло и часто ломая при этом ей шею. Охотится он обычно в сумерках или ночью, но иногда голод заставляет его забыть приверженность к темноте и бросаться на стадо антилоп или другую добычу средь бела дня. Охотится тигр, как правило, безмолвно и подает голос, только когда ищет подругу. Тогда ночные джунгли часами сотрясает устрашающий рев, пока, наконец, не появляется тигрица, услышавшая страстный призыв.
+Тебе выбирать:
-Тигр - зверь чистоплотный. После обеда он приводит в порядок свой мех, тщательно вылизывая его языком; тигрят вылизывает тигрица. Когти очищает от остатков трапезы, царапая ими мягкую кору.
+# делать простую страницу или
+# заказать весь сайт у умелого вебстроителя. Если страниц много и оформление их шибко сложно́, следует обратиться в фирму.
+Автор не допускает каких-либо иных выходов вроде «попытаться самому сделать красочную страницу» или «заказать сайт у не делового веб-дизайнера, а простого заядлого компьютерщика».
-Тигрята рождаются слепыми и совсем беспомощными, по два, три или четыре в помете и на одиннадцатом месяце жизни уже умеют в одиночку выслеживать и убивать небольшую добычу. Однако они остаются с матерью лет до двух. Вот почему иногда можно увидеть у добычи трех, а то и четырех тигров.
+==Каковой сделать свою вебстраницу==
-В XX веке внесён в Красную книгу МСОП, в Красную книгу России, а также в охранные документы других стран. По состоянию на 2010 год охота на тигров запрещена во всём мире.
+На твоей простой вебстранице должны быть:
-<H2>Мифы и реальность</H2><HR>
+* Ссылки на все связанные веб-документы. Таковой по крайней мере один — страница, «родительская» по отношению к данной, или передняя страница всего сайта.
-Миф: Тигры живут в Африке.
+* Нормально оформленные заголовки, ''курсив'' и '''жирный шрифт''', перечни, цитаты, эпиграфы, подписи; с умом расставленные [[w:гипертекст|гиперссылки]]; изображения, не ломающие облик страницы.
-Факт: Первоначально тигры зародились не в Африке, и большинство исследователей полагает, что все существующие сегодня виды этого хищника произошли от южно-китайского тигра. А из этой территории звери постепенно начали заселять Иран и Турцию, но нет оснований полагать, что они проделали такой длинный путь как до Африки.
+Желательно также, чтобы страница была:
-Миф: Белые тигры - альбиносы.
+;удобна: Меню выглядит как меню и находится в ожидаемом месте, на странице есть контактные сведения и время создания, если уместно.
-Факт: Белые тигры отмечены альбинизмом, т.е. у них нет нормальной пигментации. Однако они не являются полностью альбиносами, т.к. у них есть следы пигментации. В результате более трёхлетнего поиска так и не удалось найти показаний специалиста или фотографического подтверждения существования в наше время тигров-альбиносов. Однако вы сможете обнаружить почти белых тигров, у которых всё же будут белые пятна на губах, носу и подушечках лап; а это означает, что они не являются альбиносами. Но этот факт не означает, что среди тигров нет альбиносов, все опрошенные эксперты заявили. что им ещё необходимо увидеть настоящего альбиноса.
+;красива: Цвета, шрифты, картинки, размеры и отступы совместно приятны глазу.
+И просто обязательные требования: страница обязана скоро загружаться и ладно работать у любого посетителя.
-Миф: Белые тигры - отдельный подвид.
-Факт: Извините, снова ошибка. Белые хищники есть среди Бенгальских тигров, хотя иногда они могут появиться от разных видов тигров. Другими словами, смесь Бенгальского и Амурского тигров может иметь белую окраску, но такие тигры должны иметь Бенгальское происхождение, а у их родителей должен присутствовать необычный рецессивный ген, который придаёт хищнику белую окраску.
+[[Категория:Веб-разработка]][[Категория:Вещание в Сети]]
-Миф: Существуют белые Амурские (Сибирские) тигры.
-Факт: Хотя, согласно некоторым заявлениям, белые Амурские тигры встречаются в природе, этому нет никаких фотографических или научных подтверждений. В неволе Амурских тигров насчитывается больше, чем других видов, и если бы у кого-нибудь из этих особей была белая окраска, это бы уже заметили. Однако существуют Бенгальские тигры с помесью Амурского, и их иногда ошибочно называют "белыми Амурскими тиграми".
+==Первые шаги==
-Миф: Белые тигры произошли из Сибири.
+Поскольку HTML как было сказано выше - разметка текста, то можно сделать вывод, что производится она в текстовом редакторе. То есть можно смело открывать "Блокнот" и начинать ваять. Существует так же множество специальных программ, облегчающих жизнь. Я, к примеру, пользуюсь Microsof Front Page. Проблема с этими программами состоит в том, что часто они добавляют много лишнего и ненужного, что увеличивает "вес" страницы порою на порядок, а то и на два. Это может быть помехой при использовании хостинга с ограничением предоставляемого места и отрицательно влиять на скорость загрузки (как уже было сказано - это нежелательно)
-Факт: Многие люди полагают, что эти хищники произошли из Сибири, а белый цвет является маскировкой при жизни в снежных условиях. На самом деле белые тигры появились в Индии, точнее в Rewa в Индии. Довольно странно, почему Амурский тигр не приобрёл окрас, обеспечивающий лучшую маскировку; наше лучшее предположение основано на том, что он должен сделать это в течение очень долгого процесса эволюции.
+Непосредственно разметка производится с помощью тегов. Теги заключаются в угловые скобки "&lsaquo;" и "&rsaquo;".
-Миф: Чёрных тигров не существует.
-Факт: Конечно, они существуют! Сейчас у нас есть снимки тигров с таким окрасом, по крайней мере, Бенгальских. Просто в этом случае вырабатывается большое количество меланина, т.е. шерсть животного содержит очень высокое количество тёмного пигмента. Содержание меланина влияет также на появление чёрных ягуаров и леопардов, часто называемых чёрными пантерами.
+Обязательными являются теги '''&lsaquo;html&rsaquo; &lsaquo;head&rsaquo;''' и '''&lsaquo;body&rsaquo;'''
+-й поясняет что у нас не просто непонятная фигня в блокноте, а веб страница. Второй отвечает за голову. А третий - тело. То есть все то, что мы хотим запихнуть на нашу веб страницу.
+Каждый тег должен закрываться. Закрывается тег слешем "/". То есть у нас в блокноте для успешного начала должна быть такая (примерно) запись:
+<code><html>
+<head>
+</head>
+<body>
 </body>
 </html>
+</code>