Section 1
Preview this deck
design images
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (64)
Section 1
(50 cards)
design images
non-informational images, design purpose only, place din background of css elements
gif
graphics interchange format, lossless data compression, 256 colors or less, computer generated art, 1-bit transparency
fantasy
impact, copper plate, papyrus
CSS
cascading style sheets, invented in 1996, external, embedded, inline
static
text flows from left to right, block elements flow top to bottom, inline elements flow left to right
id
can only use once in page, unique identifier, #id
footer
small print, copyright, legal lease, attribution-site creator, article author
server
computer, server software, fast cpu, fast internet, lots of storage, always on
html5 elements
header, nav, main, section, article, aside, fugyre, footer
screen readability
serif for headings, sans serif for paragraphs, dark text on light backgoround
hypertext transfer protocol
http://
headings
h1 - main headings, h2- paragraph headings, h3 - sub headings
png-8
8 bit and 1 bit transparency
cursive
brush script, comic sans
main
main informational content of page
absolute
out of flow, top, left, width, height, independent layers, not responsive
class
can use multiple times in same page, reusable, .class{}
article
speacilized type of section, independent, self-contained, content makes sense on its own even outside the context of the document its part of
container
creates a box that auto centers and centers everything inside
bit map
grid of pixels, large file size, resolution dependent
jpg
joint photographic experts group, static images, 16/24 bit, lossy data compression, photographs, images with many colors and gradients, blurring helps compression
semantic web
structuring meaningful content for both you and robots, search engine optimization, accessibility
file formats
psd, jpg, gif, png, svg
vector graphics
to make a dot (x, y), mathematical equations representing images
png
portable network graphics, png-24 acts like jpg, losess data compression, png-8 and png-24
html
hypertext markup language, mark up information with tags that describe the information within; defines content structure
display resolution
pixels per inch, dots per inch 72dpi
web 2.0
read-write web, ability to contribute content- user generated content; interact with other users
tcp
transmission control protocol, packets sent, tcp does a full inventory of all packets to make sure they are all there then done
figure
<img src="link" alt="alt tag name"> <figcaption></figcaption>
png-24
24 bit and 8 bit transparency
monospace
fixed pitch, fixed width, or non-proportional font, letters occupy the same amount of horizontal space ex)courier new, Lucida sans, typewriter
box model
padding, border, margin, box positions
sans serif
without small lines, better readability in screen media ex)arial, calibri, helvetica, Verdana
svg
scalable vector graphics; 1999, basic browser support, styled w css
web 1.0
read-only web, search for information and read it
<!doctype html>
you are using html5 for code
internet
intangible, an idea, a cloud, universal human right
hypertext
text which is not constrained to be linear and contains links that jump to other text or other documents, Ted Nelson 1965
positions
static, relative, fixed, absolute
aside
supplementary info, works as sidebard
pixel
picture element, single point in graphic, screen graphics = pixels vs print graphics = inches
web 3.0
read-write-execute; this is now, web services - application program interface - semantic markup
relative
still in flow, top, left, offset elements
section
used when want to group related content together (semantically, logically, thematically) should have a h2 heading
informational images
images with informational value that supports the main textual content
serif
small line attached to the end of a stroke in a letter, better readability in print media ex)times new roman, Georgia, Lucida, Cambria
web-safe color
256 colors, 8-bit graphics, only 216 browser safe colors now; 8 bit = 256 colors 16 bit = 65536 colors (jpg) 24 bit=16777216 color(jpg, png-24)
lists
ul = unordered lists li = list item ex) navigation
<html lang="en">
setting text to English
Section 2
(14 cards)