Test 1 Review Website Basics, HTML, CSS CIS 388 Test 1 Review Website Basics, HTML, CSS

Test 1 Review What are Considerations for designing a website? Hardware requirements Server software/programming requirements Page requirements/technologies and structure Plugins, add-ons, redesigns, and future upgrades What are the 2 popular servers for running websites? IIS (Internet Information Services) - *Windows only Apache

Test 1 Review What is the difference between server-side and client side? Server-side is processed on the server and the client only sees the output (secure, used to access server resources- database) Client-side runs on the requesting machine and the client sees the code (used to make the page more interactive) What are some server-side technologies/languages? ASP (IIS) PHP (IIS/Apache) JSP (Java server)

Test 1 Review What is the primary client-side technology/language used? Javascript How are large/modern websites created/edited today? Content Management systems are used to manage large/modern sites. They separate the data/content of a page from the design making it easy to redesign the site. Also the database containing the data simplifies the backup process. *127.0.0.1

Test 1 Review What does HTML Stand for? What type of Language is HTLM? Hypertext Markup Language (HTML) What type of Language is HTLM? It is an SGML (Standard Generalized Markup Language) that is used to present “pages” inside of a browser. What is Syntax? Syntax is the standardized code that the language is composed of. How is the Language and Data presented in HTML? The code and the data in the page are mixed together and the HTML code will have a tag before (opening) and after (closing) the data to determine how the data is to be presented.

Test 1 Review What are nested tags? Signifigance? Sample HTML code: Nested tags are “tags within other tags” the inner tag must be closed before the outer tag or the HTML will not display properly. (XML) Sample HTML code: <strong>Bold Data</strong> Name some tags and properties of those tags <a></a> anchor, “href” property <font></font> font, “size” property * HTML Reference – W3 schools: http://www.w3schools.com/tags/

Test 1 Review HTML Comments Requirements for making an HTML file <!-- Comments --> *Comment code to make it easier to organize and make changes in the future Requirements for making an HTML file HTML/Text editor (Notepad or Dreamweaver) Opening and closing HTML, Head, and Body tags Save as “htm” or “html” file type

Test 1 Review What is CSS What is CSS for? CSS stands for Cascading Style Sheets What is CSS for? Separates the structure of the page (layout) from the presentation of the data in the page What are the 3 “types/locations” of CSS? *order (overrides preceeding CSS formatting) External CSS (separate file referenced in header) Header CSS (css code place in the head of the document) In-line CSS (css code added directly with the HTML code in the body of the document) CSS Reference: http://www.w3schools.com/cssref/

Test 1 Review What are Classes? Ids? classes are styles (multiple) that we would like to apply to a group without having to retype the style each time Ids are specific identifiers to reference in a document to apply styles etc… (javascript actions) How are colors handled in HTML/CSS? Colors are referenced by name* or by hexadecimal number (RRGGBB) What is hexadecimal? 0-f (Computers do not have fingers!)

Test 1 Review What is the IP address 127.0.0.1? What is DNS? Recursive call, localhost What is DNS? Domain Name Server (ex. Gram.edu) What is the Internet? World Wide Web? Internet is computers with IP address on the global network World Wide Web are computers in the internet with a DNS