I made a custom homepage for my kids using html and images that I had gathered from their favorite websites a while back. My daughter was too young to know how to spell things, but she wanted to play games on websites any time I let her. Unfortunately, she wanted to be independent as well, which meant that she wanted to type the websites herself. She didn't know how to spell most of them. So, to save my sanity, I made a folder and put images of her favorite websites in it. Then I created a homepage with the images in it. Each image was a hotspot to one of her favorite websites. She had no trouble navigating to her favorite websites. The only issue: I have each page opening in a new tab, which means that I can have quite a bit of music going at once. She can close pages, but chooses not to close the pages most of the time.
You don't need to know a lot of html or css to create a custom homepage. Simply typing the syntax below into a Notepad document, and saving it as an html files works. (Make sure to change the "Save as Type" elevator button that usually has ".txt" to "All Files", then type in "desiredfilename.html" in the "File name" textbox. I suggest creating a folder in your Documents folder called "KidHomePage" and putting all of the files in there. Save the html file as "KidHomePage.html". In Notepad, type the example below. Replace the purple part with your desired website address. Replace the red part with the name that you saved your desired logo. Replace the green part with the name of the Website in case the logo doesn't load for some reason. Your kids may not be able to read it, but it's good practice. They might surprise you and know what is supposed to go there. If you add the logos one after another, they will appear next to each other. If you want them on separate lines, add a <br> tag at the end, after the "</a>" tag.
<html>
<body>
<a href="http://www.example.com" target="_blank"><img src="example_img.jpg" height="50" weight="50" alt="Example Website"</a>
<a href="http://www.example.com2" target="_blank"><img src="example_img2.jpg" height="50" weight="50" alt="Example Website2"</a>
</body>
</html>
If you want to change your homepage to point to this custom made homepage, you'll have to configure your browser to do so. In Edge, you click on the ... menu on the top right hand side of the screen. Then you select settings from the drop down menu. Under "Open With", Click the radio button next to "A specific page or pages". Then you type in the path of your file in the "Enter a web address text box", then press enter. To point to files on your local file with your browser, in Windows, you have to prepend the path with file:///. Most of the time the path is something like "file:///C:/Users/Username/Documents/KidHomePage/KidHomePage.html" (It's wherever you saved it when you created the file. Make certain that the file is in the same folder as the logos, or the logo images won't load.)
No comments:
Post a Comment