Michael T Ganschow Green: Alright Hello pre recorded people and Hello folks who are here for the open lab so i'm just pre recording the recording the.
Michael T Ganschow Green: Initial first couple of minutes of this class will I go over putting up project three and what that entails and kind of what i'm looking for.
Michael T Ganschow Green: With that project three yes it's going to be identical to the one I did not identical nothing I ever do is the same, but very similar to the one that I did.
Michael T Ganschow Green: Last class, but I just want to make sure that everybody has a chance to see what i'm looking for out of project three and.
Michael T Ganschow Green: Is all ready to go and then after that i'm going to release you to your own devices, and you can start asking me questions about whatever I suspect, a lot of you have questions, judging by the.
Michael T Ganschow Green: emails that i've been getting as well as the canvas messages and I gotta check the I forgot to check the ass till today on the forum, does he have any questions on the forum, so let me just do a real quick DEMO here.
Michael T Ganschow Green: But what i'm looking for with project three so oops right.
Michael T Ganschow Green: So i'm gonna click minimize here and minimize here and I minimize here and minimize here and close that.
Michael T Ganschow Green: Such close everybody up and let's share some desktop here how about we do a little bit of screen sharing Hello screen sharing now are you going to share this one good at cherry excellent okay okay so.
Michael T Ganschow Green: Basically, for project three you remember all that nattering around I did about how are you should post your project to loose leaf.
Michael T Ganschow Green: And so that it'll show in a student folder don't put it in adult put it in a folder in there.
Michael T Ganschow Green: Well yeah that's that goes for your project to project three I want it in a folder there and inside your folder so that you have.
Michael T Ganschow Green: Self contained little folders for your websites that way you can name every homepage index and not worry about things overriding so you don't accidentally put stuff up over the top of other things so.
Michael T Ganschow Green: Here is my project to root folder all set and ready to go now um.
Michael T Ganschow Green: it's probably best.
Michael T Ganschow Green: it's probably best if you when you before you put it live to take your project.
Michael T Ganschow Green: Three folder which, in my cases.
Michael T Ganschow Green: Whereas it's right over here on my desktop and instead of dragging and dropping it into your project to it's probably better to take the thing and copy paste it so we're going to go copy.
Michael T Ganschow Green: And we're gonna go paste so there it goes being pasted in why because there's a couple of changes that i'm going to make to this thing.
Michael T Ganschow Green: it's probably best you didn't make that to your original one yeah so I now have my project three a copy of my project three root folder inside of my project to root folder.
Michael T Ganschow Green: And already there was something terribly wrong my project three folder on I think you guys can probably spot it pretty quickly.
Michael T Ganschow Green: No web naming conventions on it it's got spaces it's got capital letters he's got all of that fun stuff remember.
Michael T Ganschow Green: When you're naming files for the web, no spaces use dashes or underscores spaces, no capital letters and no special characters.
Michael T Ganschow Green: exclamation points at signs pound signs whatever because all of those special characters are used in various commands throughout the web.
Michael T Ganschow Green: And if you have special characters in their servers may interpret them as commands because servers dumb so.
Michael T Ganschow Green: You all you want to be careful, putting special characters in your file names and spaces and capital, so what i'm going to do is i'm going to take my project three here and i'm going to rename it for web standards so let's call this project yeah.
Michael T Ganschow Green: Three and what the hey let's throw some initials on it just for fun.
cool.
Michael T Ganschow Green: Okay, so there's my project three now if I Double Click on that inside is valid to duplicate it like gic 175 class website so everything's in here so.
Michael T Ganschow Green: One other thing before you start even thinking about putting it live that I wanted to do and part of the reason why i'm and have you make a copy of this one is that.
Michael T Ganschow Green: wants you to compress or convert your working graphics file into a zip so we're going to go compress working graphics into a zip file, yes, Sir, so we're going to call this working graphics.
Michael T Ganschow Green: dash P three so that I know this is my project three working graphics folder and then just for fun z's we're going to throw away the heel working graphics folder goodbye.
Michael T Ganschow Green: And what the heck let's empty trash to finalize that.
Michael T Ganschow Green: Will just double check and make sure i've got nothing in the trash that I need to worry about No, I do not so we're gonna go empty trash.
Michael T Ganschow Green: goodbye my trash is now empty, and I have a project three with the working graphics folder zipped up now I got a lot of questions about this one, both when I had to do it for project to.
Michael T Ganschow Green: And over the last week i've had four different people ask me about this about why i'm making you guys zip up the working graphics folder i'm an actually it's a troubleshooting measure.
Michael T Ganschow Green: A lot of student websites, particularly now that you can't turn in a physical copy to me.
Michael T Ganschow Green: A lot of student websites are still linking into the working graphics folder and converting it into a zip file like this will bless those links, so you can tell at a glance what's broken on your project three you can tell what's not linking.
Michael T Ganschow Green: Alright, so we are now pretty much set up and ready to go yeah.
Michael T Ganschow Green: So I have provided you guys with some lovely.
Michael T Ganschow Green: Some oh actually no, we are not ready to go, I apologize both to you guys, who are here, live and to you pre recorders there's one other thing we have to do what am I thinking what am I thinking you guys.
Michael T Ganschow Green: Okay, so here's The other thing we have to do to hook up our homepage to our project three so that when.
Michael T Ganschow Green: You guys, so that when you click on the project three button on your homepage it'll take you to your project three, which is living in this folder here so i'm going to do that real quick.
Michael T Ganschow Green: Now this is oh not photoshop I drag and drop fail drag it out fail force quit but no, are you sure you want to know I don't want to enable dictation not now, thank you.
Michael T Ganschow Green: have just because i'm yelling and making alarm noises doesn't mean I need to I need to thank you note we're gonna force quit to photoshop once I hit force quit.
Michael T Ganschow Green: All right, hang on one second computer has decided to have a moment of photoshop.
Michael T Ganschow Green: Well, yes, good yes multicolored wheel let's even get a computer crash and sever the link to the class, this will be fun hey my computer crashes and severs link to the class i'll be back compliance is like and.
Michael T Ganschow Green: can actually request because photoshop yeah yeah I know it doesn't that's why foursquare here hang on it's gonna be one of those dates already oh.
Michael T Ganschow Green: Yes, look at that, yes, yes colored wheel yes i'm aware there's a lot of things going, yes, yes zoom is around hog i'm aware with photoshop Thank you and goodbye all right now let's take this index and let.
Michael T Ganschow Green: me.
Michael T Ganschow Green: fix it so i've already got it linked to my project three.
Michael T Ganschow Green: From last times DEMO but basically in order to put the link in and we're going to take this back to hashtag you basically just want to for your link put in the name of this folder.
Michael T Ganschow Green: There it is so you want to put the name, whatever you name your folder.
Michael T Ganschow Green: You want to put that in as a link.
Michael T Ganschow Green: And then slash and, if you want to target your homepage which y'all should index dot html I, however, I am going to change something I am going to target ugly dot html so that we can see the DEMO working but.
Michael T Ganschow Green: Your folder name slash index dot html take you right to it, so we should be good and all set and ready to go here so many it's saved on that index file.
Michael T Ganschow Green: And then I am going to now we're ready to actually put it online the index links into my folder here and I could start putting things up.
Michael T Ganschow Green: So do to do to do to do let's go let's go get the student ftp.
Michael T Ganschow Green: Information so we're going to go, give me the file zilla information we'll see if my server feels like connecting to day from my connection, and all this questioning now always so come back to here we're going to go GR C 175 dot net firms COM copy.
Michael T Ganschow Green: copy paste that in Hello and we're going to go boop and then we're going to go student copy.
Michael T Ganschow Green: boop.
Michael T Ganschow Green: And then.
Michael T Ganschow Green: copy the password and all of the characters in it and we go copy.
Michael T Ganschow Green: What can I do you're going to connect yes you're going to connect excellent a we're going to connect here.
Michael T Ganschow Green: Already that oh someone's stray index is just kind of flapping out in the breezier well well stray index flapping around out in the breeze here i'm going to delete you oh snap i've just ruin somebody's day bye bye.
Michael T Ganschow Green: Really delete that yep alright so i'm going my folder here.
Michael T Ganschow Green: And let me do a couple of things well First things first is i'm going to delete this one from last time goodbye, which I forgot to do earlier today so by now by deleting a delete delete okay so it's going to process in just a second.
Michael T Ganschow Green: So once it gets done processing deleting.
Michael T Ganschow Green: That I now I can tikka tikka tikka tikka tikka tikka tikka now I can update some things so.
Michael T Ganschow Green: i've had a lot of questions over the last couple of weeks about updating your files for your project tooth because a lot of you are correctly tinkering on your project tues to play with different things and modify things or to add.
Michael T Ganschow Green: Different different stuff in or or you now know, a better techniques, you want to try that to realize your design better.
Michael T Ganschow Green: Because I gave you these project tues kind of is a little sandbox to play in to kind of throw ideas up and see what sticks so um, let us put this up so.
Michael T Ganschow Green: When you make changes to your project to.
Michael T Ganschow Green: You only have to put up the files that were changed so if you've changed your CSS all you gotta do is put up that CSS file.
Michael T Ganschow Green: If you made changes in your html all you got to just put up that html file you don't have to put your whole site up all the time you just have to put it up.
Michael T Ganschow Green: Or you just have to put up the files you've changed, so my case the on the change that I have made is to my index dot html.
Michael T Ganschow Green: As it says today at 6:11pm so i'm going to take that index dot html pink and i'm going to drag and drop it into my student folder is going to be like.
Michael T Ganschow Green: there's an index file that already exists, yes i'm well aware of that index file that already exists, so going to mash okay now suddenly it's all okay.
Michael T Ganschow Green: alrighty then so.
Michael T Ganschow Green: Now, the only thing left to do is to put up my project three folder so i'm just going to click that guy and drag and drop him into my file Salah and away we go we're now putting everything up, including.
Michael T Ganschow Green: My giant asset working graphics but everything is rolling up at the same time as well look at that giant working graphics as a half the size of the thing.
Michael T Ganschow Green: I got 50 seconds left chicken tikka tikka tikka tikka tikka tikka tikka looks like the rest of it's going up to look at the rest of that website go check it check it check it check it so.
Michael T Ganschow Green: Once my website is up more or less.
Michael T Ganschow Green: Not quite done yet, so now we are there, goes with keep continuing through some begins oh there's a web fonts that's awesome js files.
Michael T Ganschow Green: So now all that has left put up with my work and graphics folder cool I can take this thing for a test drive so in order to take it for said test drive I go to my.
Michael T Ganschow Green: Student work page.
Michael T Ganschow Green: and go find my student work folder and I click hello, and because my homepage is named index it POPs right up yeah and if I click on my link boop.
Michael T Ganschow Green: POPs right into my ugly page not ugly page our lovely little responsive design DEMO and construction of the terrible website, we built in photoshop.
Michael T Ganschow Green: Yes, yes indeed now if I just wanted to go to my index because right now it's pointed at my ugly.
Michael T Ganschow Green: However, if I just type in the folder name and finish it with a slash it opens up my index from this other thing notice this one says, Michael there it is, I mean that's my other index where as.
Michael T Ganschow Green: I mean here boop click on that I had ever go we're heading into my ugly now a couple of things that keep happening to people.
Michael T Ganschow Green: Judging by the questions that i've gotten this week okay is one there's a lot of question about why won't my homepage appear and there's usually a couple reasons I either a the folder that you have uploaded has spaces capital letters or special characters in it and old things going.
Michael T Ganschow Green: or your homepage is not named index, do you want to make sure your homepage is named index so that will pop first in the browser and those are the two big ones that i'm seeing that are giving people headaches right now.
Michael T Ganschow Green: So that is putting up a project three so before I open the floor to the lab does anybody have any questions about uploading your project three.
gavinclouser: verbal question should we throw in our like word document with all of our likes like the style guide sheet all that so that'd be in the word, the word, you can package.
Michael T Ganschow Green: Correct correct, yes, that goes in your work that goes in your in your zipped up working graphics folder.
Michael T Ganschow Green: All basically you're working graphics folder is the digital equivalent of that Manila envelope of.
Michael T Ganschow Green: Work you turn in with your graphics projects same thing, in fact, if this is a physical class, you would actually be turning in essentially you're working graphics folder as a physical Manila envelope, but since we're.
Michael T Ganschow Green: The you know the mcc is still closed and likely for the size of graphics classes will be effectively closed next semester as well we're gonna we got to do it all digital like so.
Michael T Ganschow Green: That somebody ran away.
Michael T Ganschow Green: Alright, so if there are no further project three questions, and I am going to stop my screen share so that you guys can share your screens and I am going to throw the floor open.
Michael T Ganschow Green: To a project three or other, you have other questions as well, this is an open lab, so I will be here doing now through 830 to answer your questions and then of course i'm available via canvas via email and via the forum so.
Michael T Ganschow Green: pleased to be asking me your questions alright pre recorded people I am letting you guys go unless there's a particular.
Michael T Ganschow Green: particularly striking question that I need to that, I think you guys would need to know i'm going to pause the recording and if I don't come back have a great evening and i'll see you guys on Tuesday.