Introducción a asistente de páginas web con WYSWYG Web Builder 19

100%

Introducción a asistente de páginas web con WYSWYG Web Builder 19

✓ Published0🌍 Public

Last edited Feb 29, 2024

Created on Feb 29, 2024

This example documents a hands-on lab for WYSWYG Web Builder 19, a visual web design tool, guiding users through a 30-day demo installation and template exploration. The workflow involves downloading the Windows-only app, experimenting with drag-and-drop editing of colors, fonts, and layouts, and excluding database and form features. A rubric scores installation, template familiarity, test edits, and tool usage, with a final step requiring users to back up their work as a ZIP file. The markdown file embeds a screenshot from a Gist, illustrating the edited design and serving as a submission record for GitHub-based version management.

AI-generated description

Similar vizzes

Loading thumbnail…

PFLC24a-Introduccion 1.1 PAGINA WEB

This gallery example shows a structured academic research assignment about DNS and domain names, using the Gist platform to host the content. The piece uses Markdown formatting to present a multi-section investigation, including an embedded diagram image that illustrates the DNS resolution process and a clear evaluation rubric for grading. The content emphasizes the importance of domains for web design education, with the code leveraging GitHub Gist's Markdown rendering capabilities to display text, headers, and the included image asset.

IIoTeacher

59% match

Loading thumbnail…

Gist e30b580e1eb3c9e76102ba926ac0e85a

This example shows a complete GitHub Classroom activity template in Spanish, guiding students through designing a small thematic practice project using ARM64 Assembly, Bash, Python, or C. It emphasizes documentation-first development, with a structured repository of Markdown templates for proposal, use case, repository structure, and test plans, plus a shell script and source stub. The visualization relies on plain text file rendering via the web interface, illustrating how to scaffold a minimal, well-documented coding assignment without external frameworks or complex dependencies. The code uses no external libraries, focusing instead on repository organization and pedagogical instructions.

IIoTeacher

58% match

Loading thumbnail…

Leveraging Web Data Class 5 Lab

This example shows an introductory HTML document that explains core web development concepts, including the roles of HTML, CSS, and JavaScript, and describes several HTML tags. It presents a static page with styled text in blue, a list of external learning resources, and a styled button labeled “Happy Friday!”. The page uses plain HTML tags, a CSS element selector in a `<style>` block to color all paragraph text, and an empty `<script>` tag, with no external visualization libraries or data sources.

AAnaMal08

58% match

Loading thumbnail…

Revista Digital de Software Libre con Adobe Express

This example presents the full, structured prompt for a student project to create a digital magazine about free software. It displays the pedagogical workflow, defined objectives, team organization rules, content structure, and essential tools. The source is a raw Markdown file from a gist, visualized with a WebGL renderer as a three-dimensional text stack, likely using a library like Three.js to render the document's content into a navigable spatial layout. The visualization translates the textual project brief into a tangible, explorable object.

IIoTeacher

57% match

Loading thumbnail…

📌 Práctica Integrada: “Conversando y creando con los pioneros del Software Libre”

This example shows an educational activity for high-school students, “Conversando y creando con los pioneros del Software Libre,” presented as a markdown document with instructions, a rubric, and linked Character.ai bots for Richard Stallman and Linus Torvalds. It demonstrates how to structure a guided dialogue-and-design task, where students transcribe chatbot conversations and then build a biographical triptych in Adobe Express. The document uses markdown headings, tables, and embedded hyperlinks to organize the pedagogical workflow, with no visual encoding or data-processing libraries involved.

IIoTeacher

57% match

Loading thumbnail…

Leveraging Web Data Class 5 Lab

This example shows a bare HTML page titled “Leveraging Web Data Class 5 Lab,” acting as a worksheet of web development questions and resources. It displays sections for HTML, CSS, and JavaScript links, along with question prompts and empty `<p>` answer placeholders. The code uses no external libraries or data sources; it relies solely on static HTML and inline CSS styling for the centered `<h1>`. The page also includes a placeholder `<script type="text/javascript">` tag, but no JavaScript behavior is implemented.

AAnaMal08

56% match

Loading thumbnail…

Microbit para Taller de Cultura Digital usando Vibe Conding

This gallery example presents a Markdown-based teaching guide for a digital culture workshop, using a vibe coding methodology with the Micro:bit platform. It shows a structured table of 40 mini-projects organized into administrative categories such as time management, inventory control, personnel, finance, and customer service. Each row details a project name, its objective, estimated duration of one or two sessions, and a difficulty rating. The document is purely textual, outlining a pedagogical framework for rapid prototyping rather than visualizing data, with its layout structured through standard Markdown table syntax.

IIoTeacher

54% match

Loading thumbnail…

Ultima actividad de Comunicación

This example shows a student activity guide for exploring AI tools in organizational communication, structured as a markdown document with tables and evaluation criteria. It uses no JavaScript libraries or data visualization APIs; instead, it presents static instructional content with embedded links to FutureTools.io, formatted with markdown tables for the analysis template and rubric. The rendering relies on standard markdown parsing to display the activity objectives, step-by-step instructions, and a 10-point grading breakdown.

IIoTeacher

54% match