Читайте также:
|
Как написать html-документ
В инструкции я попытаюсь объяснить структуру языка html и научу вас азам языка. А еще немного расскажу про JavaScript и CSS
Инструкция
Уровень сложности: Несложно
Что вам понадобится:
· Компьютер
· Программа блокнот или Akel Pad(стандартное приложение Total Comander'а)
Шаг
HTML
HTML – язык разметки гипертекста. Большинство интернет-страниц написаны на html.
Шаг
Показаны теги html, head, body. Заметте, что эти теги не соединены.
Структура html
Язык html представляет собой следующее: имеется один “БОЛЬШОЙ” html, он делится на два раздела “поменьше”, на head (шапку документа) и body (тело документа). Соответственно эти два тега могут содержать множество других “маленьких” тегов, а они в свою очередь могут быть наполнены еще одними. НО “пересекаться” эти теги не могут ни в коем случае.
Шаг
Создаем страницу
Для того, чтобы начать писать, вам нужна программа блокнот или Akel Pad(существуют специальные html редакторы, но лично мне больше по душе обычный редактор). Я вам советую писать в Akel Pad’е, так как в нём больше функций по редактированию текста.
Шаг
Теги html пишутся в треугольных скобках “<>” если это начальный тег и в треугольных скобках со слешем “</>” конечный тег.
Итак, чтобы дать браузеру понять, что это html документ открываем начальный тег всего документа <html>, в нем мы пишем “шапку” документа <head>. В этом теге прописывается название документа, его favicon и другие теги не относящиеся к “телу”. Чтобы озаглавить текст впишите название между тегами <title> и </title>, расположенные в “шапке”. Далее мы, по окончании работы с “шапкой”, закрываем ее тегом </head>.
Затем открываем тело тегом <body>, в нем пишется тег и текст (тот, что будет показан на готовой странице). По окончании работы с документами закрываем тело тегом </body>, а затем закрываем тег html (</html>)
Шаг
Пример самого короткого html-документа
<html>
<head>
<title>Пример</title>
</head> <body>
Тело документа
</body> </html>
Шаг
Пример длинного html-документа
<html>
<head>
<title>Длинный html-документ</title>
<link rel="shortcut icon" href="*ссылка на фавикон"/>
<link rel="stylesheet" href="*ссылка на CSS файл, содержащий стили для текстов*"/>
<style type="text/css"><!--.style1 {color: #6699ff;} //--></style>
</head> <body> <div align=center> <div class=style1>
<b>Таблица</b><br>
</div> </div> <div align=center> <table border="1"> <tr> <td>
Первый столбец первой строчки
</td> <td>
Второй столбец первой строчки
</td> </tr> <tr> <td>
Первый столбец второй строчки
</td> </tr> </table> </div> </body> </html>
Описание
Итак, тегом <html> мы начинаем весь документ. Затем идет “шапка документа” (<head>), в ней сначала расположен заголовок (<title>Длинный html-документ</title>), затем идет тег фавикона в котором параметр href указывает ссылку на изобравжение. Следующий элемент указывает на .css файл содержащий стили для текстов, эти стили можно прописать в самом документе внедрением в него CSS языка(тег “style”), но я считаю этот способ не удобным, так как если на сайте много страниц и во всех нужно изменить цвет удобнее прописать этот цвет в одном файле чем в каждой странице. Затем мы закрываем шапку(</head>) и открываем тело(<body>) В нем види элемент div, у которого имеется множество параметров, в данном случае это параметр “выравнивание”(align) у которого есть параметры спава(right), слева(left) и по центру(center), затем идет еще лдин div показывающий стиль введенный либо в css файле, либо в самом документе элементом style. Далее мы видим <b>, выделяющий текст жирным, и элемент <br>, делающий спуск “курсора” на одну строчку, дальше два элемента </div>. Затем начинается еще один div, показывающий выравнивание по центру, а в нем начинается таблица(<table>), а элемент border говорит о наличии рамки(рамку можно убрать изменив значение 1 на 0). Следом идет <tr> открывающий первую строчку, затем <td> открывающий первый столбец, затем текст этого столбца, и закрытие столбца тегом </td>. Надеюсь по таблице все понятно, а то рука отваливается писать:) Таблица закрывается тегом </table>. Потом закрывается div, который выравнивал таблицу по центру. Далее закрывается “тело” </body> и html </html>.
Как Сделать оригинальный сайт?
Как сделать сайт я уже рассказал, а как придумать оригинальный сайт, то есть как сделать его не похожим на другие я решил написать в этой инструкции))
Инструкция
Уровень сложности: Легко
1шаг
В прошлой моей инструкции относительно сайт строительства один из читателей скажем дал идею на эту инструкцию))
Постараюсь оправдать ваши и его надежды))
Если что ссылка на инструкцию по созданию(http://akak.ru/recipes/4429-kak-sozdat-sayt)
2шаг
Так ранее я упомянул, что нужна оригинальничая идея так вот, что же надо сделать чтобы эта идея всплыла в мозгу так сказать!
И чтобы она действительно была оригинальная
3шаг
С начало вам нужно просто погулять по интернету!
Вводим любой запрос и разглядываем сайты который на верху посещаемости!
Можно так же залезть на www.games-tv.ru и посмотреть передачу “Телепорт” несколько серий))
Там обычно рассматривают неплохие интернет ресурсы.
4шаг
Вдоволь насмотревшись грандиозных, интересных проектов, узнав много нового, можно приступать к анализу пол ученых знаний))
Проанализируйте все что вы увидели услышали!
Ваша цель узнать что может заинтересовать потенциальных посетителей, ну и это должно быть интересно и вам!
5шаг
Вы можете разместить на сайте игры определенного жанра или от определенного автора!(Они естественно должны быть рейтинговыми)
А можете сделать сайт который вообще выходит за рамки реального, например сделать неординарный дизайн.
6шаг
Один английский или ирландский, точно конечно не помню какой студен сделал сайт на котором было размещено миллион пикселей(квадратики 10Х10 пикселей) и реклама в каждом квадратике стоила 1 рубль…..
Из-за своей оригинальности много рекламодателей разместили свою рекламу на сайте, и я думаю студент отхватил свой миллион))))
7шаг
Помните даже избитую тему можно оригинально при подать! Этого и следует придерживаться.
Если ваш проект действительно особенный следует набросать эскиз на листочке!
Затем задумайтесь как вы это все реализуете, на основе чего сделаете сайт, как все будет функционировать!
8шаг
В заключении хочу сказать! Не стоит просто изменять чужие идею, не надо делать то что уже сделали)
Только хорошо обдумав и доделав свой проект следует размещать его в сеть)
Как создасть свой форум? (бесплатно)
Если вы хотите создать свой форум, да еше и бесплатно, то эта статья для вас!
Инструкция
Уровень сложности: Несложно
1шаг
Заходим на сайт http://forum2x2.ru и нажимаем “Создать бесплатный форум”.
2шаг
Потом выбираем движок форума:
PhpBB3 – стильный, красивый удобный.
PhpBB2 – простой, удобный, без наворотов.
IPB – почти такой же как и PhpBB2 но в нем намного больше функций.
PunBB – просто очень быстрый и простой форум.
Потом выбираем шаблон (это уже дело каждого).
После тего как выбрали шаблон и движок нажимаем кнопку “Далее”
3шаг
Как заполнять форму регистрации:
Информация о форуме:
“Название вашего форума
“Описание”
“Интернет-адрес вашего форума”
“Язык, используемый на вашем форуме”
“Время / Часовой пояс”
Информация об администраторе:
“Ваш электронный адрес”
“Пароль для администрации”
Когда заполните форму, нажмете “Далее”
4шаг
Теперь вы должны повторно ввести пароль.
Когда введете и нажмете “Далее” форум будет уже готов.
Дальше заходите на свой форум, вводите Логин, Пароль и все, можете управлять им как хотите.
Как создать свой сайт на ucoz.ru
Проект ucoz.ru предлагает каждому пользователю интернета создать свой собственный сайт. Причём вся процедура займёт не более 5 минут.
Инструкция
Уровень сложности: Несложно
1шаг
Зайдите на страницу www.ucoz.ru и найдите кнопку “Регистрация” в правом верхнем углу. Нажмите на неё.
2шаг
Откроется новое окно. Для начала выберите адрес сайта, который одновременно будет являться логином. Это может быть как ваш ник, так и слово, связанное с тематикой будущего сайта. Название должно состоять из латинских букв и цифр, быть длиной от 2 до 25 символов. Кроме того, вы можете выбрать домен, на котором будет располагаться ваш ресурс.
3шаг
Введите пароль. Он должен быть довольно сложным, состоять из 6-15 символов. Обратите внимание, регистр букв имеет значение, то есть “Z” и “z” – разные буквы для машины.
4шаг
Введите адрес вашего электронного ящика. Он должен быть действующим, ибо вам будет необходимо подтвердить регистрацию.
5шаг
Введите данные о себе: ваше имя, страну проживания, пол и дату рождения.
6шаг
Выберите или придумайте контрольный вопрос и напишите ответ на него. Это необходимо, чтобы управлять сайтом, поэтому отнеситесь серьёзно.
7шаг
И, наконец, введите цифры с картинки в специальное поле, прочтите правила пользования системы, поставьте соответствующую галочку и нажмите на кнопку “Зарегистрироваться”.
8шаг
После этого вы попадёте на страницу входа в систему. Введите свой логин и пароль, а также число с картинки и нажмите “Вход”.
9шаг
Вы попадёте в мастера настройки сайта. Введите название сайта, которое будет отображаться под логотипом, а также выберите дизайн. Нажмите на кнопку “Продолжить”.
10шаг
Выберите необходимые вашему сайту модули. Модули – разделы. Если на вашем ресурсе не будет фотографий, то и раздел для фотографий вам не нужен, уберите соответствующую галочку. В том же духе поступите со всеми разделами. Нажмите на кнопку “Продолжить”.
11шаг
На открывшейся странице оставьте включённой галочку “Использовать модуль “Пользователи”, это разрешит регистрацию на сайте. Также введите имя пользователя-администратора, который будет следить за сайтом. Оно может быть идентичным названию сайта. А вот пароль не должен совпадать с тем, что вы вводили раньше. FTP пароль необходим для быстрой загрузки файлов на сервер. Он тоже должен отличаться. После того, как вы заполнили все графы жмите на кнопку “Продолжить”.
12шаг
На вновь открывшейся странице будут подытожены все данные, которые вы вводили. Внимательно прочтите их, запомните, после этого поставьте галочку напротив “Я запомнил и сохранил данные безопасности от моего аккаунта” и нажмите “Начать работу с системой”. На этом создание вашего собственного сайта можно считать законченным.
Как создавать современные, корректные сайты. От мифов - к знаниям.
На сегодняшний день интернет пестрит статьями и сообщениями о том, что сайт может создать любой, без особых знаний. Будто бы, стоит только взять “супер-шаблон” или “волшебную” программу – и будет готов профессиональный сайт.
Многие новички принимают это на веру и не задумываются о других возможностях.
Цель этой инструкции – показать так ли все просто на самом деле.
Дата добавления: 2015-08-17; просмотров: 59 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| СТРАХОВАНИЕ УПРАВЛЕНЧЕСКИХ РИСКОВ | | | Инструкция |