Web Design Honor - advanced

Vocational Activities

Requirements

  1. Hold the Computing I, II, III, and IV Honors and the Basic Web Designer Honor.

    Answer: You must present to the instructor the duly signed cards for the five prerequisite Honors: Computing I (basic), Computing II, Computing III, Computing IV, and Basic Web Designer, proving that each one has already been completed before starting Advanced Web Design. — Advanced Honors require prerequisites to ensure that the Pathfinder already has a theoretical and practical foundation. The five Computing Honors cover everything from basic notions of hardware/software to HTML, CSS, and logic. Without this foundation, the advanced content stays shallow and the student cannot keep up.

  2. Define the following terms:
    • Bitmap Image
    • Animation
    • DNS
    • Drop-Down Menu
    • Wordpress
    • Joomla
    • Mysql
    • Webmaster
    • W3C
    • E-commerce
    • ActionScript
    • FTP
    • Hyperlink
    • JPEG
    • PNG
    • Resolution
    • GIF

    Answer: 1) Bitmap Image: an image formed by a grid of pixels, in which each point has a defined color; it loses quality when enlarged. 2) Animation: a sequence of images displayed in rapid succession that creates the sensation of movement. 3) DNS: Domain Name System, the system that translates domain names (e.g.: site.com) into the corresponding IP addresses. 4) Drop-Down Menu: a menu that expands when clicked or hovered over, showing additional options. 5) Wordpress: a content management system (CMS) widely used to create and administer websites and blogs. 6) Joomla: another open-source CMS for creating and managing websites. 7) Mysql: a relational database management system, widely used in web applications. 8) Webmaster: the person responsible for creating, maintaining, and administering a website. 9) W3C: World Wide Web Consortium, the consortium that defines web standards and recommendations (HTML, CSS, etc.). 10) E-commerce: electronic commerce, that is, the buying and selling of products and services over the internet. 11) ActionScript: a programming language used mainly in Adobe Flash to create interactivity and animations. 12) FTP: File Transfer Protocol, a protocol used to upload and download files between the computer and the website's server. 13) Hyperlink: a clickable link that connects one page or resource to another, allowing navigation between content. 14) JPEG: an image format with compression that reduces file size, ideal for photos (loses a little quality). 15) PNG: an image format with lossless compression and transparency support, suited for logos and graphics. 16) Resolution: the number of pixels that make up an image or screen, usually measured in width x height or in DPI. 17) GIF: an image format with few colors that supports transparency and simple animations. — These are basic terms that every web professional must master. JPEG, PNG, and GIF have distinct uses: JPEG is best for photos, PNG for images with transparency or text, GIF for short animations. WordPress and Joomla are CMSs — systems that make it easy to create websites without programming everything from scratch. The W3C was created in 1994 by Tim Berners-Lee.

  3. Present in written form a simple static page, using only DHTML and CSS, with the following elements:
    • Top
    • Body
    • Left menu
    • Center
    • Footer

    Answer: You must present to the instructor the code of a simple static page in HTML/CSS containing the five elements: top (header section), left menu (sidebar with side nav), center (main content in main), body (overall structure wrapping everything), and footer (footer with credits), demonstrating positioning via CSS (flexbox or grid) and basic styling. — DHTML refers to HTML + CSS + JavaScript working together to create dynamic pages. For layout, the modern standard is flexbox or CSS grid. The semantic tags header, nav, main, aside, and footer were introduced by HTML5 (2014) precisely to represent these page regions.

  4. Using some graphic tool, present a simple static web page using CSS and load it in the browser to view the page, with the same elements mentioned in the previous item.

    Answer: You must build, with a graphic tool (Photoshop, Figma, Adobe XD, or similar) or a visual editor, a simple static web page in HTML/CSS containing top, left menu, center, body, and footer, and open it in a browser (Chrome, Firefox, Edge) to show the final rendering to the instructor. — The exercise trains the complete cycle: design in the graphic editor, export to HTML/CSS, and viewing in the browser. Tools like Figma export ready-made CSS code, but the professional needs to understand and adjust the result. Browsers use rendering engines (Blink in Chrome, Gecko in Firefox).

  5. Create and present a dynamic page for your club, containing a user registration system, animated banners, and a contact form using PHP or a language of your choice.

    Answer: You must create and present to the instructor a dynamic page for your Pathfinder club in PHP (or a similar language such as Python, Node.js, or ASP.NET), with three main features: a user registration system with storage in a database (MySQL/PostgreSQL), animated banners (CSS animation or JavaScript), and a functional contact form, demonstrating the site in the browser and explaining the code you wrote. — A dynamic page differs from a static one because it processes data on the server before sending the response. PHP runs on Apache/Nginx, receives forms, saves to the database, and returns personalized HTML. Today, common alternatives are Node.js (JavaScript on the server) and Python with Django/Flask, frameworks that speed up development.

  6. Present a written project for a website, containing all the elements necessary for developing the site, with a cover page, justification, objective, and conclusion. (Use the club website project as practice)

    Answer: You must present to the instructor a complete written project for the Pathfinder club website containing a cover page (with the project name, author, and date), justification (why the site is necessary and who uses it), objective (what the site will do and for whom), description of the elements (pages, modules, design, technologies), and conclusion (expected results, execution timeline, and projected costs). — The project document is the professional basis for any software development. Without it, the work starts without direction and ends up different from what was expected. Cover page, justification, objective, and conclusion are the four minimum sections; larger projects include a schedule, functional requirements, and a database diagram.

  7. Present a report containing information on how we can use the internet to help preach the gospel, and cite some examples that already exist on the web.

    Answer: You must present to the instructor a report with ways to use the internet to preach the gospel — YouTube videos, podcasts, social networks (Instagram, TikTok), devotional sites, online Sabbath School lessons, church live streams, and digital Bible courses — citing real examples existing on the web such as Hope Channel, Novo Tempo, EsperançaTV, and official Adventist channels with millions of views. — The internet reaches billions of people in seconds, and the Adventist Church has invested in digital media for decades. Hope Channel is the official worldwide network, with 24-hour programming in several languages. Novo Tempo (BR) has radio, TV, and streaming. Live broadcasts of worship services and Bible studies reach audiences that would never enter a physical temple.

  8. Present in report form the steps required to create a domain and how to register it to operate on the web.

    Answer: You must present to the instructor a report describing the steps to create and register a domain: 1) choose a unique and available name; 2) check availability on Registro.br (.com.br) or ICANN/registrars (.com/.org); 3) choose an accredited registrar; 4) pay the domain's annual fee. — In Brazil, .com.br is managed by Registro.br (NIC.br), with an annual fee fixed at around R$ 40-50. The .com and .org domains are managed via ICANN by accredited registrars (GoDaddy, Hostgator, Namecheap). Without renewal, the domain expires and becomes available to third parties after a grace period.

  9. Create and present a web server. As Adventist Christians, we believe in the return of Christ. We know that technologies are the fruit of the multiplication of knowledge as the Bible already mentioned, from great discoveries to the industrial revolution and the emergence of computers, and now the internet. Mention the biblical text that speaks about the multiplication of knowledge and explain what relation this has with the prophecies.

    Answer: You must present to the instructor a running web server (Apache, Nginx, Node.js, or similar) serving pages through the browser; and cite Daniel 12:4 — 'Many shall run to and fro, and knowledge shall be increased' —, explaining that the internet, computers, and technological advancement fulfill the prophecy of the time of the end that indicates the nearness of Christ's return according to Adventist understanding. — Daniel 12:4 is a prophetic text that mentions rapid travel and the multiplication of knowledge as signs of the time of the end. Ellen G. White interpreted this by applying it to modern technological advancement. Apache was launched in 1995 and today runs on more than 30% of the world's web servers; Nginx dominates among the most visited websites.