< back to Christopher's profile
LDT Online: Weebly

LDT Online: Weebly

Christopher Christopher Hernandez earned this badge on Mar 29, 2019

Weebly is a user-friendly tool that allows you to create your own website, blog and/or online store. You can drag and drop images and text onto your page and then publish it. You can also create, manage and edit your website with iPhone, iPad and Android applications.


  • Weebly as a tool

    Reflect on the various ways that Weebly could be used in the educational, training, or personal learning environments. From your selected perspective, describe two different examples where Weebly could be integrated and used. In both cases, explain why Weebly could positively impact learning.

    Use the open text area to submit your reflective response. As a suggestion, you may want to first compose your response in a word processed document, check for all editing that needs to be completed, save your response so that you can access it later, if needed, and then copy and paste your response in the open text area for this challenge.

    Weebly is a simple to use drag and drop website creator that enables users to create their own site in a matter of minutes.

    When deciding to create a website, potential site owners can get lost in the process of finding a web host, developing a website, committing to the learning curve that is Wordpress, and many more frustrations. Weebly takes these frustrations away by both hosting your website and providing you with a clean drag and drop user interface. By providing users with these tools, users are given more time to manage the content of their website. Weebly can be an asset to any educator or instructional designer who is looking to expand their resources into an online educational forum.

    A classroom educator could use Weebly for resource reflection. Educators can use their website to post resources from their class. Everyone from music teachers to math teachers and even history teachers can post their own notes that could help further students understanding of the subject matter. Math teachers can post guided examples and how one might arrive at a solution to a problem. History teachers can expand upon important events or even recap the current discussion with bullet points. Lastly, music teachers can post important facts that should be remembered about music theory and even post the musical notes that are currently being learned.

    Instructional designers can also benefit from using web development tools like Weebly for business. By using the blog function, instructional designers can create topics such as software integration in businesses. Businesses are always looking for integrated technologies that can benefit them. Let’s say a company is looking into Google Drive for business as a digital asset management tool. However, the drive for business site isn’t clear about how the tools they offer can be fully integrated. Then the business see’s a blog post about the proper business uses of drive for business. Not only are they going to roll out drive for business within their company, but they are going to ask the instructional designer to help oversee the rollout as well as teach users how to use it.

    Weebly can be a multifaceted tool in education and business.

  • Using Weebly

    Step-by-step instructions for completing this challenge

    1. Review these Weebly tutorials
    2. Go to the Weebly website to get started
      • Select ‘Sign Up' (or Log In if you already have an account).
      • Input your information to create your account.
      • Select a theme for your site.
      • Choose a subject for your site (i.e., what you want your website to be about – e.g., integrate your course theme as the subject).
      • Choose your website domain. Select the option to use a subdomain of Weebly.com. Give your subdomain a name appropriate for your subject or give it your own name. Your subdomain name should easily connect you/your project to the site.
      • Go to ‘Settings’ and change the title of your site to something appropriate to your subject.
    3. Complete each of the following:
      • Create at least 3 pages in addition to the home page
        • The home page should greet the viewer and may include a video of you explaining the site and the key elements.
        • One page needs to be an ‘About’ page. For example, a brief resume may be important on this page. 
      • Add appropriate text, titles, images, etc to your pages.  Write summaries/short clarifications to explain what each of the elements are that you add to these pages. 
    4. Integrate these additional elements into your website:
      • At least 1 heading must be used.
      • At least 1 link to an external website/page.
      • Integrate a minimum of 2 related images that capture attention and add to the clarity of your message/information.
      • Embed at least one appropriate video (e.g., YouTube, Vimeo).
      • Add at least one element in the “More” category (e.g., Block Quote, Social Icons, RSVP Form, etc.).
      • Add at least 1 social feed to your site on an appropriate page. 
        • Go to "Add App"
        • Choose View Apps under Get Social 
    5. Ensure Quality Design
      • Navigation is logical. It is easy for a user to navigate the site and find the information they are looking for.
        • All links work and navigate to the appropriate link/page.
      • Organization of pages is neat and clear. They are immediately understood by user.
        • Use titles, appropriate heading formats, and line spacing to organize your text on the page.
        • When appropriate, use sub-headings.
        • Heading sizes for each level should be consistent throughout the site.
        • Extra spacing between sections should be used when needed
      • The content delivers clear, concise, focused information about the teaching experiences, capabilities and skills of the site author.
        • The body of your text should be aligned left most of the time. Avoid centered text, except possibly for captions and titles. However, even for captions and title, left aligned text will often look better. Occasionally right aligned text is appropriate.
      • Site looks professional. The colors, fonts, background enhance your content rather than distract from it.
    6. Publish your site using the publish button in the top right.
    7. Post the link to your published site (not to the designer/developer site) to this challenge submission.

    Deliverables for this challenge

    For successful completion of this challenge make sure the published link to your website is provided and available for the grader.

    • Ensure your website contains the following required elements:
      • A relevant site name.
      • A subdomain name that connects you to your site (i.e.- your own name or the subject of your site).
      • A minimum of 4 pages including:  the homepage, an About page, and at least 2 additional pages.
      • Headings: At least 1. 
      • Text: Aligned appropriately. Layout of text makes the pages easy to read.
      • Relevant/appropriate images and videos are embedded.
      • Link(s) to an external page.
      • At least one element from the "More" category (e.g., block quote, special icons, RSVP form, feed reader, Google adsense).
      • At least 1 social feed to your site on an appropriate page. 

    Don't forget professionalism! Make sure your website is easy to navigate, all links work and navigate to the appropriate site/location, cohesive design with logical flow, content is clear and engaging with appropriate images and interactivity.

    As it turns out, I manage my website/blog through Weebly. I've provided both a screenshot of the editor and my link as proof. My website revolves around my video game development work with students who have special needs. However, since starting this class, I have begun to add instructional design blogs and elements to the site.

    My site has 8 pages. One is hidden from the menu.

    Links to external pages can be found on my about page and every blog post. I've added a lot of the things I learned from this class into my blog.

    The social feed can be found on my about page.

    As for the "more" category, my contact form can be located in the footer of the website. There are also special icons in the footer of the website. Finally, there is also a newsletter subscription popup that has been enabled for first-time visitors.


    Weebly Screenshot.png Weebly Screenshot.png