click below
click below
Normal Size Small Size show me how
IT 285 - Web Design
| Question | Answer |
|---|---|
| Intranet | Local area network: connects computers in the local area Normally owned by and operated within an organization Only be used by a user who has the intranet access account The term is used in contrast to internet |
| The Internet | A network of connected computers Interconnected networks It is all about sharing information (e.g., data, documents) Origins: ARPANET, 1962 |
| The architecture of the Internet | LAN: local area network, which is usually limited to a room, building, campus or specific metropolitan area (e.g., a city) respectively. WAN: wide area network which covers a broad area |
| Internet Exchange Point (IXP) | keep local Internet traffic within local infrastructure and to the reduce costs associated with traffic exchange between Internet Service Providers (ISPs). |
| World Wide Web (WWW) | An application that runs on the Internet A document sharing application The Web is a system of interlinked hypertext documents accessed via the Internet The Web uses a protocol called HTTP (HypeText Transfer Protocol) to transfer documents |
| Why World Wide Web (WWW) | To address difficulty in sharing formatted documents difficulty in linking various documents with each other Tim Berners-Lee, 1989, CERN Labs, Switzerland Powered by HTML (Hypertext Markup Language) Web documents are written predominantly in HTML |
| What is Web Application? | runs on the Web multiple computing components work together to bring a piece of information over the internet and display it on user’s computer. |
| Client-Server Model | Computers are assigned to one of the two roles, either as a client or a server. |
| Server: | provide selected information according to client request. |
| Client: | allow users to send request to access the services provided by different servers. |
| Components of Web Applications | Client Internet Server Users |
| Uniform Resource Locator (URL) | specific character string that constitutes a reference (i.e., address) to an Internet resource. |
| Scheme name | ftp, telnet |
| Domain name | host or server name |
| Default Web Page | index.html or home.html |
| Dynamic web page | generated according to user’s inputs. normally requires more computing resources besides web server. users has control at certain level on what should be displayed |
| Static web page | Predefined and stored on web server. Written in HTML only. Users have no control of the content and format. The web page returned by web server. |
| JavaScript | a client-side scripting language runs on client (web browser) used to create dynamic features. response to users’ input at certain level. web server returns HTML and JavaScript to client |
| HTML (HyperText Markup Language) | a computer language that is used to create documents displayed on the World Wide Web. |
| Principal Components of a Web Page | 1.Text 2.References 3.Markup |
| Formal Structure of HTML(5) document | Doc type declaration <!DOCTYPE html> <html> <head> …… </head> <body> …… </body> </html> |
| Title | <head> <title> …… </title> …… </head> |
| Adding Comments | <!--, the ending tag is --> |
| Superscripts and Subscripts | To create a superscript use <sup> subscript use <sub> tag |
| Quoting Text | <q> or <blockquote> |
| character entities | All character entities start with an ampersand (&) and end with a semicolon (;) |
| Definition(Description) Lists | Definition lists allow you to indent without necessarily having to use bullets. Use <dl>, <dt>, and <dd> tags. |
| Hyperlinks | <a href=“ UW Whitewater </a> |
| Inserting Images | <img src=“images/murachlogo.gif" alt=“Murach Logo”> |
| Block elements | Main building blocks of the content of a web page. Each block element begins on a new line. identify the type of content that they contain. |
| Inline elements | elements in contrast to block elements. Coded within a block element, doesn’t start on a new line. formatting elements. can NOT contain block elements. |
| linking to a placeholder within the same page | <a href="#ex”>My Experience</a> |
| Creating placeholder | <a id=“ex”> |
| Format | GIF, JPEG, PNG |
| Transparency | GIF and PNG formats allow portions of image to be transparent, but not JPEG |