Creating the HTML layout

Now, let's open up the index.html file with Sublime Text, or of course, whichever editor you'd like, and we'll get a base HTML structure in the editor:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
</body>
</html>

Now, in this HTML layout first, we'll add PhotoGenik in the title:

<!DOCTYPE html>
<html>
<head>
  <title>PhotoGenik</title>
</head>
<body>
</body>
</html>

Since we're using the W3.CSS framework, we have to include the stylesheet. So we're just going to use the CDN here. For this, we'll add the following style sheet link next to the title in the HTML layout:

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

We also want to include our own CSS file as shown here:

<link rel="stylesheet" href="style.css">

So that's style.css. Now that's all we need in the head.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.118.32.222