Common Problems
Here are some common problems I am finding:
Don't Use the File Structures you saw in Student Web Samples from Last Semester
My bad: When I showed student sample sites from last semester, they were on the Opal server. Remember that we are not using the Opal server. (I have updated this page to strike out references to Opal.)
In your web repository for Source Control, you should not have a 2.1 or 2.2 directory in there, like they did: they did not have two repositories. They only had one. So their website and their tasks were all lumped together. That would work on Opal, but that will not work on Carolina Cloud Apps.
Take a look at my 2017-fall-inls161-website repository. You will see that I have three directories that are designated with a black folder icon: one css folder, onejs folder and one imagesfolder.
Then I only have my various .html files, one blank .php file, and a README.md file. This should be the model you follow. (Your class .html files will be different from mine, but you should have the primary pages and an index page like mine.
You change CSS, and refresh, but your changes don't work
This can be a problem with the browser cache. Read this article for more background: Bypass Browser Cache
Links on desktop work, but don't work on Opal Carolina CloudApps
This is usually because your laptop is more forgiving on mixed case with filenames: a link named photo.html that refers to a file named PHOTO.html might work on the computer, but not on the Opal Carolina CloudApps server or other servers you might use in the future.
spaces in filenames:
my photo.jpg is not best practice. Use an underscore or hyphen: my_photo.jpg or my-photo.jpg or even myPhoto.jpg. Capitals are okay as long as long as you remember that myphoto.jpg and myPhoto.jpg will not work on Opal if your link and the image are not exactly the same. They must be exactly the same. As I have stressed before, stick with a convention that you use all of the time so you don't have to remember variations. Most content management systems automatically create page names with all lowercase and hypens with no space, so that is the convention I try to stick with.
<center> tag is not valid anymore
Use the CSS classes in your custom.css file.
the project/repository folder name has spaces
is not best practice for web design. git rid of the spaces.
Careless Omissions
it's not my job to check what you have flat out missed!! open the grade sheet and check to make sure you are doing all the required things. If you have a question or it breaks, that is okay. I will help with that. Refer to the 2.2 task page on the web site.
Duplicated head or body tags
make sure you only have only one head section and one body section.
Active Page
if you are using the 2.1 theme you make your clicked page active like this: <a class="active" href....
last page update: Friday Oct 20, 2017