Язык HTML в программировании (стр. 2 из 3)
Разработка сайта посредством HTML
Итак, в качестве практической части была выбрана работа по созданию сайта на тему: «Япония»
Создание графических объектов
В первую очередь перед началом верстки гипертекста нужно продумать общий дизайн страниц, их количество, структуру, а также создать элементы графической оболочки сайта. Лучше всего подойдет Adobe Photoshop CS5.
Кнопки меню
или 
(кому как нравится)Для новостной ленты:
Для части HEAD
Макет страницы
Также важно продумать макет структуры сайта. Макет нашего сайта будет выглядеть примерно так:
Верстка
Теперь можно приступать к верстке. Делаем главную страницу:
Главная страница:
<html>
<head >
<META HTTP-ENQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS-1251">
<META NAME="AUTHOR" CONTENT="Руслан Смоилов">
<meta name="robots" content="all">
<title> Добро пожаловать в Японию </title>
<center>
<img src="images\77-1024.jpg">
<TABLE width=100% height=3% cellspacing=0><tr><TD BACKGROUND="images\60.jpg">
<MARQUEE DIRECTION=CENTER SCROLLAMOUNT= align=center><font color=black><B> Новостная строка</b></font></MARQUEE></td></tr></table>
<embed src="2.mp3" hidden=true>
</embed></head>
<body background="images\backdrop01.jpg" bgproperties="fixed" leftmargin="35"
rightmargin="35" text="yellow" link="lightgreen" alink="yellow" vlink="lightgreen">
<H2>
Добро пожаловать в Японию!</H2>
<TABLE ALIGN=CENTER WIDTH=100% HEIGHT=100% BORDER=0 cellspacing=0 CELLPADDING=16>
<TR HEIGHT=18%>
<TD WIDTH=19% ><br><FORM NAME="FORM1" ACTION="F:\программирование\Курсовая" METHOD="POST">
<INPUT type="text" value="Ваш логин">
<INPUT type="text" value="Ваш пароль">
<INPUT type="SUBMIT" VALUE="Войти"></FORM><a href="2.html"><h3 align=center>Регистрация</h3></a></TD>
<TD></TD>
<TD WIDTH=25% align=right><FORM NAME="FORM2" ACTION="F:\программирование\Курсовая" METHOD="POST">
<INPUT type="text">
<INPUT type="image" src="images\Без имени-2.jpg" width="93" ALIGN=RIGHT></FORM>
</TD>
</TR>
<TR heigh="32%">
<TD BGCOLOR=BLACK ALIGN=CENTER VALIGN=TOP><BR>
<A HREF="3.HTML"><IMG SRC="images\2.JPG"></A>
<A HREF="4.HTML"><IMG SRC="images\3.JPG"></A>
<A HREF="5.HTML"><IMG SRC="images\4.JPG"></A>
<A HREF="6.HTML"><IMG SRC="images\5.JPG"></A>
<A HREF="7.HTML"><IMG SRC="images\6.JPG"></A>
<A HREF="8.HTML"><IMG SRC="images\7.JPG"></A>
<A HREF="9.HTML"><IMG SRC="images\8.JPG"></A></TD>
<TD ROWSPAN="2" COLSPAN="2" bgcolor=black valign=top align=justify><h3 align=center> Информация о сайте</h3>
<P align=justify><font size="+1">    Сайт разработан с чисто демонстрационными целями.
Почему именно <I>Япония</i>? Незнаю.
Может быть потому что Япония является одной из передовых стран в области информационных технологий(как впрочем во всем).
<a href="4.HTML#SAPPORO"><IMG SRC="images\800px-Japan_Kyoto_Kinkakuji_DSC00117.jpg" ALIGN=CENTER WIDTH=100%></A>
<br><I>Япония</i> — развитая страна с очень высоким уровнем жизни (десятое место по индексу развития человеческого потенциала).
В Японии одна из самых высоких ожидаемых продолжительностей жизни, в 2009 году она составляла 82,12 года, и один из самых низких уровней младенческой смертности</font></p></TD>
</TR>
<TR>
<TD bgcolor="black" align=center valign=top>
<br>
<h2>Автомобиль какой японской марки вы предпочитаете?</h2>
<form>
<Select>
<option value="no">Выберите автобренд
<option value="Toyota">Toyota
<option value="Honda">Honda
<option value="Subaru">Subaru
<option value="Nissan">Nissan
<option value="Mitsubishi">Mitsubishi
</select>
<INPUT TYPE="submit" VALUE="Голосовать">
</form>
<bg><BR><bR> <strong>Итоги опроса:<table width=70% cellspacing=6 height=20% >
<tr><td>Toyota</td><td> 40%</td></tr>
<tr><td>Honda</td><td> 10%</td></tr>
<tr><td>Subaru</td><td> 20%</td></tr>
<tr><td>Nissan</td><td> 10%</td></tr>