Sublime Text 3 HTML, Python. . , , . , . 1.
1 Sublime Text 3
, . , 2, , .
2
3 , .
3
, . , , 4.
4
, , , 5.
5
3.2 -
:
1) Windows 7 ;
2) 512 ;
3) Intel Pentium 4 SSE2;
4) 10 .
, , .
, , . , , , .
. , , .
1) Ecma-262.pdf [ ]. : ( : 25.11.2016);
2) [ ]. : http://knowledge.allbest.ru/programming/d-3c0a65625b2ac79a5d43a88421216d37.html. . ( : 02.12.2016);
|
|
3) 230111 [ ]. : http://knowledge.allbest.ru/programming/d-3c0a65625b2ac79a5d43a88421216d37.html. . ( : 02.12.2016);
4) CSS reference [ ]. : https://developer.mozilla.org/en-US/docs/Web/CSS/Reference. . ( : 14.11.2016).
randompage.js
window.onload = function(){
pages = new Array('why.html', '1.html', '2.html', '3.html', '4.html');
window.location.href=pages[Math.floor(Math.random(5) * pages.length)]
}
index.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="contentmain"><!-- -->
<div id="header">
<div class="mainline"> Landing Page </div>
</div>
<div id="header_lower">
<div id="middle_headline"> Landing Page?</div>
<div id="middle_text"> -, , ""...</div>
</div>
<div id="header_lower">
<div id="middle_headline"> Landing Page</div>
<div id="middle_text"> , , , - (, ..)
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!-- -->
<div id="header_content_lowerline"><a id="indextocontent" href="content.html"> </a></div>
</div>
</div>
</div>
<div id="copyright"> 2016.</div>
</body>
</html>
link.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
|
|
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="contentmain"><!---->
<div id="headercontent">
<div class="mainline"> </div>
<div id="whyhtml">
<a class="whylink" href="http://psd-html-css.ru/"> </a></div>
<div id="linkhtml">
<a class="whylink" href="http://psd-html-css.ru/shablony/html-landing-page"> </a></div>
</div>
</div>
<div id="bottom_bar"><!-- -->
<div id="main_container">
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016.</div>
</body>
</html>
why.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="contentwhy">
<div id="headercontent">
<div id="pagecontentmain"> Landing Page</div>
</div>
<div id="header_lower">
<div id="pagecontenttextright"><h2> </h2>
<b>Landing page</b> ( ) , , <b> </b></div>
<div id="pagecontenttextleft"><h2> ?</h2>
<b> </b> :
|
|
<ul><li><b> </b> <b></b> . , -</li>
<li><b> </b> . , -</li>
<li><b> </b></li>
<li> , <b></b></li>
<li> <b></b> </li>
<li><b></b> </li></ul></div>
<div id="pagecontenttextbig"> ...</div>
<div id="pagecontenttext"> , , . , .</br>
. ( , , ..). , , ( ).</br> , . . .
</div>
</div>
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!-- -->
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016. </div>
</body>
</html>
content.html
<DOCTYPE html><!---->
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="contentcontent"><!---->
<div id="headercontent">
<div id="pagecontentmain"> </div>
<div id="whyhtml">
<a class="whylink" href="why.html"> Landing Page</a></div>
|
|
<div id="forpeople">
<a> HTLM, CSS, JavaScript:</a></div>
<div id="linkhtml">
<a class="whylink" href="1.html">1. " " </a></div>
<div id="linkhtml">
<a class="whylink" href="2.html">2. </a></div>
<div id="linkhtml">
<a class="whylink" href="3.html">3. </a></div>
<div id="linkhtml">
<a class="whylink" href="4.html">4. </a></div>
</div>
</div>
<div id="bottom_bar"> <!-- -->
<div id="main_container">
<div id="header_lower">
<div id="header_content_lowerline">
<a class="bottombutton" href="index.html"></a> | <a class="bottombutton" href="random.html"> </a>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016.</div>
</body>
</html>
stylesheet.css
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
<script src="javas/randompage.js"></script>
</head>
<body>
</body>
</html>
1.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="content1">
<div id="headercontent">
<div id="pagecontentmain"> </div>
<div id="pagecontentmain2">" " </div>
</div>
<div id="header_lower">
<div id="pagecontenttextbig"> ?</div>
<div id="pagecontenttext"> Landing Page <b> </b> -. , , . Landing Page , , , .</br>
<b> , .</b> , <b> </b>, , , . <b> , - Landing Page</b>, - " " . , , . ? Landing Page <b> </b>, .
, <b> </b>, </br> , . . .
|
|
</div>
<div id="linkhtml">
<a class="whylink" href="2.html"> , , .</a></div>
<div id="pagecontentmain2"></div>
</div>
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!-- -->
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016. </div>
</body>
</html>
2.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="content2">
<div id="headercontent">
<div id="pagecontentmain"> </div>
<div id="pagecontentmain2"> </div>
</div>
<div id="header_lower">
<div id="pagecontenttextbig"> ?</div>
<div id="pagecontenttext">
<a class="gmailsend" href="http://psd-html-css.ru/shablony/html-landing-page"> </a></div>
<div id="pic">
<img src="images/site.png">
</div>
<div id="pagecontenttext"> , <b></b>, .
</div>
<div id="linkhtml">
<a class="whylink" href="3.html"> , .</a><a href="http://psd-html-css.ru/shablony/html-landing-page"></a></div>
</div>
</div>
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!-- -->
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016. </div>
</body>
</html>
3.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="content3">
<div id="headercontent">
<div id="pagecontentmain"> </div>
<div id="pagecontentmain2"> </div>
</div>
<div id="header_lower">
<div id="pagecontenttextbig"> ?</div>
<div id="pagecontenttext"> , HTML, CSS, JavaScript.
</div>
<div id="pic">
<img src="images/folder.png">
</div>
<div id="pagecontenttext"> JS JavaScript ,Bootstrap- .
basicelements jquery landing-, SmoothScroll . <b></b> <b> </b>, .
</div>
<div id="pic">
<img src="images/javascript.png">
</div>
<div id="pagecontenttext"> CSS <b> </b> . <b>basicelement</b>, bootstrap bootstrap.min JavaScript, Bootstrap .</div>
<div id="pic">
<img src="images/css.png">
</div>
<div id="pagecontenttext"> basicelement HTML- HTML . : <b> , , .</b></div>
<div id="pic">
<img src="images/cssexaple.png">
</div>
<div id="pagecontenttext"> index , <b> </b>, .</br>
"", , CSS-, , , .</div>
<div id="pic">
<img src="images/html.png">
</div>
<div id="linkhtml">
<a class="whylink" href="4.html"> </a><a href="http://psd-html-css.ru/shablony/html-landing-page"></a></div>
</div>
</div>
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!-- -->
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016. </div>
</body>
</html>
4.html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title> Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!-- -->
<div id="logo_container"> <!-- -->
<div id="logo_image"></div><!-- -->
<div id="bar_block"><!-- -->
<a class="bar_button" href="index.html"> </a>
<a class="bar_button" href="content.html"></a>
<a class="bar_button" href="random.html"> </a>
<a class="bar_button" href="link.html"> </a>
</div><!-- -->
</div> <!-- ,-->
</div><!-- -->
<div id="content4">
<div id="headercontent">
<div id="pagecontentmain"> </div>
</div>
<div id="header_lower">
<div id="pagecontenttextbig"> ?</div>
<div id="pagecontenttext"> - , - .</br> , " " . .
</div>
<div id="pagecontenttext">
<a class="gmailsend" href="link.html"> </a></div>
<div id="linkhtml">
<a class="whylink" href="content.html"> :)</a><a href="http://psd-html-css.ru/shablony/html-landing-page"></a></div>
</div>
</div>
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!-- -->
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> 2016. </div>
</body>
</html>