Hopp til innhold

File Extensions, ye scurvy dog!

Skip to content

Avast ye scallywags, this be a machine-translated text that may contain errors!

Ye have already learned that the file extension be them part o’ the filename dat come after da dot, an how ye do show it on yer own vessel. Now we look at why ‘tis useful tae recognize these extensions, an how ye use ‘em proper-like yerself.

Ye be showin’ yer file endings?

Check one o’ ye files in yer folder structure right now — can ye spy .docx, .jpg or likethings after the name? If no, head back to [[Folder Structure Level 2 - File Names|the last part]] an’ turn ‘em on first.

File Extensions in IT an’ Media Production

Different fields use different file types. Here be some ye’ll run into at IM:

Extension What is it? Field
.py Python script IT
.html / .css Webpage / stylesheet IT
.js JavaScript code IT
.docx Text document Both
.pdf Finished, locked document Both
.jpg / .png Image Media production
.psd Photoshop project file Media production
.mp4 Video file Media production

File extensions fer code, documents, images, project files an' video

Workin’ file vs. finished goods

A .psd ain’t nothin’ like a finished .jpg – one’s yer workin’ file ye can still be editin’, t’other’s th’ final prize.

Same logic holds fer code: an .py file is th’ source, not a finished, runnin’ program in its own right.

A work file be further edited, while the finished file be the result that be delivered

Overview o' file extensions, work files an' finished files

Example on how to pack an' find files

Task - Make right named files in yer own folder structure

Ye shall deliver three files to a school project: a picture, a text document an’ a webpage-file.

Step 1 - Create the Files

Navigate to yer folder structure ye built in [[Folder Structure Level 1 - Build a Folder Structure|Folder Structure Level 1]], an’ forge three new, empty files:

  • one picture (.jpg or .png)
  • one text scroll (.docx)
  • one webpage file (.html)

Step 2 - Bestow proper names upon ye

Each file shall bear:

  • a descriptive name (see [[Folder Structure Level 2 - File Names|the last part]])
  • the correct extension fer its type o’ cargo
  • the right berth in yer own folder structure

Don’t change file extensions to “trick” a program

The extension should match the actual contents o’ the goods. Changin’ .docx to .html don’t make it a webpage — it just leaves ye with a wreck that ain’t no use fer the app meant ta open her.

Step 3 - Check yer work

Take a look at yer three files. Be the file extensions showin’ on all three? Got names that tell ye what’s inside ‘em without havin’ to open ‘em up?

If ye be done

Gaze upon the file name IMG2093.jpg. Be this a fine file name for yer trouble? What would ya bestow upon it instead, without altering its extension?

All done! 🎉

Ye now be knowin’ common file extensions fer IT an’ media production, an’ ye know the difference ‘tween a work-in-progress file an’ a finished one. Along with good names from last part, ye got all yer need to keep yer schoolwork shipshape fer the rest o’ the year.