150 likes | 299 Views
MOD 8: File Naming Conventions. WRA 210 : 10 /0 2 /201 3. Today’s Agenda. Overview of the next several weeks Overview of HTML we know so far W eb standards Lesson: file and folder naming conventions Module 8 A ctivity. What's to Come. review the basics, web images
E N D
MOD 8: File Naming Conventions WRA 210:10/02/2013
Today’s Agenda • Overview of the next several weeks • Overview of HTML we know so far • Web standards • Lesson: file and folder naming conventions • Module 8 Activity
What's to Come • review the basics, web images • full-on HTML, the works • full-on CSS, the works • HTML for structure • CSS for structure • Advanced CSS • Two weeks of building workshops
Review: everything we know so far • What is a server? • What is FTP? • What is AFS? • What is HTML? • What is an HTML tag? • Which HTML objects have we worked with? • What is the object type? • What tag is used to create the object?
Delving Deeper Into Servers • hierarchies • the "root" folder • index pages • knowing how to access files • file naming best practices • file and folder organization best practices
A Web Server's Index • When no default page, server lists files • Major security risk! • Occurs inside root folder and all other folders • Can be shut off in server settings • Can be replaced by an indexing document: • index.html (or index.htm) • default.html (or default.htm) • Can also be customized in server settings
Accessing files on a server • How do we access a website? • How do we access specific files on a server? • Why do these go to the same place? • http://msu.edu/~lauckne1 • http://msu.edu/~lauckne1/index.html • What are the pieces of this URL? • http://www.msu.edu/~lauckne1 • /wra210/ • index.html
Organizing files - folders • folders can contain anything • files of any type • more folders - child folders • similar to naming files on your computer • why do we do this? • how do we decide what to name them?
Best practices for naming • Why do we need to worry about this? • Make creating links between files and folders easier • Sustainability - easier to find things, easier for others to find what they're looking for • Avoid a mess that's difficult to reorganize later • Do it early, before there's a mess
Best practices for naming • Stick to letters and numbers • no spaces • no special characters • dashes - and underscores _ are okay • Name the file something specific • bad: file.doc • good: module6.doc • Applies to both files and folders • folders, obviously, do not have a filetype (e.g. .html)
Linking between files and folders • Absolute paths • <a href="http://yoursite.com/modules/module6.doc">Modult 6</a> • Relative paths • files in the same folder:<a href="module6.doc">Module 6</a> • files in a child folder:<a href="modules/module6.doc">Module 6</a> • files in a parent folder:<a href="../modules/module6.doc">Module 6</a> • More about Absolute vs. Relative Links
Group Activity: Brainstorm • How should we organize our web space? • Questions to consider: • What kinds of content do we have there already? • What kinds of content will we add over time? • How could we organize all of that content? • file names? • folders? • Are our course files in the best place? • Let's develop a best practice together
Module 8: Organize Your Space • Organize your space using best practices • Rename files as necessary • Create new folders as necessary • Move files into folders as necessary • Update course homepages to reflect new organization • Update your links • Email me new link to your homepage
For next time • Your Design Docs are due Friday! Make sure that you email them to me on time! • Bring a photo of yourself (or of something else if necessary) • straight from a digital camera, no resizing or editing (no Facebook) • bring on a flash drive, emailed to yourself, actual camera • Read/watch: • YouTube - the <img> tag (skip to 4:25 for right now) • Best Practices: Images for the Web • Image Usability • Understanding DPI, Resolution, and Print vs. Web • Preparing an Image for Web vs. Print