Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Like this? Share it with your network

Share

Midterm Review

on

  • 1,286 views

 

Statistics

Views

Total Views
1,286
Views on SlideShare
1,262
Embed Views
24

Actions

Likes
0
Downloads
3
Comments
0

3 Embeds 24

http://www.mrsstovall.blogspot.com 14
http://mrsstovall.blogspot.com 8
http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Midterm Review Presentation Transcript

  • 1. Vocabulary Definition search A Web search engine is a tool designed to search for information on the World Wide Web. Examples: Google, engine Alta Vista, Yahoo browser A Web browser is a software application which enables a user to display and interact with text, images, videos, Things that make the Internet work music, games and other information typically located on a Web page at a Web site on the World Wide Web or a local area network. router a networking device whose software and hardware are usually tailored to the tasks of routing and forwarding information. For example, on the Internet, information is directed to various paths by routers. DNS A hierarchical naming system that translates human meaningful domain names to the numerical (binary) identifiers associated with networking equipment for the purpose of locating and addressing these devices world- wide. packets Web pages and other information that transmitted across the web must be broken down into smaller chunks or blocks of data. server A server is a computer program that provides services to other computer programs (and their users), in the same or other computer. The physical computer that runs a server program is also often referred to as server. IP Address An Internet Protocol (IP) address is a numerical identification (logical address) that is assigned to devices participating in a computer network utilizing the Internet Protocol for communication between its nodes.[1] Although IP addresses are stored as binary numbers, they are usually displayed in human-readable notations,such as 208.77.188.166 (for IPv4), and 2001:db8:0:1234:0:567:1:1 (for IPv6). The role of the IP address has been characterized as follows: quot;A name indicates what we seek. An address indicates where it is. A route indicates how to get there.quot; [2] acceptable An acceptable use policy (AUP; also sometimes acceptable usage policy) is a set of rules applied by network and use policy website owners which restrict the ways in which the network or site may be used. AUP documents are written for Making sure you don't misuse the net corporations,[1] businesses, universities,[2] schools,[3] internet service providers,[4] and website owners[5] often to reduce the potential for legal action that may be taken by a user, and often with little prospect of enforcement. copyright Copyright is a form of intellectual property which gives the creator of an original work exclusive rights for a certain time period in relation to that work, including its publication, distribution and adaptation; after which time the work is said to enter the public domain. Copyright applies to any expressible form of an idea or information that is substantive and discrete. Some jurisdictions also recognise quot;moral rightsquot; of the creator of a work, such as the right to be credited for the work. fair use The intent of copyright is to allow authors to have control of and profit from their works, thus encouraging them to create new works and to aid the flow of ideas and learning. public The public domain is a range of abstract materials — commonly referred to as intellectual property — which are domain not owned or controlled by anyone. The term indicates that these materials are therefore quot;public propertyquot;, and available for anyone to use for any purpose. The public domain can be defined in contrast to several forms of intellectual property; the public domain in contrast to copyrighted works is different from the public domain in contrast to trademarks or patented works. Furthermore, the laws of various countries define the scope of the public domain differently, making it necessary to specify which jurisdiction's public domain is being discussed. Review for Web Mastering ACP Page 1 of 8
  • 2. Web Page Is written as a text page. What make it different, Parts of a web though, are the instructions that must be added to create backgrounds, colored fonts, paragraphs, lines, and virtually anything that adds interest to the page or makes it more readable. These instructions are page also what allow us to include what is probably the most important thing of all about web pages – the link (or hyperlink) that jumps from one page to another page or file. Review for Web Mastering ACP Page 2 of 8
  • 3. An HTML 4 1) A line containing HTML version information, document is 2) A declarative header section (delimited by the HEAD element), composed of 3) A body, which contains the document's actual content. three parts Document At the top of a valid HTML document is a declaration statement of what version of HTML is used in the Type document. The document type declaration names the document type definition (DTD) in use for the document . Declaration The three types are Strict, Transitional and Frameset. xhtml The Extensible Hypertext Markup Language, or XHTML, is a markup language that has the same depth of expression as HTML, but also conforms to XML syntax. transitional The similarities between HTML 4.01 and XHTML 1.0 led Led the W3C (the consortium or council that makes xhtml desicions on HTML and XHTML) to aid authors in the transition from HTML webpages to XHTML webpages. the W3C provided guidance on how to publish XHTML 1.0 documents in an HTML-compatible manner, and serve them to browsers that were not designed for XHTML. Such quot;HTML-compatiblequot; content is sent using the HTML media type (text/html) rather than the official Internet media type for XHTML (application/xhtml+xml). Example of Transitional XHTML Document Type Declaration <!DOCTYPE HTML PUBLIC quot;-//W3C//DTD HTML 4.01 Transitional//ENquot; quot;http://www.w3.org/TR/html4/loose.dtdquot;> tags The instructions for the page are created inside quot;tagsquot;. Parts of a webpage - making a webpage deprecated Although deprecated features remain in the current version, their use may raise warning messages tags recommending alternate practices, and deprecation may indicate that the feature will be removed in the future. nesting In HTML, some elements can be improperly nested within each other, like this: <b><i>This text is bold and italic</b></i> In XHTML, all elements must be properly nested within each other, like this: <b><i>This text is bold and italic</i></b> Note: A common mistake with nested lists, is to forget that the inside list must be within <li> and </li> tags. navigation Planning the links in your website so that visitors to your site don't get lost. For example, if a guest to your website navigates to an item that they want to buy, you should give them a link on that page to check out or return to shopping to buy something else. element An HTML element is everything from the start tag to the end tag: class Class attribute, a feature of many HTML and XHTML elements, typically to identify them for styles. The class attribute provides a way of classifying similar elements for presentation purposes. For example, an HTML document might use the designation class=quot;notationquot; to indicate that all elements with this class value are subordinate to the main text of the document. Such elements might be gathered together and presented as footnotes on a page instead of appearing in the place where they occur in the HTML source. Review for Web Mastering ACP Page 3 of 8
  • 4. external Style sheets (also known as quot;cascadingquot; style sheets) can be created either externally or internally. They are nothing more than a set of instructions that tell the web browser how to display the web page. There is, however, a style sheet definite advantage to using external style sheets since, once linked to a web page, any change to the style sheet will automatically make the same change to all web pages to which it is linked. This provides an easy way to change a color, background, font, or any other element that is to remain constant on all pages in a website. CSS rules A specific set of rules for creating this type of stylesheets. A style sheet consists of a list of rules. Each rule or rule-set consists of one or more selectors and a declaration block. A declaration-block consists of a list of semicolon-separated declarations in braces. Each declaration itself consists of a property, a colon (:), a value, then a semi-colon (;). attribute In computing, an attribute is a specification that defines a property of an object, element, or file. An attribute of and value an object usually consists of a name and a value; of an element, a type or class name; of a file, a name and extension. Markup languages, such as HTML and XML, use attributes to describe data and the formatting of data. relative link Multi-way linking is a technique used for website promotion whereby websites may create similar one-way links that each involves 3 or more partner sites. This provides each website with a one-way non-reciprocal link. This technique has evolved from reciprocal linking. According to Google and Yahoo, the latest search algorithms have evolved to hold less favor towards websites that contain a high percentage of reciprocated links, and a higher favor towards websites that maintain a high level of incoming non-reciprocated (one-way) links. absolute link One-way link is a term used among webmasters for link building methods. It is a hyperlink that points to a website without any reciprocal link; thus the link goes quot;one-wayquot; in direction. It is suspected by many industry consultants[who?] that this type of link would be considered more natural in the eyes of search engines. One- way links are also called Incoming Links or Inbound Links. An effective way to build this type of one-way linking is by distributing articles through content sites and article directories. These articles generally contain an About The Author box that contains a one-way link back to the author's URL. When publishers use these articles, those one-way links help authors increase their page rank. Parts of a webpage - making a webpage list An ordered or unordered list is a list of items. The list items are marked with bullets (typically small black circles). An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. <ul> <li>Coffee</li> or reference to a book, author or paper. In order to define a citation in HTML, you'll need to citations A quotation from <li>Milk</li> use tags around the text you want to alter. Citations in HTML are designed to mark text that is being quoted </ul> from print or from dialogue. Typically, browsers render text enclosed in citation tags as italic. Here is how it looks in a browser: Coffee Milk Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc. Review for Web Mastering ACP Page 4 of 8
  • 5. Parts of a webpage - m Table You often use tables in a webpage to display your links say three across and four down. The HTML table model allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells. This is an example of coding for a table and below it is the table that the coding would produce. cell A cell is the intersection of a row and a collumn in a table. In the Four Food Groups Table, each of the food groups is in a separate cell of the table. merge (cell) You can merge two or more adjacent cells into one cell and display the contents of one cell in the merged cell. You can also merge the contents of several cells and display them in one cell. In the Four Food Groups Table, the three top cells were merged to place the title. column In a table, this is the vertical placement of links. In the Four Food Groups Table, the bread and the green vegetable are in one collumn and the fruit and egg are in another collumn. row In a table, this is the horizontal placement of links. In the Four Food Groups Table, the bread and the fruit are Parts of a table in one row, the green vegetable and fruit are in another collumn. cell padding Cell padding puts some space between the border of the cell and the text. In the Four Food Groups Table bread cell, it is the space between the bread and the border of the cell. With HTML you have to specify how big the cell padding (white space) will be (ex. 1/8 inch) cell spacing The spacing between cells in a table. In the Four Food Groups Table, it is the spacing between the border of the cells for each of the four food groups. Again, in HTML, you have to specify this distance. border In the Four Food Groups Table, the lines around each food group that makes the square. Borders can be solid, dotted, doublined, medium, large. Review for Web Mastering ACP Page 5 of 8
  • 6. float The float property sets where an image or a text will appear in another element. Note: If there is too little space on a line for the floating element, it will jump down on the next line, and continue until a line has enough space. images Pictures. A representation of the external form of a thing or person, You will create images in Adobe Photoshop or you can copy images that are in the public domain (no longer copywrighted) for use in your webpage. contrast The color of your text, backround and images must be dissimilar enough so that they are easy to see. The W3C has a page on which you can check two colors to ensure they have enough contrast. repetition A technique used in designing web page layouts so there is uniformity. Example: The headline style is repeated - all the instances are left-aligned and separated with a common horizontal divider. alignment Text can be placed on the page or in a table in the center, left, right, bottom, top. proximity Distance is a numerical description of how far apart objects are. web safe There are 216 six-digit hexadecimal color codes define what are considered safe, non-dithering colors (colors Consideration for text and images to be used in a webpage colors that will show up with sharp edges). The goal was to have a common set of colors for many kinds of computer displays and operating systems (Macintosh, Windows, Unix). The importance of these safe colors has been reduced dramatically over the years as display monitors have become more capable to display many colors. hexadecimal A palette to display color graphics based on an 8-bit system (28 - 40 (reserved by operating system) = 216 colors colors. Hexidecimal colors are web safe colors. optimize If a picture file is too large, the Web site will take longer to download, and your visitors may get frustrated. Optimizing a picture file reduces the file size and helps it load faster. .jpg You can use a picture saved in the .jpg (JPEG) format. The quality may be a little better than the same picture saved in a .gif format, but the file size of the JPEG will be larger. .gif Reduce the file size without sacrificing much of the quality of GIF images. .png This is the file type that you get when you save a file in photoshop. .PNG files can not be used on a web page. So, after you safe your photoshop file in .png, you also have to export it (click file> export) into either a .gif or .jpg file. pixels In digital imaging, a pixel (picture element[1]) is the smallest piece of information in an image. ellipse The tool in MS Paint or Adobe Photoshop that creates an oval. text effects You can make the first letter or first line of your text special by making the letter(s) bold, beveled, embossed, etc. bevel Beveled text is a useful text effect that can help you create flashy logos for your site. It makes the edge of the letters appeared to be beveled emboss Embossed text looks like it has been chiseled in stone. Review for Web Mastering ACP Page 6 of 8
  • 7. local root The Local root folder is a folder on your computer where your local copy of the files of the Web site will be stored folder and saved to while you are working on the site. define a Information you enter into your FTP (File Transfer Protocol) software (Dreamweaver has this built in) for the website uploading of your HTML documents to your directory on your ISP's webserver. Site Name: Type in the name of your site. Local Root Folder: Click the little folder to locate the folder that all your files will be saved in. Default Images Folder: You can leave this blank. Links Relative to: Check Document HTTP Address: Enter the URL of your Website. (Ex. http://www.yourdomain.com) interface A graphical user interface (GUI) is a type of user interface which allows people to interact with electronic devices such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment. A GUI offers graphical icons, and visual indicators, as opposed to text-based interfaces, typed command labels or text navigation to fully represent the information and actions available to a user. Dreamweaver gives you an interface to creat webpages; Notepad does not. property The Property Inspector is a floating palette that displays all the properties, or formatting, for a selected object. inspector The Property Inspector lets you quickly and easily view or modify those properties. skill growth A skill growth portfolio shows multiple samples of work in the same project to demonstrate increasing skill. For portfolio example, students include several versions of their web page to show how the design evolved. flowchart A flowchart is common type of chart, that represents an algorithm or process, showing the steps as boxes of various kinds, and their order by connecting these with arrows. Flowcharts are used in designing or documenting a process or program in various fields. storyboard Graphic organizers such as a series of illustrations or images displayed in sequence for the purpose of previsualizing a motion graphic or interactive media sequence, including website interactivity. naming A convention for naming things. The intent is to allow useful information to be deduced from the names based convention on regularities. For instance, in Manhattan, streets are numbered, with East-West streets being called quot;Streetsquot; and North-South streets called quot;Avenuesquot;. layout How pictures and text on your webpage will be arranged. navigation Bars and buttons that help visitors to your site navigate easily from page to page. bars and buttons host This is the name or address of the web server to which you will upload your web page. Review for Web Mastering ACP Page 7 of 8
  • 8. FTP FTP is a file transfer protocol for exchanging and manipulating files over a TCP computer network. An FTP client may connect to an FTP server to manipulate files on that server. site map A representation of the architecture (lay out) of a web site. This is a page commonly added to a web site to help vistors navigate the site. home page The first page of your website from which other parts of your web site can be accessed. usability a term used to denote the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal. Usability can also refer to the methods of measuring usability and the study of the principles behind an object's perceived efficiency or elegance. accessibility The ability of potential viewers of your website to access your website. Hand held devices can only access web pages written in XHTML, not HTML. If you write your page in HTML, people searching for your site on a hand held device will not be able to access your page. template Think of Myspace - you have preset boxes to type into to make your page. The stuff outside the boxes (like headings) are not editable. Only the boxes are editable. A web template is a tool used to separate content from presentation in web design, and for mass-production of web documents. It is a basic component of a web template system. Web templates can be used to set up any type of website. In its simplest sense, a web template operates similarly to a form letter for use in setting up a website. editable The area in an HTML or XHTML document in which you can type (in which you can add content) region image map In HTML and XHTML , an image map is a list of coordinates (X and Y) relating to a specific image, created in order to hyperlink areas of the image to various destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). For example, a map of the world may have each country hyperlinked to further information about that country. The intention of an image map is to provide an easy way of linking various parts of an image without dividing the image into separate image files. hotspots An onscreen hotspot, in computing, provides a special area for hyperlinking or for other GUI-based activity (such as re-direction, pop-up display, macro execution, etc). stylesheet Web style sheets are a form of separation of presentation and content for web design in which the markup (i.e., HTML or XHTML) of a webpage contains the page's semantic content and structure, but does not define its visual layout (style). Instead, the style is defined in an external stylesheet file using a language such as CSS (Cascading Stylesheet). rollover An image which changes when the mouse is over it. layers With Dreamweaver, you can use AP elements to lay out your page. You can place AP elements in front of and behind each other, hide some AP elements while showing others, and move AP elements across the screen. You can place a background image in one AP element, then place a second AP element, containing text with a transparent background, in front of that. AP element With Dreamweaver, you can use AP elements to lay out your page. You can place AP elements in front of and behind each other, hide some AP elements while showing others, and move AP elements across the screen. You can place a background image in one AP element, then place a second AP element, containing text with a transparent background, in front of that. Review for Web Mastering ACP Page 8 of 8