Перейти к содержимому

 

* * * * * 1 Голосов

Азы веб программирования


Сообщений в теме: 7

#1 Гость Денис

Гость Денис
  • Гости

Отправлено 21 Май 2016 - 18:42

Хотел бы узнать Азы,и тд. Как создать например, простой сайт, сайт-визитку.

#2 thefate

thefate

    Администратор

  • Администраторы
  • 613 сообщений
  • ГородЛипецк

Отправлено 21 Май 2016 - 19:32

Добрый день.

 

Начать лучше с самого простого, понять что такое HTML. Это не программирование как многие говорят, это разметка текста.

 

Самый простой сайт делаем так:

1. Откройте блокнот.

2. Скопируйте следующий текст:

<html>
<head>
<title>Моя первый сайт</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут (здесь впишите Ваше имя), это моя первая страничка!
</body>
</html>

3. Сохраните файл под любым именем, но с расширением файла обызятельно .html или .htm

4. Откройте этот файл любым браузером, и вы увидете вашу первую страницу :)


Открытый Липецк — городской форум Липецка

Присоединяйся к команде!


#3 thefate

thefate

    Администратор

  • Администраторы
  • 613 сообщений
  • ГородЛипецк

Отправлено 21 Май 2016 - 19:33

Этот пример как основа того с чем вам предстоит работать - с текстом!

 

Дальше расскажу по теги (из поста выше это вот такие элементы <html>, <head>, <br>... и так далее), что такое и как их использовать. Тегов много, и все они за что-то отвечают.


Открытый Липецк — городской форум Липецка

Присоединяйся к команде!


#4 thefate

thefate

    Администратор

  • Администраторы
  • 613 сообщений
  • ГородЛипецк

Отправлено 22 Май 2016 - 05:29

<html> - в этом теге содержаться два других основных тега, являющимися рабочими (показывают содержание страницы)
 
<head> - в этом теге мы подключаем к странице CSS (каскадные таблицы стилей (оформление вашей страницы)), прописываем название страницы (тег <title>). То что находится  между тегами <head></head> не отображается пользователю
 
<body> - в этом теге мы и будем работать практически всё время. В нём прописываются всё содержимое страницы, которое вы видите перед собой.
 
Теги <html>,<head> и <body> обязаны закрываться вот таким образом </html>,</head>,</body>. Чтобы закрыть тег требуется прописать данный тег, к примеру <p> (новый параграф), и перед английским символом, обозначающим тег, поставить косую черту. Это будет выглядеть так - </p>. Закрытие тега требуется для разделения области его действия.

Открытый Липецк — городской форум Липецка

Присоединяйся к команде!


#5 Гость Гость

Гость Гость
  • Гости

Отправлено 22 Май 2016 - 05:46

Хороший сайт для самостоятельного обучения htmlbook.ru

Подробные примеры, книги, руководства.



#6 thefate

thefate

    Администратор

  • Администраторы
  • 613 сообщений
  • ГородЛипецк

Отправлено 22 Май 2016 - 05:58

Хороший сайт для самостоятельного обучения htmlbook.ru

Подробные примеры, книги, руководства.

Согласен. В свое время также по нему занимался. 

 

Денис, задавай вопросы! Получилось сделать свою первую страницу?


Открытый Липецк — городской форум Липецка

Присоединяйся к команде!


#7 Гость Денис

Гость Денис
  • Гости

Отправлено 22 Май 2016 - 09:26

Да) первую страницу сделать получилось) большое спасибо))) хотел бы еще узнать) а как делаются меню на страницах?) И тд.

#8 thefate

thefate

    Администратор

  • Администраторы
  • 613 сообщений
  • ГородЛипецк

Отправлено 22 Май 2016 - 16:40

Да) первую страницу сделать получилось) большое спасибо))) хотел бы еще узнать) а как делаются меню на страницах?) И тд.

 

Меню или переход между страницами, делается с помощью тега <A> и называется гипертекстовая ссылка

 

Вот пример наглядный:

1. Ту страницу, что была выше с кодом

<html>
<head>
<title>Моя первый сайт</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут (здесь впишите Ваше имя), это моя первая страничка!
</body>
</html>

сохрани, как, например, start.html

 

2. Дальше сделай вторую страницу, назови, second.html с таким содержанием 

<html>
<head>
<title>Моя первый сайт</title>
</head>
<body>
Эта ссылка ведет на мою первую страницу
<br>
<a href="start.html">Моя первая страница</a>
</body>
</html>

3. Оба файла должны должны лежать в одной папке! Это важно.

4. Открывай страницу second.html и поймешь куда жать :)


Открытый Липецк — городской форум Липецка

Присоединяйся к команде!




Ответить



  


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных