Website Design Process

Sketch Out Site Layout. Gather resources (text, images, tables, etc.)
Setup Site in Dreamweaver
Create Pagae Structure html
Add Sample Content to Structure
Create Page Presentation CSS - Fromatting and Positioning
Repeat steps 3-5 for additional page designs
Create templates and pages to your site
Add actual content to page
Publish final site

Code - Links (HTML)

Code - Links (HTML)

<li> </li> - bullets (list items)


<a href= "index.html">home</a> - links


<li><a href= "index.html">home</a> </li> - bullets with links

ul>li*7>a - bullets with links (shortcut)


<br> - breakout

&copy - copyright symbol


<ul>
<li><a href="index.html">home</a></li>
<li><a href="index.html">about</a></li>
<li><a href="index.html">games</a></li>
<li><a href="index.html">reviews</a></li>
<li><a href="index.html">contact</a></li>


<h1> </h1> - header

<p> </p> - paragraph


<section> </section> - section

<article> </article> - article

<footer> </footer> - footer

Insert Images

1. (type) ".image-one" (click tab)
<div class="image-one"></div>
2. (type) img (click tab)
<img src="" alt="">





<section>

right-click, select class

<section> class"feature-images">

<div class="image-one">



<img src ="images/gameimages. jpg" width= 90% alt=" "

p>lipsum (tab)

</section>