Web Design Honor - basic

Vocational Activities

Requirements

  1. Have the Computing I, II, III, and IV Honors.
  2. Define the following terms:
    • Layout
    • HTML
    • DHTML
    • CSS
    • JavaScript
    • Tags
    • Body
    • PHP
    • SQL
    • Static Page
    • Dynamic Page
    • Links
    • www

    Answer: 1) Layout: the arrangement and visual disposition of the elements of a page (texts, images, menus, spaces). 2) HTML: a markup language that structures the content of the page (headings, paragraphs, images, links). 3) DHTML: "dynamic" HTML — a combination of HTML, CSS, and JavaScript used to create interactive pages that change without reloading. 4) CSS: a language that defines the style and appearance of the page (colors, fonts, sizes, positions). 5) JavaScript: a programming language that gives behavior and interactivity to the page, executed in the browser. 6) Tags: the markups of HTML (e.g., <p>, <img>, <a>) that delimit and define each element. 7) Body: the <body> section of the HTML, where all the visible content of the page is located. 8) PHP: a language executed on the server, used to generate dynamic pages and access databases. 9) SQL: a language for querying, inserting, updating, and managing data in databases. 10) Static page: fixed content, the same for all visitors, with no change according to the user. 11) Dynamic page: content generated or changed according to the user or the data (e.g., via PHP and a database). 12) Links: connections that lead from one page or resource to another when clicked. 13) www: the World Wide Web, the system of interconnected pages accessed through the internet by means of browsers. — Mastering these terms is the basis of web design — understanding what pieces a page is built from.

  3. Present in writing a simple HTML code, using the following elements:
    • Title
    • Header
    • Body
    • Menu
    • Tables
    • Footer
  4. Present in the form of an illustration or multimedia the function of the main tools on the market for producing a website, such as:
    • Dreamweaver
    • CorelDraw
    • Fireworks
    • Flash
    • PhotoShop
  5. Create a simple static page, using only Notepad, and have the code run in the browser with the following elements:
    • Title
    • Header
    • Body
    • Left menu with links
    • Footer
    • Animated banner, at least two.