Home Entrance Everyone Wiki Search Login Register

Welcome, Guest. Please login or register. - Thinking of joining the forum??
April 20, 2024 - @833.70 (what is this?)
Forum activity rating: Four Star Posts: 57/1k.beats Unread Topics | Unread Replies | Own Posts | Own Topics | Random Topic | Recent Posts
News: :dive: Are u having fun?? :dive:

+  MelonLand Forum
|-+  World Wild Web
| |-+  ✁ ∙ Web Crafting
| | |-+  Best way to manage website files?


« previous next »
Pages: [1] Print
Author Topic: Best way to manage website files?  (Read 369 times)
TheNothingMonster
Full Member ⚓︎
***


Hey psst! Wanna see something spooky?

StatusCafe: thenothingmonster

View Profile WWW

First 1000 Members!Joined 2023!
« on: August 09, 2023 @384.61 »

I was recently cleaning up some files here and there and wondered whether I was even doing it right. :ohdear: I have come across an endless sea of articles pointing out how site files should be managed and I did not know how to continue with certainty.

Setting up files and folders alike also requires changing some segments of code within the files which can get somewhat tiring when it comes to managing them all over again in large amounts. The most common method I have read is to insert all (x) types of files into an (x) folder and so on, but sometimes it gets more complicated than that. Especially if new additions are prone to happen, therefore making the position of certain files more flexible.

> What's an efficient method of managing website files for you? Are there different techniques varying from case to case? Anything else to keep in mind while organising files?
Logged

~~~~~~~~~~~~
Guest
Guest
« Reply #1 on: August 09, 2023 @494.73 »

Personally, I have several categories that I put my (X)HTML files themselves in that correspond to the website's topical hubs: like Creative, Thoughts/Blog, or Shrines.
These are folders and they contain the individual subfiles for pages they contain and their main hub pages. For instance, my Music shrine is under /shrines/music/main.xhtml, whereas the Shrines page itself is under /shrines/main.xhtml.

As for images, they're all in a /graphics/ folder with additional subfolders for /graphics/gifs/, /graphics/img/ and so on. I also have /scripts/.
Logged
brisray
Full Member ⚓︎
***



View Profile WWW

First 1000 Members!Joined 2023!
« Reply #2 on: August 09, 2023 @529.73 »

As with how you organize your own files, there are no hard rules for organizing site files. As you get a bit more experience you'll find something that works for you.

When I started I simply dumped all the files in the root of the website. That did not last long as it got difficult to find anything.

As I added more sections, I created a new folder for each section. Inside each of those there are folders for all the images for that section, and another folder for any specific CSS or JS files I need for that section. Other folder are added when I think I need them such as when a section needs a lot of documents kept in it.

In the copy of the site I keep on my computer, there's also section folders named "old" where I put files I no longer use on the actual site - just in case I change my mind about them later on.

I use relative links on the site rather than absolute ones and web servers still recognise the old dot notation such as ../images which means up a directory and go to the images folder in that and you can do things like ../../ which means go up two directory levels. It helps if you change your mind about a directory name and means you don't have to change the link to every file.

As a little aside, links to external sites are always a problem. If you have a list of about a dozen sites, within months at least one of them will stop working. Within a couple of years nearly all of them will be broken - it's called link rot.

Xenu's Link Sleuth was last updated 12 years ago, but  is great at finding link problems (images, files, anything) within your site and can help with the external links - it obviously can't tell if the content on those is still the same as you intended but will tell you if the page is no longer available at all or being redirected somewhere else. There are plenty of newer, much nicer looking link checkers around, but I like Xenu's.
Logged
Lyonid
Jr. Member ⚓︎
**


Controlled Chaos ~ Please be kind.

SpaceHey: Friend Me!

View Profile WWW

First 1000 Members!Joined 2023!
« Reply #3 on: August 09, 2023 @638.13 »

I think folder structures reveal so much about the website creator, so definitely go with what you find most comfortable for you!

I personally have the habit of nesting my sites to a point where I get a little lost, haha. I like making a folder for every site like /about, /gallery, /reads. I try to get a little fancy with those names so the links look a little more fun! A link to one of my blog entries is /reads/codefile/virtual/ because I like calling my entries code files to fit the theme.

I usually store all general-use graphics in a /graphics folder. To not leave every folder empty with just their index.html, I throw in graphics in that are unique to the page content. I have fanlistings and blinkies folders in my /about folder, for instance.

I try to create css "modules" for very special pages like my qeycard maker or my image gallery, though I am currently rearraning everything every now and then. The same I do for my scripts if I use any.

Sometimes I am really lazy and throw stuff that is not really a part of my site at the root. It's rarely a good idea!  :tongue:
Logged

xx <3
Melooon
Hero Member ⚓︎
*****


So many stars!

SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games

View Profile WWW

First 1000 Members!spring 2023!Squirtle!!!!MIDI WarriorMIDI Warrior1234 Posts!OzspeckCool Dude AwardRising Star of the Web AwardMessage BuddyPocket Icelogist!OG! Joined 2021!The Smallest Ozwomp Known To ManBug!
« Reply #4 on: August 09, 2023 @639.78 »

There is a pinned thread about this subject here where you can see a lot of peoples file structures!
https://forum.melonland.net/index.php?topic=55.0

The key thing Id say is; find a system you enjoy working with - its easy to stress about organising files, but if you are stressing about that then you are not working on your site! Often it pays to just be messy and not worry about it too much!  :grin:

In general I don't recommend reorganising your site in the future because that breaks anyone who's linking to your media and also because it erases your sites physical history. (I remember I moved a page into a folder once and I got multiple disappointed emails from people who thought Id deleted the page)

So just use a simple system at first (like putting images in an images folder etc) and then let it grow over time.
Logged


everything lost will be recovered, when you drift into the arms of the undiscovered
brisray
Full Member ⚓︎
***



View Profile WWW

First 1000 Members!Joined 2023!
« Reply #5 on: August 11, 2023 @864.34 »

Reorganizing a website is not something to be taken lightly, but there are ways to do it without confusing your users, losing the page history or whatever position you've managed to gain in search engine results.

The method of writing the redirects depends on what your host allows and how much notice you want to give your visitors that they are going to a different page, or even a different host, than what they thought.

I prefer to do these redirects at the server level for several reasons, a) I can, b) the visitor does not have to wait for page reloads, c) the user's back button still works properly, d) it's more versatile as it uses pattern matching and variables to redirect multiple files.

Some of the redirects I made as I've moved, combined or renamed files and directories:

Spoiler
Redirect 301 /oldindex.html /
Redirect 301 /bizarre/bpcards1.htm /bizarre/
Redirect 301 /bizarre/bizarrecards4.htm /bizarre/bpcards4.htm
Redirect 301 /bristol/bind.htm /bristol/
RedirectMatch 301 /bristol/bexhib([12]).htm /bristol/1893-exhibition.htm
RedirectMatch 301 /bristol/1893-exhibition-([12]).htm /bristol/1893-exhibition.htm
RedirectMatch 301 /bristol/blitz([12]).htm /bristol/blitz.htm
RedirectMatch 301 /bristol/books([1-3]).htm /bristol/books.htm
RedirectMatch 301 /bristol/bound([12]).htm /bristol/bounds.htm
RedirectMatch 301 /bristol/bbrewing([12]).htm /bristol/brewing$1.htm
RedirectMatch 301 /bristol/bcastle([1-6]).htm /bristol/castle$1.htm
RedirectMatch 301 /bristol/bagorge([1-3]).htm /bristol/gorge$1.htm
RedirectMatch 301 /bristol/bdocks([1-3]).htm /bristol/docks.htm
RedirectMatch 301 /bristol/bhelp([1-3]).htm /bristol/help$1.htm
RedirectMatch 301 /bristol/bhist([1-6]).htm /bristol/history$1.htm
RedirectMatch 301 /bristol/bhwell([12]).htm /bristol/hotwells.htm
Redirect 301 /bristol/blead1.htm /bristol/lead.htm
Redirect 301 /bristol/blinks.htm /bristol/links.htm
RedirectMatch 301 /bristol/boldmkt([12]).htm /bristol/oldmarket.htm
Redirect 301 /bristol/bphoto.htm /bristol/photography.htm
Redirect 301 /bristol/bmapug1.htm /bristol/pugsley.htm
[close]
Logged
starbreaker
Sr. Member ⚓︎
****


is it any wonder that my mind's on fire?

SpaceHey: Friend Me!

View Profile WWW

First 1000 Members!G4 Club Member!Joined 2023!
« Reply #6 on: August 15, 2023 @637.85 »

This is how I have my website set up on my local computer. Not everything gets sent to the server; some files are just there to help build the website. For example, "index.md" and "index.org" are files I run through pandoc to generate index.html. "index.sitemap" is used to build "sitemap.xml"

Code
.
├── about
│   ├── cv.html
│   ├── cv.md
│   ├── cv.sitemap
│   ├── ibp
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   └── parasocial
├── ahrefs_a2a995f372ccedaf12b2a4728f3b03e9738d37bacca8374d335fb3f8ef772980
├── android-chrome-192x192.png
├── android-chrome-512x512.png
├── apple-touch-icon.png
├── blog
│   ├── 2010-2019-decade-in-review
│   ├── about-my-ad-blocker
│   ├── adam-winfield-needs-mirror
│   ├── after-1989-trip-to-freedom
│   ├── alice-cooper-live-hershey
│   ├── alpha-male-myth
│   ├── always-remote
│   ├── amazon-wheel-of-time
│   ├── another-paypal-phishing-attempt
│   ├── archetypal-tech-recruiter
│   ├── aspects-tyranny-oppression
│   ├── austin-emily
│   ├── banned-from-tildes-too
│   ├── been-sick
│   ├── bit-of-cleanup
│   ├── blocking-crap-with-hosts-file
│   ├── books-i-never-finished
│   ├── boots-haiku
│   ├── bostock-v-clayton-county
│   ├── building-site-for-my-fiction-with-pblog
│   ├── burn-the-mothers-down
│   ├── cancellation-of-emily-wilder-cowardly-associated-press
│   ├── cat-meets-emacs-doctor
│   ├── cathedrals-on-quicksand
│   ├── catherine-lucille-moore-queen-pulps
│   ├── choose-life-problem-video-games
│   ├── cicadas
│   ├── cobra-kai-at-work
│   ├── companies-are-failing-everybody
│   ├── containment-social-media-dangers-imitation
│   ├── cop-in-my-head
│   ├── covid-19-one-megadeath-later
│   ├── creating-youtube-thumbnails-shell-script
│   ├── crypto-direct-deposit-wtf
│   ├── dammit-apple
│   ├── definitive-count-monte-cristo
│   ├── disdain-profanity-luxury-belief
│   ├── does-therapy-work-for-men
│   ├── dont-worry-im-still-ok
│   ├── dragon-hunting-helvetia-delenda-est
│   ├── egoism-neutrality-zeal
│   ├── entries-new-devils-dictionary
│   ├── extending-pblog
│   ├── fantasmagoria
│   ├── fertility-crisis-youre-welcome
│   ├── final-fantasy-vii-relived
│   ├── finding-sweet-spot-purple-prose-fire-emblem-fates
│   ├── first-world-problems
│   ├── flaming-telepaths
│   ├── florida-man-bans-abortion
│   ├── from-the-archives-july-2023
│   ├── fuck-microservice-architecture
│   ├── fuck-trump-lets-go-brandon
│   ├── fun-with-dates-and-emacs
│   ├── getting-back-into-it
│   ├── gina-carano-will-be-fine
│   ├── gloomy-monday-thoughts-about-computers
│   ├── glory-and-blame
│   ├── goddammit-jon-schaffer
│   ├── going-dark
│   ├── haiku-from-my-study-window
│   ├── harry-frankfurt-on-bullshit
│   ├── hearing-rainfall
│   ├── hellbound-curse-god-live
│   ├── hello-again-world
│   ├── holy-smoke
│   ├── how-to-avoid-reply-guys
│   ├── i-know-im-fat-did-you-know-youre-an-asshole
│   ├── i-voted-by-mail
│   ├── i-want-my-bsd
│   ├── ides-of-march
│   ├── im-a-sodomite-and-im-ok
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   ├── insomnia
│   ├── installing-devuan-31-migrating-ceres
│   ├── internal-wifi-mistake
│   ├── jesus-he-knows-me
│   ├── john-daker-has-seen-some-shit
│   ├── just-bought-piano
│   ├── just-married
│   ├── just-some-other-assholes-computer
│   ├── learning-vue
│   ├── leaving-cult-how-leave-tech-industry
│   ├── leftist-dating-advice-considered-harmful
│   ├── letter-to-npr-re-social-media
│   ├── literature-aint-burger-king
│   ├── little-changes
│   ├── lj-cohen-derelict-worthy-heinlein
│   ├── magician-parrot
│   ├── make-them-reject-you
│   ├── make-your-own-video-playlist-in-an-atom-feed-with-gnu-recutils
│   ├── making-meaning
│   ├── mastodon-preview-cards
│   ├── maybe-i-dont-want-to-be-reached
│   ├── more-cleanup
│   ├── my-father-is-dead
│   ├── my-father-is-dying
│   ├── my-manhood-property-way
│   ├── my-wife-gave-me-alphasmart-3000-christmas
│   ├── no-bottling-the-genie-again
│   ├── no-resolutions-in-2023
│   ├── nofap-hoax-by-anonymous
│   ├── not-for-her-sake
│   ├── not-my-side-hustle
│   ├── not-this-shit-again-acab
│   ├── notes-on-pancreatic-cancer-screening
│   ├── nothing-like-bad-phishing-attempt
│   ├── now-i-have-a-mailing-list
│   ├── of-course-i-worked-there-so-what
│   ├── on-allyship
│   ├── on-imperative-niceness
│   ├── on-religion-as-blasphemy
│   ├── one-nation-above-god
│   ├── our-revels-now-are-ended
│   ├── parallel-flac-transcoding-linux
│   ├── parental-rights
│   ├── parler-had-it-coming
│   ├── party-like-its-1989
│   ├── persona4-golden
│   ├── personal-websites-self-portraiture
│   ├── playing-woman-ffxiv
│   ├── podcasts-have-always-sucked
│   ├── poem-for-mass-resignation
│   ├── post-ipo-facebook-echoing-dotcom-boom
│   ├── preventing-llm-scraping
│   ├── programmer-passion-considered-harmful
│   ├── programmers-grimoires
│   ├── proprietary-video-games
│   ├── questions-for-your-cast
│   ├── quit-mastodon-again
│   ├── racist-lovecraft-self-righteous-internet-leftists
│   ├── random-thoughts-on-game-streaming
│   ├── re-acting-your-wage-will-atrophy-your-abilities
│   ├── re-against-bingeing-tv
│   ├── re-all-you-need-html
│   ├── re-box-of-doom
│   ├── re-date-and-time-in-ssg
│   ├── re-does-blog-need-to-integrate
│   ├── re-high-property-taxes-are-good-actually
│   ├── re-linux-desktop-hard-to-love
│   ├── re-makefiles-for-fun-and-profit
│   ├── re-naming-computers
│   ├── re-really-getting-started-with-hugo
│   ├── re-soft-deletion-probably-isnt-worth-it
│   ├── re-static-site-generators
│   ├── re-stop-using-custom-web-fonts
│   ├── re-the-syndicate
│   ├── re-thoughts-on-rss
│   ├── re-thoughts-on-silly-hats
│   ├── re-ultimate-linux-arm64-workstation
│   ├── real-sex-education
│   ├── reality-where-html-never-existed
│   ├── relevance-junkies
│   ├── reworking-blogroll
│   ├── roe-wade-overturned
│   ├── ruin-date-one-word
│   ├── salary-range-or-gtfo
│   ├── sally-wiener-grotta-winter-boy
│   ├── scarlet-dorn
│   ├── seed-of-an-ending-soft-doctrines
│   ├── shadowbanned
│   ├── shite-hustle-no-revenue
│   ├── silence-implies-consent
│   ├── silent-defiance
│   ├── smile-he-said
│   ├── spamtoberfest
│   ├── spiral-architect
│   ├── still-derisive-about-marketing
│   ├── stormageddon-fluffgoddess-next-apocalypse
│   ├── strangers-watching-me-work
│   ├── stuff-i-might-use-later
│   ├── tears-in-rain
│   ├── text-mode-weekend
│   ├── text-mode-weekened-part-deux
│   ├── theme-variations-eternal-return
│   ├── then-im-against-you
│   ├── there-goes-your-feed-again
│   ├── they-abandoned-children-fortnite
│   ├── they-came-from-hacker-news
│   ├── they-too-are-gods-children
│   ├── things-dont-have-friends
│   ├── thought-incel-real-thought
│   ├── thoughts-on-insurrection
│   ├── three-mile-island-dirty-rice
│   ├── ticketmaster-delenda-est
│   ├── tina-guo
│   ├── truth-about-us-taxes
│   ├── trying-friendica
│   ├── turning-forty
│   ├── unpleasant-truths-about-culture-fit
│   ├── village-voice-isnt-really-back
│   ├── vocabulary-lessons
│   ├── web-environment-integrity-expectations-reality-entitlement
│   ├── web3-coming-for-authors
│   ├── well-known-url-cv-resume
│   ├── what-five-stages-of-grief
│   ├── what-really-caused-nationfall
│   ├── why-im-going-to-block-you
│   ├── why-should-i-go-back-to-office
│   ├── wife-first-or-mother
│   ├── worldbuilding
│   ├── would-you-recommend-us-to-your-friends
│   ├── writing-wonders-july-2023
│   ├── writing-wonders-june-2023
│   ├── wrong-kind-of-diversity
│   ├── xterm-because-worse-better
│   ├── you-are-not-normal
│   ├── you-should-listen-to-galneryus
│   ├── your-screen-is-tasty
│   ├── youtube-kids-wasteland-no-shit-sherlock
│   └── zucks-new-threads
├── buttons
│   ├── autisticasfxxk.gif
│   ├── darylsun.webp
│   ├── foreverlikethis.png
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   ├── invisbw.gif
│   ├── melonland.png
│   ├── mooeena.gif
│   ├── starbreaker.gif
│   ├── starbreaker.png
│   ├── voicedrew.gif
│   └── zinricky.gif
├── colophon
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── contact
│   ├── index.html
│   └── index.sitemap
├── elsewhere
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── errors
│   ├── 404.html
│   ├── 404.md
│   ├── 404.sitemap
│   ├── 410.html
│   ├── 410.md
│   ├── 410.sitemap
│   ├── 451.html
│   ├── 451.md
│   └── 451.sitemap
├── favicon-16x16.png
├── favicon-32x32.png
├── favicon.ico
├── feed.xml
├── fiction
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   ├── novels
│   ├── screenplays
│   ├── stories
│   ├── unfinished
│   └── wip
├── headlines.xml
├── index.html
├── index.md
├── index.sitemap
├── jukebox
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── library
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── links
│   ├── blogroll.opml
│   ├── index.html
│   ├── index.md
│   ├── index.sitemap
│   └── newsboat.urls.txt
├── media
│   ├── (snipped)
├── nonbot_pledged_logo.svg
├── now
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
├── robots.txt
├── sitemap.xml
├── social.jpg
├── social.png
├── social.webp
├── style
│   ├── custom.css
│   ├── normalize.css
│   ├── opml.xsl
│   ├── rss.xsl
│   └── sitemap.xsl
├── subscribe
│   ├── index.html
│   ├── index.md
│   └── index.sitemap
└── thaumaturgy
    ├── css-from-scratch
    └── emacs-config

236 directories, 457 files
Logged


rock operatic science fantasy and more...
(...all opinions mine unless attributed, and free to a good home...)
Pages: [1] Print 
« previous next »
 

Vaguely similar topics! (3)

Website size

Started by RolyBoard ✁ ∙ Web Crafting

Replies: 59
Views: 5401
Last post March 30, 2024 @910.61
by Semper
Website example page

Started by Icey!Board ☆ ∙ Showcase & Links

Replies: 3
Views: 1840
Last post December 16, 2021 @285.10
by cinni
Website status (Check replies for part 2)

Started by Icey!Board ☆ ∙ Showcase & Links

Replies: 8
Views: 2069
Last post December 26, 2021 @841.50
by Icey!

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP2


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi