a repository to help introduce and orient students to the GitHub collaboration environment, and to support the web development classes at Pitt-Greensburg
Project Guidelines: DUE on Monday, Dec 10@11:59pm
The goal of your Course Project in CS134 is to create an informative, technologically-sophisticated, and tasteful web site that will demonstrate your programming skills to future employers, and to provide the basis for a portfolio that is appropriate for Pitt-Greensburg's Digital Studies Certificate. Your project must contain, at least, two primary components, although additional pages of developed content of your choice are encouraged:
A) A Home Page (index.html) in which you introduce yourself.
B) A Resume in which you list and describe your relevant skills and experiences, stored in a directory in your webspace called "html"
move the current contents of your public_html folder into a folder called "old". This will preserve them intact while they are graded. You can copy these back into your root directory as you restructure this space for this project.
your Home Page must contain at least one relevant and meaningful image that is linked to an image-file in your webspace, stored in a directory called "img" or "images". Remember that all images should be scaled or sized using rules in your CSS-file, and should be positioned in relation to your text, and other images, through utilizing the CSS Box Model, and especially, Flexboxes.
all pages must be styled by CSS in an external file, stored in a directory in your webspace called "css" or "styles". You may use multiple CSS-files to style your pages, if you wish, although using the same CSS-file across all of your pages ensures a consistent, and professional, look.
at least one page must use a server-side include, stored in a directory in your webspace called "ssi". Again, you may use multiple SSI-files on your pages, if you wish, for headers, footers, menu bars, etc. Using the same SSI-files across all of your pages, again, ensures a consistent and professional look.
at least one page must use some javascript, stored in a directory in your webspace called "js" or "scripts", to add some additional interactivity and functionality to a webpage. Again, you may use multiple js-files on your pages, if you wish, but using the same js-file across all of your pages ensures that your functions are always and consistently available.
REMINDER: links to third-party javascript libraries, css, or ssi, are not allowed. If you find javascript functions or css styles that you like, you can copy those components into your own .js or .css files, with comments telling me (and you) where they came from.
use comments in all HTML, CSS, SSI, and javascript files with your initials and date, to introduce, explain, and organize your code:
<!-- ghb 2018-12-03: This is a comment in an HTML or SSI file -->/* ghb 2018-12-03: This is a comment in a CSS or javascript file */
Feel free to delete any earlier comments added incrementally while doing the homework assignments.
push all content to your personal Github repos and to public_html on your webspace. Your personal Github repo and public_html should contain the following folders:
unix
web
index.html
index.html
css
styles
html
html
img
images
js
scripts
old
old
ssi
ssi
other things to include on your Resume: you should list the editing and web technologies with which you are now experienced: Oxygen XML Editor, HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), Javascript, Server-side Includes, Adobe Photoshop, SVG (Scalable Vector Graphics), and GitHub (including a link to your well-organized personal Github Repo).
Project Guidelines: DUE on Monday, Dec 10@11:59pm The goal of your Course Project in CS134 is to create an informative, technologically-sophisticated, and tasteful web site that will demonstrate your programming skills to future employers, and to provide the basis for a portfolio that is appropriate for Pitt-Greensburg's Digital Studies Certificate. Your project must contain, at least, two primary components, although additional pages of developed content of your choice are encouraged: A) A Home Page (index.html) in which you introduce yourself. B) A Resume in which you list and describe your relevant skills and experiences, stored in a directory in your webspace called "html"
here are some examples of things you can try
https://github.com/ghbondar/webDevClass-Hub/issues/9
move the current contents of your public_html folder into a folder called "old". This will preserve them intact while they are graded. You can copy these back into your root directory as you restructure this space for this project.
your Home Page must contain at least one relevant and meaningful image that is linked to an image-file in your webspace, stored in a directory called "img" or "images". Remember that all images should be scaled or sized using rules in your CSS-file, and should be positioned in relation to your text, and other images, through utilizing the CSS Box Model, and especially, Flexboxes.
all pages must be styled by CSS in an external file, stored in a directory in your webspace called "css" or "styles". You may use multiple CSS-files to style your pages, if you wish, although using the same CSS-file across all of your pages ensures a consistent, and professional, look.
at least one page must use a server-side include, stored in a directory in your webspace called "ssi". Again, you may use multiple SSI-files on your pages, if you wish, for headers, footers, menu bars, etc. Using the same SSI-files across all of your pages, again, ensures a consistent and professional look.
at least one page must use some javascript, stored in a directory in your webspace called "js" or "scripts", to add some additional interactivity and functionality to a webpage. Again, you may use multiple js-files on your pages, if you wish, but using the same js-file across all of your pages ensures that your functions are always and consistently available.
REMINDER: links to third-party javascript libraries, css, or ssi, are not allowed. If you find javascript functions or css styles that you like, you can copy those components into your own .js or .css files, with comments telling me (and you) where they came from.
use comments in all HTML, CSS, SSI, and javascript files with your initials and date, to introduce, explain, and organize your code:
<!-- ghb 2018-12-03: This is a comment in an HTML or SSI file -->
/* ghb 2018-12-03: This is a comment in a CSS or javascript file */
Feel free to delete any earlier comments added incrementally while doing the homework assignments.after uploading to web space, check to see if your HTML and CSS are valid using the validator sites: Validate your HTML: https://validator.w3.org/ Validate your CSS: http://jigsaw.w3.org/css-validator/
push all content to your personal Github repos and to public_html on your webspace. Your personal Github repo and public_html should contain the following folders:
other things to include on your Resume: you should list the editing and web technologies with which you are now experienced:
Oxygen XML Editor, HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), Javascript, Server-side Includes, Adobe Photoshop, SVG (Scalable Vector Graphics), and GitHub (including a link to your well-organized personal Github Repo).
other additions to consider: a) Some discussion of Pitt-Greensburg's Digital Studies Certificate: http://greensburg.pitt.edu/academics/info/digital-studies (especially if this is something you wish to pursue) b) Select and include a Creative Commons license and badge on at least one of your pages: https://creativecommons.org/share-your-work/