UNIX and Operating System Topics 1. What is SFTP? Name software applications that provide sftp service 2. What does SSH mean? How do you use ssh? 3. What is a Terminal window on the Mac? Why/when do you use it? 4. Unix commands to review: cd chmod man vim cp <current filename> <new file name> ls (see also: ls l ls a ) mkdir <directory name> rm <filename> rmdir <directory name> df -h <path> passwd pwd GRAPHICS 1. Vector vs. Bitmap/raster graphics: compare and contrast 2. The importance of scalability of images: discuss 4. RGB is the standard color mode for the web 5. 72 dpi is the standard resolution for the web PHOTOSHOP 1. Tools to use to work with a scanned image or Saved image 2. Considerations in configuring new images (size, resolution, etc) 3. Image/modes: RGB, CMYK, grayscale 4. Using Photoshop toolbars 5. Image types on the web and difference in file size: e.g. PSD, JPG, GIF, PNG etc. 6. Describe how/when to use the paint bucket, brush, and pencil tools for drawing. 7. Working with specific colors and areas: using the eye dropper, magic wand, etc 8. Using the text tool and working with layers of text 9. Working with the image as a whole: using crop; rotate; flip; sizing; mode. 10. Working with layers: making them visible; determining opacity; changing the order 11. Using layers to edit a picture and manipulate various design elements
12. Layer effects (e.g. drop shadow, etc) 13. Creating images for the web and understanding when to use specific file types 14. Using filters: what are they? how do you use them? 15. Transformations (EDIT / TRANSFORM) what are these? Give examples. 16. Composite images combining whole or partial images into a new image 17. Magic Wand, Eye Dropper and Paintbrush tools 18. When designing a website for a full browser windows, what is the recommended size? (1024 x 768) 19. What is the size for a Favorite Icon? The favicon is found in some websites at the tab window up on top. 20. Opacity/Transparency 21. Hexidecimal - Colors: #FFFFFF 22. Resolution (72 dpi) 23. Saving for and Optimizing for the web 24. Slice tool HTML + CSS How do you start a new webpage, what are the steps and starting tags? What are the required tags? How/where do you add styles to your new webpage? What are embedded or internal style? What are in-line styles? What are external styles? How do you set up embedded styles? How do you link to one or more stylesheets? What is a Doctype? Hyperlinks to another site (External/Absolute links/paths) http://www.google.com Links to another page in the same site (Relative links/paths) images/myimage.jpg Email Links <a href= mailto:address@domain.com >...</a> Inserting an image <img> Using an image as a link; creating buttons <a href= index.html ><img src= mylogo.jpg /></a> Fonts and text formatting tags: bold, italic, colors, text size, etc using CSS font-weight; font-style, color, font-size, Bulleted and numbered lists <ul><li></li></ul> <ol><li></li></ol> Setting up tables and working with table and table properties (colspan, rowspan) Page Background color, image, repeat or tiling using CSS Defining colors: #FFF, #000, #F00, RGBA(255,255,255,1), etc
What are selectors in CSS? Tag Selector, # ID Selector,. Class Selector When would you use each of these CSS Selectors and why? What is the file that by default is the homepage? (index.html) Named Anchors ( Remember: making hyperlinks within a page ) HTML Comments <!-- HTML COMMENT --> CSS Comments /* CSS Comment */ Commonly used tags: <html></html> <head></head> <title></title> <meta /> <style></style> <script></script> <link /> <body></body> <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> <b></b> <u></u> <i></i> <a></a> <img /> <br /> <hr /> <p></p> <div></div> <span></span> <nav></nav> <section></section> <article></article> <header></header> <footer></footer> <table></table> <tr></tr> <td></td> <iframe></iframe>
<ul></ul> <li></li> <ol></ol> <li></li> <form></form> <select></select> <option</option> <sup></sup> <blockquote></blockquote> HTML Entities: non-breaking space < less than < < > greater than > > & ampersand & & cent pound yen euro copyright registered trademark Common CSS properties: width:; height:; border:; margin:; padding:; background-color:; background-repeat:; background-image:url(); font-family:; font-size:; color:; letter-spacing:; line-height:; display:; z-index:; float:; clear:;
position:; left:; right:; top:; bottom:; margin-left:; margin-right:; margin-top:; margin-bottom:; GENERAL QUESTIONS FOR REVIEW: Compare and Contrast HTML and CSS Compare and Contrast an ID Selector and a CLASS Selector in CSS Compare and Contrast Absolute Path and Relative Path A website is a folder, each html file is a web page, subfolders are used to organize your files i.e. CSS, IMAGES folder, etc. The homepage is the index.html file. The Website folder is known as the root of your website. The index.html is saved at the root. public_html is the folder on the Server where we upload our website(s). public_html is your root folder on a web server. Modern browsers include: Chrome, Firefox Mozilla, Safari, Opera