API tools faq
paste
Advertisement
here2share

All You Need To Create A Website 2018

here2share
Feb 28th, 2018
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 9.76 KB | None | 0 0
raw download clone embed print report
  1. <html dir="ltr"><head>
  2. <meta content="width=device-width, initial-scale=1" name="viewport">
  3. <title>All You Need To Create A Website</title>
  4. <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  5. <!-- Chrome, Firefox OS and Opera -->
  6. <meta content="#1a1a1a" name="theme-color">
  7. <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
  8. <style id="page-skin-1" type="text/css"><!--
  9.  
  10. .centered-top-container.sticky{
  11. left:0;
  12. position:fixed;
  13. right:0;
  14. top:0;
  15. width:auto;
  16. z-index:8;
  17. -webkit-transition-property:opacity,-webkit-transform;
  18. transition-property:opacity,-webkit-transform;
  19. transition-property:transform,opacity;
  20. transition-property:transform,opacity,-webkit-transform;
  21. -webkit-transition-duration:.2s;
  22. transition-duration:.2s;
  23. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  24. transition-timing-function:cubic-bezier(.4,0,.2,1)
  25. }
  26. .container::after,.float-container::after{
  27. clear:both;
  28. content:'';
  29. display:table
  30. }
  31. body{
  32. background-color:#1a1a1a;
  33. color:#ffffff;
  34. font:400 20px Lora, serif;
  35. margin:0 auto
  36. }
  37. .centered-top{
  38. box-sizing:border-box;
  39. margin:0 auto;
  40. max-width:1280px;
  41. padding:44px 136px 32px 6px;
  42. width:100%
  43. }
  44. .sticky .blog-name .widget.Header p,.sticky .centered-top-secondline{
  45. display:none
  46. }
  47. .centered-top-container,.centered-top-placeholder{
  48. background:#1a1a1a none repeat scroll top left
  49. }
  50. .blog-name h1,.blog-name h1 a{
  51. color:#ff0000;
  52. font:italic 800 34px Open Sans, sans-serif;
  53. line-height:24px;
  54. text-transform:uppercase
  55. }
  56. .widget.Header .h
  57. .sticky{
  58. box-shadow:0 0 20px 0 rgba(0,0,0,.7)
  59. }
  60. .sticky .centered-top{
  61. padding-bottom:0;
  62. padding-top:0
  63. }
  64. .post-content{
  65. -webkit-box-flex:0;
  66. -webkit-flex:0 1 auto;
  67. -ms-flex:0 1 auto;
  68. flex:0 1 auto;
  69. -webkit-box-ordinal-group:2;
  70. -webkit-order:1;
  71. -ms-flex-order:1;
  72. order:1;
  73. margin-right:76px;
  74. max-width:800px;
  75. width:100%
  76. }
  77. .post-header-container .byline,.post-header-container .byline a{
  78. color:#cccccc;
  79. font:600 16px Open Sans, sans-serif
  80. }
  81. .page_body{
  82. max-width:1280px;
  83. margin:0 auto
  84. }
  85. }
  86. @media screen and (max-width:1168px){
  87. .centered-top-container,.centered-top-placeholder{
  88. padding:24px 24px 32px 24px
  89. }
  90. .sticky{
  91. padding:0 24px
  92. }
  93. }
  94. @media screen and (max-width:968px){
  95. body{
  96. font-size:14px
  97. }
  98. .main_header_elements{
  99. position:relative;
  100. display:block
  101. }
  102. .hamburger-section,.sticky .hamburger-section{
  103. display:none
  104. }
  105. #footer{
  106. padding-right:320px
  107. }
  108. }
  109.  
  110. --></style>
  111.  
  112. </head>
  113.  
  114. <body data-ta-time="1519742444820">
  115.  
  116. <div class="main_content_container clearfix">
  117. <div class="page">
  118. <div class="page_body">
  119. <div class="centered">
  120. <main class="centered-bottom" id="main" role="main" tabindex="-1">
  121. <div class="main section" id="page_body" name="Page Body">
  122. <article class="post-outer-container">
  123. <div class="post-outer">
  124. <div class="post-content container">
  125.  
  126. <div class="post-header-container container">
  127. <div class="post-header">
  128. <div class="post-header-line-1">
  129. <span class="byline post-timestamp">
  130. <br>
  131. <br>
  132. <br>
  133. <br>
  134. <time class="published" datetime="2018-02-26T05:41:00-08:00" title="2018-02-26T05:41:00-08:00">
  135. February 26, 2018
  136. </time>
  137.  
  138. </span>
  139. </div>
  140. </div>
  141. </div>
  142. <div class="post-body-container">
  143. <div class="post-body entry-content float-container" id="post-body-183580402823813115">
  144. <p lang="en-GB"><font face="Tahoma, sans-serif"><font style="font-size: 16pt" size="4"><b><font face="Times New Roman, serif"></font></b><i><span style="font-weight: normal">Everybody
  145.             has acknowledged the aspects and benefits of having their own
  146.             website. Let it be for personal, family, office, hotels, and for
  147.             any school. Everybody want their friends, family, customers or
  148.             audiences connected to them. Websites are changing the way see our
  149.             world. </span></i></font></font>
  150.             </p>
  151.             <p style="font-weight: normal" lang="en-GB"><font face="Tahoma, sans-serif"><font style="font-size: 16pt" size="4"><i>Web
  152.             development is a fast growing business. The more it benefits, the
  153.             more easier it is. Even an 80 years old can make a simple website.
  154.             This blog will guide you through step by step process to become a
  155.             renowned web developer. <br><br>Web development can be divided
  156.             into three sections. They are:<br><font color="#ffff00">1. <u>Front End Developing</u></font><br><font color="#ffff00">2.
  157.             <u>Back End Developing</u></font><br><font color="#ffff00">3. <u>Domain And Hosting</u></font><br><br><font color="#00ffff">Front
  158.             End Developing:</font><br>Front End deals with client side. This manages
  159.             the appearance and decoration of website, tools and techniques to
  160.             make interactions between client and website. The main objective
  161.             of front end development is design a site that is user-friendly,
  162.             eye catching and availability of related information.</i></font></font></p>
  163.             <p style="font-weight: normal" lang="en-GB"><font face="Tahoma, sans-serif"><font style="font-size: 16pt" size="4"><i>There
  164.             are several tools and methods in front end developing. Hosing the
  165.             right tool for right job is essential. Some of the main tools are:</i></font></font></p>
  166.             <p style="font-weight: normal" lang="en-GB"><font face="Tahoma, sans-serif"><font style="font-size: 16pt" size="4"><i>
  167.             <font color="#00ffff">a)
  168.             <u>Hyper Text Mark-up Language</u> (HTML)</font> <br>Hypertext Markup Language
  169.             is the backbone of any website development process. It gives the
  170.             main structure of how the site will look. Without HTML, no website
  171.             exists. Hyper Text means the site will contain texts that will
  172.             take the client to the another page/site. Markup indicates that
  173.             the text can be turned into images, tables or other
  174.             representations. </i></font></font>
  175.             </p>
  176.             <p style="font-weight: normal" lang="en-GB"><font face="Tahoma, sans-serif"><font style="font-size: 16pt" size="4"><i>HTML
  177.             was developed by Tim Berners-Lee. The latest version of HTML is
  178.             called HTML5 which contains new and efficient ways of handling
  179.             elements such as videos and audio files. <br><br><font color="#00ffff">b) <u>Cascading
  180.             Style Sheets</u> (CSS)</font> <br>CSS controls the decoration of your site
  181.             and allows your site to have your own unique. It works by
  182.             maintaining style sheet which sits on top of another style sheet.
  183.             It can be used to change look of the site based the screen size of
  184.             the device&nbsp; and resolutions. Any element of HTML can be
  185.             assigned ID/CLASS which are later used by CSS to give unique look.
  186.             <br><br><font color="#00ffff">c) <u>JavaScript</u> (JS)</font><br>JavaScript is an event based
  187.             imperative programming language that is used to transform a static
  188.             HTML page into a dynamic interface. It transforms the look or
  189.             structure of HMTL page based on the clients actions. For example,
  190.             when client hovers his/her mouse over a image, the description of
  191.             image pops up and many more. Without JavaScript, the HTML alone
  192.             feels boring. So efficient use of JavaScript can attract client,
  193.             keep client busy in your page and change element of your page as
  194.             per users requests or inputs. <br><br>Front End covers from
  195.             structure of HTML page carried by its looks and decoration and
  196.             extend up to its dynamic behavior. You must be wondering where do
  197.             I write my codes and check the result? All you need is text editor
  198.             app and a browser. Make sure you save your code with .htm or .html
  199.             extension. You can write your CSS and JavaScript inside your HTML
  200.             code... or you can write in separate file and make a link inside
  201.             HTML code. At last you can run your .html file to check your
  202.             progress at any time. </i></font></font>
  203.             </p>
  204.             <br>
  205. </div>
  206.  
  207. </div>
  208.  
  209. </div>
  210. </div>
  211. <script src="All%20You%20Need%20To%20Create%20A%20Website_files/cbgapi.loaded_0" async=""></script><script src="All%20You%20Need%20To%20Create%20A%20Website_files/plusone.js" type="text/javascript" gapi_processed="true"></script>
  212.  
  213. <div class="shown-ad">
  214. </div>
  215. </article>
  216. </div>
  217. </main></div>
  218. </div>
  219.  
  220. </div>
  221. </div>
  222.  
  223. <div class="dim-overlay hidden"></div>
  224.  
  225.  
  226. <script src="All%20You%20Need%20To%20Create%20A%20Website_files/plusone.js" type="text/javascript" gapi_processed="true"></script>
  227.  
  228. <div class="dim-overlay hidden" id="subscribe-dim-overlay"></div><iframe name="oauth2relay276610005" id="oauth2relay276610005" src="All%20You%20Need%20To%20Create%20A%20Website_files/postmessageRelay.html" style="width: 1px; height: 1px; position: absolute; top: -100px;" tabindex="-1" aria-hidden="true" tc-textcontent="true" data-id="w-0"></iframe><header class="centered-top-container sticky animating" role="banner" style="transform: translate3d(0px, 0px, 0px); opacity: 1;">
  229. <div class="centered-top">
  230. <div class="centered-top-firstline container">
  231. <div class="main_header_elements container">
  232. <!-- Blog name and header -->
  233. <div class="blog-name">
  234. <div class="section" id="header" name="Header"><div class="widget Header" data-version="2" id="Header1">
  235. <div class="header-widget">
  236. <div>
  237. <h1>
  238.  
  239. <a>
  240. All You Need To Create A Website
  241. </a></h1>
  242. </div>
  243. <p>
  244. </p>
  245. </div>
  246. </div></div>
  247. </div>
  248. <!-- End blog name and header -->
  249. <!-- Subscribe -->
  250. <!-- End subscribe -->
  251. <!-- Search -->
  252.  
  253. </div>
  254. <!-- Hamburger menu -->
  255.  
  256. <!-- End hamburger menu -->
  257. </div>
  258. <nav role="navigation">
  259. <div class="centered-top-secondline no-items section" id="page_list_top" name="Page List (Top)">
  260. </div>
  261. </nav>
  262. </div>
  263. </header><script src="All%20You%20Need%20To%20Create%20A%20Website_files/inject.js"></script></body><script src="All%20You%20Need%20To%20Create%20A%20Website_files/inject.js"></script></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!