ISTE-140 Final Review (MC)
Standard file extension for css
.css
Server Side: syntax for base file ending
.html
Standard file extension for html
.html
Standard file extension for JavaScript
.js
Identify different columns of information in UNIX returns
1st character is file type ( "-" represents a regular file, "d" signifies a director, "l" signifies a symbolic link); next 9 characters gives permission for 3 categories of users; columns 3 and 4 give ownership information ex: drwxr-xr-x; 3 levels of categories of permissions of files :user, group, others; permissions for each of those categories: r (read) w (write) x (execute); each rwx triplet is the sum of three numbers: 4 or 0 for r or -, 2 or 0 for w or -, 1 or 0 for x or -, r-- == 4, r-x ==5, rw- == 6, rwx ==7 --> ex: 444 file r--r--r--; 500 directory: r-x------; 755 directory: rwxr-xr-x
Server Side Include: syntax for linking base file
<!--#include file="NameofFile" -->
What is the html-5 element used to include a movie file on a web page (NOT using a third party like YouTube)
<Video>
Syntax for Embedded Style Sheets
<h1 style="color:blue;margin-left:30px;">This is a heading</h1>
Syntax for Linking External Style Sheets
<head><link rel="stylesheet" type="text/css" href="mystyle.css"></head>
Syntax for Internal Style Sheets
<head><style> body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } </style>
Syntax for print style sheet
<link rel="stylesheet" type="text/css" href="print.css" media="print">
What are the 3 tags used in a <table>
<tr> (table row) <th> (table heading) <td> (table data)
Whih css property is used to prevent elements from floating
Clear
CRAP
Contrast, Repetition, Alignment, Proximity
TRUE/FALSE: .psd files use lossy compression to reduce file size
FALSE
TRUE/FALSE: .psd is a web compatible format
FALSE
TRUE/FALSE: In order to use a .psd file in a web browser as a .png, all you need to do is change the file name from .psd to .png
FALSE
TRUE/FALSE: Printers typically are only capable of printing 72 dots per inch
FALSE
TRUE/FALSE: Web pages will only validate if they use 214 web safe colors
FALSE
What is one disadvantage of layers in photoshop?
File Size
CSS Positions
Fixed, Absolute, Relative, Static
How do you solve having an image that is too large for the page size?
Make the image smaller as opposed to making the image smaller in your browser- you do't want to shrink in the browser, bc it takes longer to load & u dont know if it will display exactly right
What does the alpha channel allow us to control
Opacity/Transparency
TRUE/FALSE: .psd files can handle any color model including 8bit, RGB, CMYK and other
TRUE
TRUE/FALSE: .psd preserves layers, text, transparency and masks
TRUE
What are the different types of images
Vector and Raster/Bitmap
What are the 2 navigation items that are required for every site
Where you are, Where you can go
Fixed
Will always stay on that part of the SCREEN (as opposed to page/viewport)
relative file path
a relative path starts from some given working directory, avoiding the need to provide the full absolute path
absolute file path
absolute or full path points to the same location in the file system, regardless of the current working directory- to do that, it must include the root directory
Raster/Bitmap Images
actual image in pixels, each pixel is a different color
Border
boxes: margin, border, padding, content; border= middle, between margin and padding
Margin
boxes: margin, border, padding, content; margin= outermost
Padding
boxes: margin, border, padding, content; padding=right outside of content; third one in
UNIX: changes current directory to the specified directory
cd
UNIX: changes the permissions of a file
chmod
UNIX: creates a copy of a file
cp
Static
default; as if you didn't give it a position (often used if you want to return item to default position)
What JavaScript method can be used to select an element based on ID
document.getelementbyid
Clear property
e.g. float: left; clear: both; says the item will go toward the most upper left hand point BENEATH closest item to that point; clear starts the item new in its own spot as opposed to alongside floated objects
Float property
e.g. float: left; says the item will go toward the most upper left hand point possible; will align next to other items if there is room; float puts elements alongside each other
files and directories: user vs. group
each user of the system has a username; each user belongs to a primary group; when a file is created it belongs to that username and his/her primary group
How can you determine the number of colors available to an image based on the bit depth
equation: 2^bit depth (2 to the power of bit depth)
file directory
file system cataloging structure which contains references to other computer files and possibly other directories
Vector Images
isn't lined to pixels, but instead a result of some sort of mathematical equation that results in shape and color
UNIX: shows a long (detailed) listing of ALL contents of a directory
ls -la, ls -al
UNIX: shows help for the specified command
man
Box Model: 3 properties
margin, border, padding (in order)
How to center a div using presets
margin-left: auto; margin-right: auto; 2nd value governs left and right; u need to provide a div width in order for margin: auto; to work
UNIX: creates a new directory
mkdir
UNIX: moves a file or directory
mv
UNIX: renames a file
mv; Moving and renaming files (mv command) Use the mv command to move files and directories from one directory to another or to rename a file or directory. If you move a file or directory to a new directory without specifying a new name, it retains its original name.
UNIX: shows current location in directory structure
pwd
Absolute
relative to the nearest paired element
Relative
relative to what the default position would have been
UNIX: deletes a single file
rm
UNIX: deletes filed recursively (e.g. deletes the specified directory and all child files/directories)
rm -r
UNIX: deletes a directory
rmdir
Class Selector
selects elements with a specific class attribute; class="center"; .center { text-align: center; color: red' }; class selector can be used for multiple attributes
UNIX: creates an empty (0 byte) file
touch
ID Selector
uses the id attribute of an html element to select a specific element; id of an element should be unique within a page so only use for one elemente; id="para1"; #para1 { text-align: center; color: red; }
name a command line interface text editor that was mentioned in this course's lecture notes
vi vim, pico, nano