Dreamweaver

Fundamentals: Rule for Divs

Always give divs an ID so , you can refer to them in the coding layout.

Distinguishing between Head and Body Section

<head>

</head>

<body>

</body>

users cannot see what's within head.

content goes within body section

A Document Type Declaration, or DOCTYPE for short, is an instruction to the web browser about the version of markup language in which a web page is written. ... With HTML5 this is no longer the case and the doctype declaration is only needed to enable the standard mode for documents written using the HTML syntax

SOURCE:
https://www.tutorialrepublic.com/html-tutorial/html-doctypes.php

Insert Images

Insert Images

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

SOURCE:
https://tutorialehtml.com/en/html-tutorial-inserting-images/

<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>

CSS - Terms

https://www.cram.com/flashcards/coding-sites-11154992

#header {}

body in header

ex: background-blue: #EEEE

#container { }

background - color

text-align: center

color: white

center

margin-left: auto

margin-right: auto

#content - content header

#nav div - divs always appear on a new line

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>

Web Page - Building (analogy0

4 Different aspects to each web page

-Structure - HTML
-Presentation - CSS
-Content - Text/Images
-Action - Javascript/PHP

Dreamweaver

Code - Cheat Sheet

Wednesday, January 1, 2020

Fundamentals: Rule for Divs

Distinguishing between Head and Body Section

Doc Type Statement

Insert Images

CSS - Terms

Code - Links (HTML)

Web Page - Building (analogy0

Panels

Report Abuse

Labels