Making Good with the Brightspace HTML Editor The new Brightspace HTML editor is now more...
Making Good with the Brightspace HTML Editor
The new Brightspace HTML editor is now more powerful and dynamic. Here’s a few tips that will help you save time while developing courses and make your workflow more efficient.
Create a mockup design and a rough sheet
Before creating a page, it’s always better to have a rough design of the page you are working on. While developing the page, more designs will come to mind and having a rough sheet nearby will ensure no creative ideas go unexplored.
Easy on the Backspace ⬅️
The HTML editor is so responsive that if you backspace or delete content from apage, you might accidentally remove a tag from the code , resulting in page error. If you’re deleting a piece of content, make sure to leave a character in the container, preferably the first one so the container doesn’t get removed.
Use Keyboard shortcuts
If you do accidentally delete a container and are not sure how to reverse the changes, you can always use the UNDO keyboard shortcut: Ctrl + Z for Windows and Command + Z for Mac. The editor also works with the
- REDO (Ctrl/Command + Y),
- COPY (Ctrl/Command + C),
- CUT (Ctrl/Command + X),
- PASTE (Ctrl/Command + V),
- SELECT ALL (Ctrl/Command + A),
- FIND (Ctrl/Command + F), and
- BOLD (Ctrl/Command + B)
keyboard shortcuts.
Crop/Edit images before adding
Make sure to crop any decorative images before adding them to your page. Watch out for any large image files as they are heavy on size and can significantly increase page loading time.
W3Schools is a goldmine
If you ever need any HTML/CSS help or need a live HTML editor with tutorials, w3schools.com is the site to visit. They have good coding courses and a huge library of code snippets that you can work with.