Меню
Блог
Учителю  /  Информатика  /  Бесплатные видеоуроки  /  Создание простого сайта и навигации по нему.

Создание простого сайта и навигации по нему.

Многие люди очень часто задают вопросы: Как сделать сайт, Как разработать свою веб-страницу, что нужно знать для того, что бы создать собственный сайт, как разработать собственный сайт от и до, и т. д.

Сразу давать готовые рецепты я не могу, т.к. ответов здесь может быть столько же сколько и вопросов.

Например:

Каким должен быть сайт, просто сайт-визитка или сайт с каким то динамическим контентом и удобным пользовательским интерфейсом?

Какие функции он должен выполнять? И т.д.

В этом видеоуроке мы рассмотрим самые основы сайтостроения и наглядно увидим как из ничего строится простой сайт и его навигация в HTML на основе табличного дизайна.

Если вы хотите создать собственный сайт и он у вас будет выполнять роль визитки, то вам вполне хватит этого видеоурока информатики для реализации вашей идеи.

Вот, что мы сделаем и разберем в этом уроке информатики.

Создаем базовую страницу (простой табличный дизайн — поле для навигации и поле для содержания, для красоты предложим вставить подготовленную шапку сайта) и заполняем её подготовленным текстом (содержанием).

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

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

Сохранить у себя:

Комментарии 15

Чтобы добавить комментарий зарегистрируйтесь или на сайт

эльвина, 06.05.2014 19:01
спасибо большое:)но у меня почему то фотография специально подготовленная для шапочки , не появляется когда я открываю страничку, а выходит просто маленький значок изображения? подскажите что нужно сделать?
Проект Видеоуроки

Скорее всего неправильно указали путь к картинке 

Андрей, 05.05.2013 19:46
как созданный сайт опубликовать в интернете, и куда?
Гульмира, 24.12.2012 19:08
Здравствуйте, Дмитрий. Спасибо за ваши уроки.
Елена, 28.04.2012 18:05
Добротное видео: четкое, ясное, ничего лишнего.
   Не разобралась как скачть именно это видео и его продолжение по применение CSS - так просто о сложном! Дмитрий Александрович, просвятите пожалуйста, почему для деления сранички на несколько областей используется таблица, а не фреймы???
   Спасибо! Ваш опыт и интересен, и несомненно полезен
Проект Видеоуроки

Скачать этот курс можно здесь http://html.videouroki.net/

Что использовать для деления странички это выбор разработчика сайта. Вообще сейчас все это делается CSS стилями, но более проще сделать таблицей. А вот фрэймы применяются редко, по крайней мере из моего опыта работы с сайтами и опыта моих учителей это так. 

Алексей, 06.04.2012 16:13
У меня в браузере, во второй ячейке, текст вытянулся в одну строчку, хотя ширина ячейки равна 500. Почему?
Проект Видеоуроки

Страница растянулась за пределы экрана?   Трудно отвечать, когда не видишь... 

И еще сначала попробуйте задать размеры для таблицы. Поиграйте с этими параметрами, посмотрите что получится. 

Алина, 08.04.2011 17:40
Помогите пожалуйста!Я по Вашим урокам делаю сайт,все получается,кроме навигации.Создаю страничку(таблица с фотографиями)если ее просто открывать,то фотографии видно.Если же ставить ссылку на эту страницу(Как вы делали ссылку на GIF)то фотографий не видно,только пометка в таблице"Изображение".Мне очень очень нужна Ваша помощь
Проект Видеоуроки

Значит неправильно прописали путь к файлу. Смотрите внимательно в уроке показано как это делается. Например если файл risunok.gif в той же папке что и страница, то просто пишем <img src='risunok.gif'>, если же он находится в другой папке, то нужно прописать полный путь к этому файлу.

Женя, 16.02.2011 13:32
Как вы рисуете в опере ?
Проект Видеоуроки

Программа, в которой разрабатываютяс видеоуроки посзволяет делать это.

Ольга, 02.02.2011 18:07
Огромное Вам спасибо, Дмитрий Александрович! С большим удовольствием вхожу на Ваш сайт. Благодарю Вас. Это одно из лучших пособий по информатике. Использую Ваши уроки в ССУЗе. Спасибо!
4AiFTJ6W, 02.07.2010 13:59
Хороший урок все ясно, хочу еще
jan, 30.05.2010 17:45
блин не туда =)