|
| Cs-Nnov.Ru Форум » Web Мастеру » Учебные пособия » Как создать конструтор с нуля! |
| Как создать конструтор с нуля! |
Смысл установки заключается в создании html страницы, так называемого каркаса, который содержит определенные теги и коды. Для начало изучим основные теги которые нам понадобятся для установки шаблона.
Code <!-- <header> -->…<!-- </header> --> - это верхняя часть сайта, чаще всего –это шапки сайтов. Но может быть и такое, что особо выделенной верхней части сайта может и не быть.
Code <!-- <container> -->…<!-- </container> --> - Между этими тегами располагается колона блоков, справа и слева или же с какой-нибудь одной стороны.
Code <!-- <block> -->…<!-- </block> --> - этот тег непосредственно относится к самому блоку, который располагается между тегами
Code <!-- <middle> -->…<!-- </middle> --> Часть дизайна, которая не будет использована в модуле "Форум". Обычно, это центральная часть сайта, находящаяся между Верхним и Нижним блоками. Code <!-- <popup> --> <DIV style="border:1px solid black;padding:3px;"> <DIV align="center"><B>[TITLE]</B></DIV> [BODY] </DIV> <!-- </popup> --> - Блок в котором находится дизайн персональной страницы. Основные коды, используемые при установке: Code <TITLE>[TITLE]</TITLE> <LINK type="text/css" rel="StyleSheet" href="[CSS_URL]"> Code <!-- <header> --> <TABLE border="0" cellpadding="2" cellspacing="0" width="100%" style="border:1px solid #A9B8C2;"><TBODY><TR><TD style="width:30%;background:#D4DFF7;padding-left:5px;">$WDAY$, $DATE$, $TIME$</TD><TD align="right" style="background:#D4DFF7;padding-right:5px;"><?if ($USER_LOGGED_IN$)?>You logged in as <A href="$PERSONAL_PAGE_LINK$"><B>$USERNAME$</B></A> | Group "<U>$USER_GROUP$</U>"<?else ?>Hello <B>$USERNAME$</B><?endif ?> <?if ($RSS_LINK$)?>| <A href="$RSS_LINK$">RSS</A><?endif ?></TD></TR><TR><TD colspan="2" style="height:60px;background:#F4F4F4;border-top:1px solid #A9B8C2;border-bottom:1px solid #A9B8C2; padding:10px;"><SPAN style="color:#355473;font:20pt bold Verdana,Tahoma;">SITE LOGO</SPAN></TD></TR><TR><TD align="right" colspan="2" style="background:#D4DFF7;padding-right:5px;"><A href="$HOME_PAGE_LINK$">Site home</A> <?if ($MODULE_URL$)?>| <A href="$MODULE_URL$">$MODULE_NAME$</A><?endif ?> <?if ($USER_LOGGED_IN$)?> | <A href="$PERSONAL_PAGE_LINK$">Profile page</A><?else ?> | <A href="$REGISTER_LINK$">Register now</A><?endif ?> <?if ($USER_LOGGED_IN$)?> | <A href="$LOGOUT_LINK$">Log out</A><?else ?> | <A href="$LOGIN_LINK$">Log in</A><?endif ?></TD></TR></TBODY></TABLE><DIV style="padding-top:5px;"></DIV> <!-- </header> --> Code <!-- <middle> --> <TABLE border="0" cellpadding="0" cellspacing="0" width="100%"><TBODY><TR><TD valign="top" style="width:200px;"> Code <!-- <container> --> Code <!-- <block> --> <TABLE border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="200"><TBODY><TR><TD style="background:#D4DFF7;"><B>» TITLE</B></TD></TR><TR><TD style="background:#F4F4F4;padding:7px;">CONTENT</TD></TR></TBODY></TABLE><BR> <!-- </block> -->
Code <!-- </container> --> Code </TD><TD valign="top" style="padding:0 10px"> <DIV style="padding:5px;border:1px solid #A9B8C2;background:#F4F4F4;">[BODY]</DIV> </TD><TD valign="top" style="width:200px;"> <!-- <container> --> <!-- </container> --> </TD></TR></TBODY></TABLE> <!-- </middle> --> <!-- <footer> --> <BR> <TABLE border="0" cellpadding="4" cellspacing="0" width="100%" style="border:1px solid #A9B8C2;"><TBODY><TR><TD align="center" style="background:#F4F4F4;">[COPYRIGHT]</TD></TR><TR><TD align="center" style="background:#F4F4F4;">$POWERED_BY$</TD></TR></TBODY></TABLE> <!-- </footer> --> <!-- <popup> --> <TABLE border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%"><TBODY><TR><TD style="background:#D4DFF7;" align="center"><B>[TITLE]</B></TD></TR><TR><TD align="center" style="background:#F4F4F4;padding:5px;">[BODY]</TD></TR></TBODY></TABLE> <!-- </popup> -- [diz]Явернулся![/diz] |
| |||
| |||


