Member Avatar for ramon.johnston.3

hey guys umm.... yeah i need a lot of help to create this i,ve made a homepage and set it to html. but im now im stuck cause the links ive created along with videos are not working....God this is so frustrating sigh....

  • 4 Contributors
  • 4 Replies
  • 274 Views
  • 22 Hours Discussion Span
  • Latest Post Latest Post by drjohn

Dani AI

Generated

A compact troubleshooting primer that builds on what , and started — focused on the specific reasons Word-exported pages often have broken links/videos and exactly how to verify/fix them.

Common causes and quick diagnosis

  • Word’s “Save as Web Page” produces a main .htm file plus a companion folder (often named like page_files) that holds images and other supporting files; if only the .htm is moved or uploaded the page will show missing links. Microsoft documents this supporting-folder behavior and the “missing file” errors that follow. (learn.microsoft.com)
  • Word’s HTML contains Office-specific markup and extra styles, so links or embedded objects Word writes may not be standard web links. (cs.princeton.edu)

Concrete checks (inspect the exported HTML)

  • Open the saved .htm in a plain-text editor and search for href= and src=. Look for absolute local paths like file:///C:/Users/... or C:\… — those will work only on the original machine.
  • Replace absolute/local paths with relative paths that match the uploaded folder layout; relative resolution rules are described in the MDN docs. (developer.mozilla.org)

Video and embedded media

  • Word often inserts objects that are not browser-playable. If a video is needed on the site, extract the media file, upload it to the server (keeping a sensible folder like videos/), and use an HTML5 <video> element with MP4 and an optional WebM fallback for best cross-browser support. Example:

    <video controls>
  <source src="videos/movie.mp4" type="video/mp4">
  <source src="videos/movie.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

    Browser codec/format guidance is available from MDN. (docs2.w3cub.com)

Local testing and deployment checklist

  • Test through a local HTTP server (for example python -m http.server) rather than opening files with file:// to avoid CORS and async/load differences. (developer.mozilla.org)
  • Preserve folder structure and exact filename case when uploading (many hosts are case-sensitive). (eriqande.github.io)

Minimal actionable checklist (for the exported package)

  1. Open the .htm and locate every href/src.
  2. Confirm companion folder (e.g., page_files) is present and uploaded. (documentation.help)
  3. Replace any local/absolute paths with relative ones that mirror the server layout. (developer.mozilla.org)
  4. Replace Word-embedded video objects with an HTML5 <video> or a hosted/embed link and verify supported formats. (docs2.w3cub.com)
  5. Test via http://localhost before publishing. (developer.mozilla.org)

If these checks still leave broken links, posting the exported .htm (the first 50–200 lines) and a directory listing of the companion folder will make it possible to point to the exact broken href/src entries.

Recommended Answers

All 4 Replies

Member Avatar for JorgeM

can you post your HTML code so we can take a look? Also, I dont recommend that you build web pages using MS Word.

Member Avatar for dmanw100

I would imagine that the links you've created probably point to items on your hard drive, which would not be visible from the web or another machine. I would recommend learning a bit of HTML even if you're just going to put up a small webpage. There's a pretty nice tutorial here. I personally use Notepad++ to write HTML, but you might just want to use Notepad to get started (it can be found at Start->Accessories->Notepad). I wouldn't recommend using Word since it's not really designed for this type of editing (sort of like using a sledgehammer on a nail).

Member Avatar for JorgeM

It's more like hitting the nail with the back of a screwdriver.

Member Avatar for drjohn

First, Word is very VERY VERY bad for creating a web page!!! Use a proper editor (eg Notepad++) rather than something desinged to create a Word doc.

Secondly, your links probably point at places on your hard drive, ie are absolute links. You may even have made the classic begginers mistake of pointing links at items in different folders.

You should create a folder just for your site, then within it create a folder called www. In the first folder place all raw items you intend to use and process for the web site. In the www folder you put your web pages.

Within the www folder create a second folder called images. In this place your processed (properly resized images). Then create relative links to the images in the images folder. Rememebr that when uploading to your web site, you must separately upload the images as well, as they are NOT embedded in the web page but are linked to from the page.

Edited by drjohn
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.