Web Dev 1

Welcome to Website Development | CIS – 1151

Website Development will run throughout the second semester in parallel to our CAWD web semester of coursework.  WD assignments will always be given on Wednesday mornings at noon and be due two weeks later at the end of Homework Club that day (3pm).  The server and it’s time stamp will determine what is on time, and what is late.

I will not come to you and tell you – it will be posted and is your responsibility to keep up with the class.  It is actually easier for me if you don’t do the work and you fail (then I don’t have to grade you and I have more time to spend with my family!)  Obviously no one wants this, but Dual Enrollment is different than high school.

Website Development follows the progression of Cawd’s Web Design semester.  Cawd2 students may much of the content initial already, and may choose to add their additional knowledge to the projects, BUT must always ensure they hit the minimum requirements as a base.  If Erik example does a really nice CSS3 / JavaScript animation of a giraffe using Canvas…but doesn’t really do the assignment, he is going to fail – regardless of how impressive his non-assigned work was.  Cawd2 students may feel like “…does Mr. Cronin really just want this…” in the beginning.  So long as you do what was assigned you will do fine.

** Cawd2 students that are unclear on content need to see me early to get clarification on a lesson or project.  You are in a different room, you need to self-advocate.

Questions, ask.  I often check email when not in class.

Turning in Assignments

Website Development files must be in a “webDev” folder on your server space outside of your weekly folders.  If you have an index.html or .php inside of your root directory, it is imperative that you have “webDev” typed exactly as specified, so I can get to it.

Inside your “webDev” folder you will follow specific assignment directions for folder creation / saving files.  This will show up in the specific assignment.

As this is a college class, we are expecting more of a mature, independent, organized approach to your work.  If you are late with an assignment you will receive a three letter grade deduction.  An “A” project would go to a “D” for example.  This is not high school, there will be no “holding hands” in this class to make sure you get it done.  You are getting college credit as a college student, plan to be organized.

Grade Composition

Your WD grade is 50% CAWD, and 50% WD specific work.  Two main ideas to keep in mind:

  1. Your relatively small WD specific assignments count proportionally larger in your grade than your CAWD work.  Don’t rush them or “mail them in”. In essence what you do for the entire week in class counts as much as your single college assignment.
  2. Your weekly CAWD grade includes worker traits, quizzes, etc.  How you carry yourself (including CAWD2 students in CAWD2) will have an effect on your overall grade.

While nobody in the real world will see your high school GPA after you are 22 or so…your college course record follows you to the grave.  I have a D- in “History of the Ancient Greeks” which I will always have because I slacked off the spring semester of my senior year in undergrad, and I very much regret this.  You cannot slack off in this class as it could determine college acceptance, college GPA rewards (internships, preferred class / housing selection) and scholarship money.

All of the above information will not show up in further assignments, but is assumed you understand it, and will always live in Week 1 for reference.

Web Dev 1 Assignment

Part 1

In Part 1 of your Website Development assignment you are going to setup your home computer with the programs you would need if you wanted to do Web Design and Development work at home – create a Home Office.  Compared to our 3D semester where powerful computers were more or less required, you can do web design and development on a relatively old, weak, computer.  You could start a rival to Dealer.com with a used laptop, an internet connection, motivation, and some development software.  This is what we will setup this week in Part 1.

We will be asking you to find open source / free software solutions that allow you to accomplish the following tasks you will need to do in this class.  You will install these on your machine so you can work at home.

Program 1: Software to write code in:

Find software to install on your machine at home which allows you to write and save html/css/javascript code (if it can write one, it can likely write them all).  Consider software such as Notepad ++, Brackets, Atom, etc.

Program 2: Software to create / edit images in:

Find software to install on your machine at home which allows you to create and edit images, create logos, banners, and other web graphics.  Consider software such as Gimp.

Program 3:  FTP software to connect to web servers:

Find software which allows you to ftp into web servers.  Consider software such as FileZilla, or Cyber Duck depending on your operating system.

Program 4:  Online storage software:

Setup a cloud based online storage system.  You can install this at home and in Cawd so you can save in one folder and it is available in all locations.  Consider something like Google Drive, or Dropbox.

Program 5 (optional): vector art program

Install Inkscape – open source program specializing in vector art.

What to turn in:

Open up every program and align in windows so all 4/5 are on screen at once.  Take a print screen.  This will be evidence that you have installed these programs and home and are ready to work.

You are going to upload this image file to your “webDev” folder to a folder called “week_01″, in a sub folder called “part_01”.  Call the image “software.jpg”.

  • Assigned Wednesday February 15th (at noon)
  • Due Wednesday March 1st (3pm)

** Notice that the 1st assignment is due during vacation, and the next assignment will be assigned during vacation.  This is why it is imperative that we setup our Home Office.  If you cannot work during vacation you must get this work done before you leave for February vacation.

Part 2

You are going to create a 4 page on the history of the web browser.

Use headings, paragraphs, links, images, and css to build your design.

Content Requirements

  • Page 1 – the landing page – What is a web browser?  What does it do?
  • Page 2 – what was the first web browser?  History of.
  • Page 3 – what are the common, current web browsers?  What are their usage rates?  How much do they cost?  What are some advantages / disadvantages of some you find?  Give me maybe 3 or 4.
  • Page 4 – today’s browsing.  What are the web browsing statistics for desktop vs. mobile?  How is the data trending?

Cite everything, links at the bottom of each page where you get your information.  

Technical Requirements

  • Navigation / Header in a consistent location in the upper left
  • External CSS
  • Use of Javascript to create a rotating image gallery on one of the pages
  • Use of an index.html for the landing page
  • Valid html5
  • Use of an image on each page (at least)
  • All content in a center channel div

You are going to upload this project to your “webDev” folder to a folder called “week_01″, in a sub folder called “part_02”.  Upload your website to this folder (using an index.html).

  • Assigned Wednesday February 15th (at noon)
  • Due Wednesday March 1st (3pm)

In closing

Questions ask early.  I do not sit with students between 2:05 and 3 during Homework Club the day a project is due and explain / help you with college work.  If I did this it would:

  1. Encourage a “last minute” work ethic.
  2. Take away from working with the other kids.

Email me as well!  You know I have no life.

Finallywelcome to college.

Copyright © 2004 - 17 cawd by Steven Herr. All rights reserved.