-
Авто / Мото
-
Безопасность
-
Бизнес
-
Деньги
-
Дети
-
Дом
-
Еда и Напитки
-
Животные
-
Закон
-
Здоровье и Коронавирус
-
Интернет
-
Карьера и Работа
-
Компьютеры
-
Культура и Искусство
-
Мода и Красота
-
Обучение
-
Отдых
-
Отношения
-
Праздники
-
Путешествия
-
Развлечения
-
Сад и огород
-
Семья
-
Спорт и Фитнес
-
Техника
-
Фото и Видео
-
Хобби
-
Другое
-
aKak.ru
Как создать свой сайт
Данная инструкция не будет вас учить как при помощи каких – то левых программ или сайтов клепать говносайты (Извиняюсь). Данная статья научит вас, как создавать приличные сайты (ручками, ага), которые не стыдно будет показать друзьям. Конечно, это будет нелегко.
Инструкция
1 шаг
Итак, все сайты состоят из страниц. Приведу 2 наиболее распостраненных формата:
*.html
*.php
Формат *.php написан на языке программирования, его мы рассматривать не будем.
Нас интересует только формат HTML.
Итак, из чего же состоит документ Html? Он состоит из Тегов и Текста. Теги задают, каким будет текст и все что отображено на странице.
2 шаг
Примеры тегов. В данных примерах вам необходимо удалить звездочку * чтобы они работали. Большинство тегов должны закрываться символом /
<*b*>Жирный текст</b>
<*u*>Подчеркнутый текст</u>
<*i*>Текст курсивом</i>
Можно также комбинировать
<*b*><*u*>Жирный и подчеркнутый текст</u></b>
<*br*> – закрывать тег не нужно. Тег разрывает строку.
Учимся господа, учимся!
3 шаг
Таблицы. Мы не будем рассматривать каскадные тадлицы стилей. Мы посмотрим как делаются обычные таблички. Не забываем удалять звездочки *
Таблица
<TABLE BORDER=1> (Если установить 0, то рамка иссчезнет)
<*TR*>
<TD COLSPAN=3>Если в таблице два
тега TR, то в ней две строки.</TD>
</TR>
<*TR*>
<*TD*>Если в строке три тега TD,</TD>
<*TD*>то в ней</TD>
<*TD*>три столбца.</TD>
</TR>
</TABLE>
Результат
(Разрешение на публикацию принято с согласием админа с http://www.intuit.ru/department/internet/htmlintro/5/)
Глуюже рассматривать не будем. Скажу лиш, что у таблиц может быть множество параметров, таких как ширина, цвет, отступ, и тд и тп
4 шаг
Ссылки. Удаляем звездочки
<a href=“winlook.ru/”>Это ссылка на winlook.ru</a*>
5 шаг
Вставка изображения. Звездочки.
<img src=“http://www.google.com/intl/ru/images/logos/webmaster_central_logo.gif”*>
6 шаг
Этой информации хватит для старта. Теперь можете создать простейшую страничцу. Открываем блокнот, вставляем теги и текст, сохраняем как *.html и запускаем (Сохранить как – все файлы – пишем index.html)
7 шаг
Если хотите сделать оформление как у akak.ru – правой кнопкой мышки по тексту кликаем – выбираем исходный код. Вам показываются все теги которые в данный момент присутствуют. Но вы врятли в них чтото поймете, так что советую скачать HTML учебник.
Рекомендую:
http://html.manual.ru/ – очень классный справочкин, рассчитан также для новичков
Если он для вас слишком сложный, или по каким то причинам не подойдет, то вот еще ссылки на книги
http://web-mastery.info/books/book-30.html
Данная книга является одним из современных учебников (последнее переиздание 2008 год) по html разметке в частности и web строительству в целом. Кроме основ, которые необходимо знать начинающему веб мастеру, рассматриваются вопросы юзабилити, то есть удобства веб страницы для конечного пользователя – посетителя сайта.
http://web-mastery.info/books/book-26.html
Самоучитель Html. А.Гончаров.
Книга Алексея Гончарова “Самоучитель HTML” предназначена помочь начинающим веб мастерам самостоятельно изучить язык гипертекстовой разметки. Продвигаясь от истории возникновения к практическим заданиям читатель может пошагово создавать свой первый сайт, одновременно проверяя полученные знания.
http://web-mastery.info/books/book-10.html
Учебник html
HTML и CSS на примерах – отличный учебник html для начинающих. Книга построена таким образом, что приступая к прочтению не обязательно иметь начальные знания html, если же определенные навыки уже есть, можно пропустить вводную теорию. Много практических советов, пошаговый разбор примеров и доступный для начинающего стиль написания книги делают ее действительно хорошим учебником по html.
Примечание. CSS- Каскадные таблицы стилей. Если осилете, качайте это. Проще вам же будет.
8 шаг
Удачи в начинаниях, великие будущие веб-мастера!
Запросить инструкцию
Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!
Обсуждение
не засоряй эфир) не вставляй картинки через исходник
Блина) а меня проперло)
не наслайждайся! как я должен с телефона заходить на сайт теперь)
У меня почти с экрана вылезают картинки твои широкоформатные
½ уже торчит
хдддд))) ладно, буду только маленькие вставлять) не внатуре если бы там была опция скачать с интернета картинку, то все было бы нормально. У них движок даже не обрабатывает размер изображения в кб
да. движок слабоват, зато сами делали. А не на шаблоне)
а я на шаблоне??? winlook.ru фиг там! сам делал! и еще бесит что все говорят классненький сайт хотя я знаю что это не так
Artemis-x, ты разраб?
Спасиб – я тоже начинаю по-чуть ознакамливаться с html. Один совет – поменьше ошибок в инструкции))) как смогу – поставлю тебе плюс! Уже довольно долго ищу хорошие книги по html, а тут их кипа. Еще обьясни, плиз, создав страницу в блокноте и изменив расширение, я ж ничего не создам толком… Насколько я понимаю, эти страницы нужно залить на хостинг? Обьясни это мне, плиз – оч интересно!
BroDrouK, да, можно и на хостинг. Но на такие странички врятли захочет ктото заходить. Можно их пока что и с компьютера запускать.
Тебе нужно создать файлы с HTML расширением, в них вставить коды, сохранить, и можно запускать файл. Откроется в браузере. Если надо, могу сбросить пример простенький
Evil_Genius, видел твой сайт. Сырой еще)
———
Evil_Genius
Artemis-x, ты разраб?
———
Это ты о чем?
видел твой сайт. Сырой еще)
Он развиваеццо) добавил голосования на ajax
Это ты о чем?
Перепутал) сайт о порно? лучшеб сделал чтото пооригинальнее)
Evil_Genius Классный сайт.
спс)
!<a href=http://smayli.ru/generatortablichek/><img src='http://smayli.ru/generatortablichek/smiles/102678777108004356404483214.gif' border=0></a>!
Нормально, картинок бы добавил еще. А то надоели школьники учащие других школьников клепать говносайты на ukoz. А так +
Ваш комментарий