Перейти к содержанию
Авторизация  
Гость Денис

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

Рекомендуемые сообщения

Гость Денис

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добрый день.

 

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

 

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

Дальше расскажу по теги (из поста выше это вот такие элементы ,

,
... и так далее), что такое и как их использовать. Тегов много, и все они за что-то отвечают.

Поделиться сообщением


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

 

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

 

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

 

Теги , и обязаны закрываться вот таким образом ,,. Чтобы закрыть тег требуется прописать данный тег, к примеру

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость Гость

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость Денис

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

 

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

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 и поймешь куда жать :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
Авторизация  



×