1. WRA 210: 2/07/2013 MOD 8: FILE NAMING CONVENTIONS

2. TODAY’S AGENDA4 Overview of the next several weeks Overview of HTML we know so far Web standards Lesson: file and folder naming conventions Module 8 activity Module 8

3. 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

4. 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? o What is the object type? o What tag is used to create the object?

5. 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

6. DISCUSS What is a hierarchy? What is the "root" of a hierarchy? Where do we see hierarchies at work on a web server? What is the "root" of a web server? Example to work from: our course pageour course page

7. ANYBODY SEEN THIS BEFORE?

8. 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: o index.html (or index.htm) o default.html (or default.htm) o Can also be customized in server settings

9. 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? o http://msu.edu/~lauckne1 http://msu.edu/~lauckne1 o http://msu.edu/~lauckne1/index.html http://msu.edu/~lauckne1/index.html What are the pieces of this URL?URL o http://www.msu.edu/~lauckne1 o /wra210/ o index.html

10. ORGANIZING FILES - FOLDERS folders can contain anything o files of any type o more folders - child folders similar to naming files on your computer o why do we do this? o how do we decide what to name them?

11. BEST PRACTICES FOR NAMING Why do we need to worry about this? o Make creating links between files and folders easier o Sustainability - easier to find things, easier for others to find what they're looking for o Avoid a mess that's difficult to reorganize later Do it early, before there's a mess

12. BEST PRACTICES FOR NAMING Stick to letters and numbers o no spaces o no special characters o dashes - and underscores _ are okay Name the file something specific o bad: file.doc o good: module6.doc Applies to both files and folders o folders, obviously, do not have a filetype (e.g..html)

13. LINKING BETWEEN FILES AND FOLDERS Absolute paths o Modult 6 Relative paths o files in the same folder: Module 6 o files in a child folder: Module 6 o files in a parent folder: Module 6 More about Absolute vs. Relative Links

14. GROUP ACTIVITY: BRAINSTORM How should we organize our web space? Questions to consider: o What kinds of content do we have there already? o What kinds of content will we add over time? o 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

15. MODULE 8MODULE 8: ORGANIZE YOUR SPACE Organize your space using best practices o Rename files as necessary o Create new folders as necessary o Move files into folders as necessary Update course homepages to reflect new organization o Update your links o Email me new link to your homepage

16. FOR NEXT TIME Bring a photo of yourself (or of something else if necessary) o straight from a digital camera, no resizing or editing (no Facebook) o bring on a flash drive, emailed to yourself, actual camera Read/watch: o YouTube - the tag (skip to 4:25 for right now)the tag o Best Practices: Images for the Web Best Practices: Images for the Web o Image Usability Image Usability o Understanding DPI, Resolution, and Print vs. Web Understanding DPI, Resolution, and Print vs. Web o Preparing an Image for Web vs. Print Preparing an Image for Web vs. Print