Showing posts with label adobe. Show all posts
Showing posts with label adobe. Show all posts
Monday, May 11, 2020
Tuesday, April 28, 2020
Monday, January 13, 2020
Wednesday, January 1, 2020
CSS - Linking to HTML
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen"
-name of css file
-rel, type, and media
-name of css file
-rel, type, and media
CSS Properties - Font
font-family - type of font
font-size - size of font
font-weight - bold
font-style - italic
color: #f00
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
Doc Type Statement
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
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>
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
Web Page - Building (analogy0
4 Different aspects to each web page
-Structure - HTML
-Presentation - CSS
-Content - Text/Images
-Action - Javascript/PHP
Thursday, December 19, 2019
Tuesday, December 17, 2019
Subscribe to:
Posts (Atom)
-
SOURCE: https://www.reddit.com/r/computerscience/comments/8cer6c/difference_between_structural_and_semantic_markup/ Structural Tags - a tag ...
-
with our image source code we press a space after quotations and find width attributes now, you can adjust width and height properties
