Thursday, November 15, 2018

LB11 Insert Favicon Reflection Journal

In this lab, I created a webpage that has a favicon and internal CSS. First I opened up Dreamweaver. I created a new document in Dreamweaver by clicking New and OK. Secondly I typed in the basic html code for my document. I typed in <!doctype html>,  html tags, head tags which inside had <meta charset="UTF-8"> and title tags which inside had the title of Lab9, and body tags. Next I inserted my favicon by typing <link rel="icon" href="CSmallFavicon.png" type="image/png"> to place the favicon on the tab that shows at the tab.. Next I inserted my style for my webpage to design my webpage. I did this by typing style tags. Inside the style tags, I typed in body {background color: RGB (0,255,255);} to put the background color, h1 {color: rgba(0,0,0); to put in the text color for my headings, font-style: Bold; font-family: "Times New Roman", cursive, Serif; to put in my font style for my text, p {color:"#ABABAB"; font-size: 14px;} to color and style my text, and div{background-color:beige; width: 200px; height: 200px; border: thin; padding-bottom: 5%; padding-top: 0.5%; padding-left: 0.5%; padding-right: 0.5%;} to make the div have a beige background, a width and height of 200 pixels, border around the div that's thin, and space between the words and the div. Thirdly, I put center tags inside the body. Next I placed in my heading 1 (h1) tags inside the center tags and body tags. They had my name, Digital Design, date, and lab9 typed inside the heading 1 tags. I placed the h1 tags inside div tags. After that I inserted my images of my favicon, wrote the questions about favicons, and answered them in my document.  I did this by typing in br tags to separate the images and text, img src tags with the image file within them and alt tags to describe the image, heading 2 (h2) tags for the questions, and p tags for the answers. Finally I saved my document and uploaded my webpage to the server.

No comments:

Post a Comment