Создание сайта

Создание сайта с таблицами

Поэтапное создание собственного сайта с нуля


Делаем самый простой сайт с таблицей.

Таблицы используются для создания каркаса сайта. Таблицы разбивают страницу на отдельные ячейки в которые заносится контент страницы.Вы можете занести меню в одну ячейку,рисунки во вторую, текст в третью и тд.

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

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

Рассмотрим создание таблиц. В качестве примера возьмем создание простейшего сайта на главной странице.
Уменьшенный вид сайта

Создание сайта Создание собственного сайта.




Это код данного сайта.Как видим в нем нет таблиц

<html>
<head>
<title>
Создание сайта </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<body>
Создание собственного сайта.
<img src="images/com (8).gif" width=213 height=170 border=0>
</body>
</html>

Давайте применим таблицу для выравнивания текста и рисунка посередине страницы. Атрибуты таблицы <table></table>. Состоит она из строки и столбца . Пересечение строки и столбца дает ячейку,в которую и надо вписывать данные.Ячейки должны находиться внутри строки .
Делаем таблицу между тегами <body> и </body>

<html>
<head>
<title>
Создание сайта </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<body>
<table Border=0 CellSpacing=0 CellPadding=0 Width="%" Align="center" vAlign="">
<tr>
<td></td>
</tr>
<tr>
<td><</td>
</tr>
</table>
</body>
</html>


Теперь в таблицу вводим текст и рисунок

<html>
<head>
<title>
Создание сайта </title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<body>
<table Border=0 CellSpacing=0 CellPadding=0 Width="%" Align="center" vAlign="">
<tr>
<td>Создание собственного сайта</td>
</tr>
<tr>
<td><img src="images/com (8).gif" width=213 height=170 border=0></td>
</tr>
</table>
</body>
</html>

Здесь с помощью таблиц рисунок и текст располагается посередине. Создание сайта

Создание собственного сайта

Эта простейшая таблица к простейшему сайту.Более подробно о таблицах вы можете узнать здесь


Справка
Для сайта


Для создания сайта вам потребуется текстовый редактор.На крайний случай можно воспользоваться Блокнотом из стандартных программ Windows,но лучше сразу скачать текстовый редактор предназначенный для создания сайтов,например Notepad.


У вас на компьютере должны быть установлены основные браузеры Internet Explorer,Opera, Google,Firefox, для обработки графики должен быть установлен графический редактор к примеру бесплатный Photoscape.


Для закачки файлов вашего сайта на хостинг скачайте и установите FTP-клиент,к примеру бесплатный Filezilla.


Также установите простую программу для анимации.

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

Чаще производите чистку и дефрагментацию жестких дисков. Раз в месяц производите проверку и исправление ошибок реестра.





Новые Технологии



Наверх