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

21 мая, 2016

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

Open Lipetsk · 21 мая, 2016

Добрый день.

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

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

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

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

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

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

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

Open Lipetsk · 21 мая, 2016

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

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

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

Open Lipetsk · 22 мая, 2016

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

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

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

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

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

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

22 мая, 2016

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

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

Open Lipetsk · 22 мая, 2016

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

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

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

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

22 мая, 2016

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

Open Lipetsk · 22 мая, 2016

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

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

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

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

Войти

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

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

Гость Денис

Ссылка на комментарий

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

Open Lipetsk

Ссылка на комментарий

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

Open Lipetsk

Ссылка на комментарий

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

Open Lipetsk

Ссылка на комментарий

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

Гость Гость

Ссылка на комментарий

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

Open Lipetsk

Ссылка на комментарий

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

Гость Денис

Ссылка на комментарий

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

Open Lipetsk

Ссылка на комментарий

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

Присоединяйтесь к обсуждению

Альбомы фотографий

Интересное

Липецк с высоты птичьего полета

Новостройки

Липецк вчера—сегодня

Уникальные фотографии жителя Липецка

Липецк 1960-1970

Дореволюционный Липецк

Фотографии из книги Липецк и Липецкие минеральные воды 1868 год

Заходи, нужно многое обсудить, нам нужен твой совет!

Изменения статусов

Активность