À òåïåðü ñäåëàåì íåáîëüøîé ñàéòèê,
ñ çàãîëîâêîì - "ÇÀÐÀÁÎÒÎÊ È ÈÍÒÅÐÍÅÒ". Ñêîïèðóéòå îïÿòü ýòîò êîä è ïîâòîðèòå ïðîöåäðó îïèñàííóþ âûøå!
<html> <head> <title>ÇÀÐÀÁÎÒÎÊ È ÈÍÒÅÐÍÅÒ</title>
</head> <body>
<center>
<table width="750" height="600"> <tr> <td colspan="2" bgcolor="#00CC99" width="750" height="120"></td> </tr> <tr> <td bgcolor="#CCCCCC" width="200" valign="top" > <a href="index.html">Ãëàâíàÿ</a><br><br> <a href="ssilki.html">Ññûëêè</a> </td> <td valign="top">Íà ýòîé ñòðàíèöå áóäóò ðàçìåùåíû ññûëêè íà ñàéòû î çàðàáîòêå â èíòåðíåòå<br><br> <a href="http://zarinet.ru">Ñàéò çàðàáîòîê è èíòåðíåò Zarinet</a> </td> </tr> </table> </center> </body> </html>
Äîëæíî âûãëÿäåòü òàê:
Âñå òýãè ìîæíî áûëî áû ðàçìåñòèòü è â îäíó ñòðî÷êó,
íî ýòî íåóäîáíî è òðóäíî èñêàòü îøèáêè! Íà îäíîì èç ñàéòîâ ÿ íàø¸ë ïðèìåðíî (ïðèìåðíî, ò.ê. ÿ åãî íåìíîãî äîðàáîòàë, ÷òîáû áûëî ïîíÿòíåé) òàêîé êîä áóäóùåãî ñàéòà:
<html>
<head>
<title>Ññûëêè íà ñàéòû î çàðàáîòêå â èíòåðíåòå</title>
</head>
<body>
<center>
<table width="750" height="600">
<tr>
<td colspan="2" bgcolor="#00CC99" width="750" height="120">
<center>
<h1>
<font color="#6666FF"> ÇÄÅÑÜ ÂÀØÀ ÊÀÐÒÈÍÊÀ!!! </font>
</h1>
</center>
</tr>
<tr>
<td bgcolor="#CCCCCC" width="200" valign="top" >
<center>
<h1> <font color="#6666FF"> ÇÄÅÑÜ ÑÑÛËÊÈ, (ÌÅÍÞ)!!!</font></h1>
</center>
</td>
<td valign="top" width="550" bgcolor="#FFFFFF">
<center>
<font color="#009933" size="11">
<b><i> ÇÄÅÑÜ ÊÎÍÒÅÍÒ(ÒÅÊÑÒ, ÊÀÐÒÈÍÊÈ È ÒÄ.)!!! </i></b>
</font>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
À âûãëÿäèò îí â áðàóçåðå òàê:
Êàê âû óæå çíàåòå, ÷òî çíà÷àò òýãè:
<tr> - Ñòðîêà òàáëèöû
<td></td> - ß÷åéêà ñòðîêè
</tr>
òî íåòðóäíî áûëî áûñòðåíüêî ïåðåäåëàòü åãî â ñàéò, êîòîðûé âû âèäèòå ñåé÷àñ, ò. å. ìîé ýòîò ñàéò, â êîòîðîì ýòîì âñ¸ íàïèñàíî,
íî êîíå÷íî çäåñü ïåðåäåëàíî óæå íå òîëüêî ýòèìè òýãàìè, íî è ïðîãðàììàìè
Ôîòîøîï è Dreamweaver, äà è ñ ïðèìåíåíèå ìåíåå ïîïóëÿðíûõ ïðîãðàìì, êîòîðûå òîæå èíîãäà íåçàìåíèìû.
È åù¸ îäèí ìîìåíò ïî ïîâîäó ìîåãî ñàéòà, õîòÿ ñòðàíèöû âèäíû ñ ðàñøèðåíèåì html, íî ñîçäàíû îíè êàê php, ïîòîìó ÷òî â ïàïêó ñî ñòðàíèöàìè çàëèò ôàéë .htaccess - äà èìåííî òàê îí è íàçûâàåòñÿ, ñîäåðæèìîå ýòîãî ôàéëà: AddType application/x-httpd-php php phtml html htm.
À èìåííî âàì íóæíû íåèçìåííûå òýãè:
<html>
<head>
<title> Èìÿ äîêóìåíòà </title>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
</head>
<body>
<table>
</table>
</body>
</html>
Äàëåå äëÿ ïðèäàíèÿ ñòðàíè÷êå ðàçìåðîâ ïðîïèñûâàåì - áóäåò âûäåëåíî êðàñíûì öâåòîì:
<html>
<head>
<title> Èìÿ äîêóìåíòà </title>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
</head>
<body>
<table width="750" height="600">
</table>
</body>
</html>
Ò.å. øèðèíà òàáëèöû, â êîòîðîé-òî âñ¸ áóäåò ïðîèñõîäèòü - 750, à âûñîòà - 600 ïèêñåëåé.
Âûñîòà áåð¸òñÿ êàê ìèíèìóì, ò.å. åñëè âû
íàïèøåòå è âñòàâèòå ãðàôèêè áîëüøå, ÷åì ýòî çíà÷åíèå, òî è âûñîòà óâåëè÷èòñÿ ïî âàøåìó çàïîëíåíèþ. Ñòðàíèöà áóäåò òÿíóòüñÿ ñêîëüêî âû
ïîæåëàåòå.
Îáû÷íî ñòðàíèöó ïî âûñîòå äåëàþò â 3-5 ýêðàíîâ ìîíèòîðà, ÷òîáû îñîáî íå ïóòàòüñÿ.
Äàëåå…
|
