Voyage
      Back to home
      1. Help Center
      2. Coding Resources
      3. Voyage

      Group Projects How to (For Students)

      In this article, you will learn how to connect your file to your classmates' files in a shared group project.

      Last updated - July 19, 2024

      Table of Contents

      How to Access a Group Project
      How to Link an HTML File
      How to Link a CSS File
      How to Link a JavaScript File

       

      How to Access a Group Project

      1. After your teacher creates a group project, navigate to your Voyage homepage and click "Projects."
        projects 1


      2. Click the "Open Project" button to open the Group Project. Group projects folders have an avatar symbol within a black folder.
        open project 1


      3. Create an HTML file in this folder.
        create new file 1

       

      How to Link to Another Student's HTML File

      1. Navigate to your HTML file.
        select html 1


      2. Add opening and closing <a></a> tags between your <body></body> tags.
        body tag 1


      3. In the href attribute, add the name of the HTML file you would like to link.
        anchor tag 1


      4. Click the link to load your classmate's HTML file.
        click here 1

       

      How to Link to Another Student's CSS File

      1. Navigate to your HTML file.
        select html 1


      2. Add the <link> tag to the head of your HTML file.
        head tag


      3. In the href attribute, add the name of the CSS file you would like to link.
        link tag 1

       

      How to Link to Another Student's JavaScript File

      1. Navigate to your HTML file.
        select html 1


      2. Add the <script></script> tags between the <head></head> or <body></body> tags in your HTML file.
        head and body tags 1


      3. Add the JavaScript file name to the src attribute in the script tag.
        script tag 1