Week 10
In Canvas - Quiz 04 - CSS Mechanics
Assignment due by Thursday 04-02-2020 at 11:59pm
Goal- Help your peers share in your learning process
- Create WebPage10.php
- Due by Thursday 04-02-2020 at 11:59pm
- One re-grade request allowed from Thursday 04-02-2020 at 11:59pm until Thursday 04-09-2020 at 11:59pm
- Grade value: extra credit up to 1% of your final grade
- Content should include
- Tell one challenge you had with completing MyInterest and how you overcame that challenge
- -50%: did not tell one challenge you had with completing MyInterest
- -50%: did not tell how you overcame that challenge
- Address all concerns identified on Kirk's Pet Peeves
Video/Transcript: IMS222 - WebPage10
(watch this video in a new tab or window)
WebPage10 is the first document that we're going to do as a PHP document instead of an HTM document. Now there are a few different ways to make a new document, I'm going to show you 2. The first way is to duplicate another document and rename it but you have to see the extension before renaming the extension. You can Google how to change extensions for your OS (Operating System) if this applies to you.
Another method is to create a new document in your text editor and save it as a PHP document. In my example, I saved it to the desktop, then I copied it to my web space.
I already worked on my WebPage10 earlier so I'm going to delete the blank document and rename my earlier work. The document doesn't have any PHP in it but will function like other HTM pages we have already created.
My WebPage10 includes standard HTML and new content in the body addressing the assignment.
Video/Transcript: IMS222 - Grading Sample for the MyInterest project
(watch this video in a new tab or window)
This video is only intended for my class for a short while
- Review Kirk's sample HireMe/index.php site
- Download KirksPictureGrabber.php to be used for a future project
- Download the zipped/compressed HireMe site, unzip it on your local machine, manually add folders and web pages on your site, then copy/paste my code to your manually created pages to start on your HireMe site
Project 03 - HireMe
You may want to download the zipped/compressed HireMe site, unzip it on your local machine, manually add folders and web pages on your site, then copy/paste my code to your manually created pages to start on your HireMe site if you have not done so already
Video/Transcript: IMS222 HireMe/index.php - Step by step instructions
(watch this video in a new tab or window)
Hi. Your Hire Me site. A culmination of all of the work you've done all semester. This is going to be a PHP website with all of the things that you might want to show for someone to hire you. I have a few examples of some things you might want to talk about so let's look at those.
Let's say you were looking for a photography job. You might want to talk about pricing and samples, testimonials, awards, contact info, things like that.
If you're looking to be a web designer, you may want to include languages, programs you've written with screen shots or things to buy; demo things on the site. You may want to look at plans for your future, and you may want to have your resume on it (no PDFs).
If you want to be a game developer, you may want to include game design, concepts and theory, your favorite games and why, list competitions you've participated in.
Take a look at other people's sites and see what they have. See if they have things that you want to include or exclude.
The hire me site is supposed to tell a potential future employer things about you, the things you're interested in, and the type of work that you're looking to do.
Let's dive in to the hire me site. I have my VPN client open and I'm going to connect. Once connected, I'll go to my Finder window and connect to my disk space. Then I'll go to my IMS222 folder and since I've already done this project, I'll rename the old version. Then I'll download the zip (or compressed) site from our class website, find the file in my downloads, double-click it to uncompress it, and copy it to my IMS222 folder.
While it's copying let's look at the site ( https://www.users.miamioh.edu/hopkinks/IMS222/HireMe/ ). The warnings were because the files had not all been copied. Refreshing the page after it's done takes care of that issue.
Looking at the code starting with the index page. You see that it includes the wwwsiteheader.php file which is similar to what we did on the MyInterest site, but done a different way. All of the wwwsiteheader.php code is included in the index page and can be included in other pages so you don't have to type it into multiple pages over and over. Similarly, each page includes the site footer. Lines 9 through 21 is part of an echo which dumps html to the browser. You should already understand that.
On line 7 I also include Kirk's Picture Grabber. When I reload the page, you can see it randomly grab a new image. It's slow in the video because I'm on VPN. Sadly, VPN slows down your network connection. Let's see how big the image is. It's 443K, which isn't super huge. All images in that folder are below a half of a megabyte, so that's OK. So it was just the VPN slowing me down.
Just because I included the picture grabber doesn't mean you should include the picture grabber. Include it if it makes sense. If there's no good reason to have it on your site, don't include it. The same is true for displaying the date. If there's no good reason to say what the date is, remove that code.
You also don't want to have a page called this, that, the other, and sample page. When I choose this, it takes me to this.php. You should not have a page with the name of this.php. Let's say you're into photography, you probably want to have a home page, and you might want to rename your this.php page to PhotographyGallery.php. Maybe you would have a bids page or a contact me, or samples of your work. Whatever reason you think someone would want to hire you, that's what you should put on your website.
You may be asking yourself how much or how little should I put on my website. The answer is, whatever you think you need. If you think you need a lot of data, put a lot of data/content. If you think only a little bit of information can get it across, just have a little bit, and that's fine too. There's no right or wrong answer. The question is, why would someone want to go to this site to hire you? If they're looking for a photographer and you have no samples of your photos then why would they hire you? They probably wouldn't. If you're a web designer and you have no samples of web design, why would they want to hire you?
I've included the KirksPictureGrabber.php program, a resume (that you may or may not want to have). Please don't put a PDF on your site. Double check the CSS to see if it has everything that you want. It's not super long. You will want to remove Kirks brown M&M ( KirksUnusedCSS_RemoveThisIfYouAreStealingMyCSS ).
I created separate directories for my home page images and my images for that page. If you're not using those, then you should remove them. If you want to put all of your images in one folder (like the img folder), that's fine. If you want to separate them out by page, that's fine too. Just be consistent in whatever you do.
Let's look at the footer for a moment. It's pretty short. I have some inline styling which you may or may not want to do.
Hopefully that is enough to get you started. I look forward to seeing your Hire Me sites.