HTML5 and CSS3 and Using BootStrap

First we will take a look at what Bootstrap is:

http://www.w3schools.com/bootstrap/

Complete the Codacademy tutorial on Bootstrap:

https://www.codecademy.com/es/courses/web-beginner-en-yjvdd/0/1

Look at how you can use Dreamweaver with Bootstrap:

https://helpx.adobe.com/dreamweaver/using/bootstrap.html

We can use these tools to make some cool online content to add to our site:

http://giphy.com/create/gifeditor

https://www.canva.com

Now change the css for your bootstrap template that you are using….get a jump start on the css with one of these themes: https://bootswatch.com/

Modify the css to make it your own.

Then we can look at what SVGs are:

http://www.w3schools.com/graphics/svg_intro.asp

****************

Let’s add some new icons font – http://www.dafont.com/animals.font

Save this to your font folder.

Read how to add a new font type:

http://www.w3schools.com/css/css3_fonts.asp

*****************

Upload your website to your server with Dreamweaver, here are the notes to do this:

https://docs.google.com/document/d/133Qj_udFgLf8IgrJyykx5FR_NZO2e2ZRO6PO4j4RO-Q/edit?usp=sharing

Leave a Reply

Your email address will not be published. Required fields are marked *