Multimedia Compiting Midterm re

Formal Web Addresses

  • Importance of HTTPS:

    • Formal web address format starts with HTTP:

    • Current standard is HTTPS:

    • Purpose of HTTPS is to provide encryption for data transmission.

Internet Identification

  • Unique identification on the Internet:

    • Any communication or action on the internet can be traced back to the user.

    • Even when using a VPN (Virtual Private Network), traceability exists depending on the configuration and policies of the VPN provider.

Understanding TCP and IP Layers

  • TCP (Transmission Control Protocol):

    • Operates at a higher level than IP.

  • IP (Internet Protocol):

    • Considered the lowest level in network protocols.

  • Additional Layers:

    • There are two layers below IP that were not explicitly detailed.

CSS (Cascading Style Sheets) Benefits

  • CSS affects the website's appearance through:

    • A single CSS file governing the entire site,

    • Modifications to this file automatically update all pages linked to it.

    • Improves page load time because:

    • If 100 pages reference one CSS file, the file is downloaded once and cached, instead of being loaded multiple times, which would bloat page size.

Page Load Time Improvement

  • Clarification on CSS impact on page load time:

    • Even with multiple pages, a single CSS file reduces load size.

    • Each HTML page loads information quickly due to caching.

  • First loading impact:

    • The full CSS must be loaded initially to set the style for the site.

Implementing CSS

  • Three Methods to Apply CSS:

    1. External CSS file using a <link> tag.

    2. Internal CSS within a <style> tag inside the <head> section.

    3. Inline CSS within specific HTML tags (e.g., <span>).

  • Precedence of CSS Styles:

    • Styles that are defined closer to the element take precedence over more general styles.

General vs. Specific Styles

  • Example of General Policies:

    • General rules from a school vs. specific rules set by an individual teacher (e.g., open/closed door policy).

    • General styles apply universally across many elements, while specific styles can override them at a closer level (inline styles).

CSS Property Basics

  • CSS properties include:

    • color: Defines text color (e.g., color: red;).

    • background: Defines background color (e.g., background-color: blue;).

HTML Structure for Linking CSS

  • The <link> tag structure:

    • Uses rel to specify the relationship with the stylesheet.

    • Format should be as follows:
      html <link rel="stylesheet" type="text/css" href="style.css">

  • The <head> section is used for styling commands, while the <body> section includes content.

CSS Specificity and Scope

  • Internal styles are more specific than external styles but less so than inline styles.

  • When modifying a specific HTML page, internal styles can take precedence over external styles.

Understanding CSS Classes and IDs

  • Classes can be applied multiple times, while IDs are unique identifiers.

  • Correct CSS syntax requirement:

    • Selector outside curly braces.

    • Property name followed by colon, property value, and semicolon.

CSS Comments

  • Proper use of comments in CSS:

    • Use /* comment */ syntax for CSS.

  • Distinction from HTML comments:

    • HTML comments use <!-- comment --> syntax.

Declarative vs. Imperative Programming

  • Declarative Programming:

    • Describes what result is desired without detailing the specific instructions to achieve it.

    • Examples include HTML and SQL.

  • Imperative Programming:

    • Requires explicit instructions, involving a sequence of commands to be executed (e.g., traditional procedural programming).

Color Representation in CSS

  • How to specify colors in CSS:

    • Use hex codes or RGB values.

    • Example: Dark blue can be specified in various ways, including hex values (e.g., #00008B).

  • Clarity about RGB components impacting color intensity.

Shapes in CSS Graphics

  • Using the ellipse() function in CSS:

    • Accepts parameters for defining the shape, including center (x,y) and dimensions (width, height).