CGS2820 MastHead, Professor Floyd Jay Winters SCF Home page for Professor Winters Windows Internet Explorer Website Firefox Browser Website Apple Safari Browser Website Google Chrome Browser Website Outlook: Microsoft Email client. Link to Wiki info Notepad: The Windows Text editor - Start > Programs > Accessories DreamWeaver: The industry leading Web Editing Software package - Website Students can download Expression Web for Free - Website Adobe Acrobat: Make PDFs which can be used on the Web - Website Adobe PhotosShop:  The industry leading image editing software package - Website Microsoft Paint: Start > Programs > Accessories > Paint. Link to Wiki info http://bradentonwebsitedesign.com PhotoFiltre: Very Good and Free Photo Editor - Website Windows Snipping Tool: Start > Programs > Accessories > Snipping Tool. Capture a screen shot or snip of any object on your screen. Link to Wiki info Audacity: Free Digital Audio Editor - Website Apple iTunes Website Apple QuickTime Website: Audio and Video Windows Media player: Audio and Video Website Windows Movie Maker info. Link to Wiki info You Tube Website RSS definition. Link to Wiki info Folder Icon: Make sure you set up a Website folder. Choose Site > New Site Download Fire FTP - Website Student Sites CGS2820 Folders
Online Tutorials:   Notepad Tutorials  | Online eBook | Win Web Tutor  |  w3schools  |  Quackit  |  All Tags 
Video Tutorials:   First Notepad Page  |  Expression Web  |  Dreamweaver Tutorials
Assignments:
100 points each.
Upload all assignments to the appropriate Canvas Assignment Dropbox.
Due Dates:
Class starts W 01/11
00 Photo extra credit
Due S 01/21 10pts
01 Mockup  (Video)  (Vid)
Due S 01/21  (fjw Video)
02 1st Page  (fjw Video)
Due S 01/28  (fjwVideo)
03 Images & Links  (Vid)
Due S 02/04  (fjw Video)
Test 1 W 02/08
(Video)  (Video)
04 Internal Stylesheet 
Due S 02/11  (fjw Video)
05 Lists & Chars  (Video)
Due S 02/18  (Video)
06 Table Portfolio
Due S 02/25  (Video)
07 Newsletter/css  (Vid)
Due S 03/04  (Video)
     Show & CritiqueShow & Critique

Each student will provide feedback for two other student sites - mention what is good about the evaluated student site and suggest things on how to improve the evaluated site. During this time the students may ask: How did you do that? or How would I do this?
03/06-10 Spring Break
Test 2 W 03/15
08 Resume  (Video)
Due S 03/18 (fjw Video)
09 CSS & Nav  (Video)
Due S 03/25  (Video)
See Viewing Styles
CSS Tutorial & Quiz
See Nav Buttons
See Free templates
10 Form  (Video)
Due S 04/01  (Vid2) (Vid3)
11 JavaScript  (Video)
Due S 04/08 in class
JS Tutorial & Quiz
12 Media  (Video) (Video)
Due S 04/15
Discuss Social Media
13 RWD (avoid tables)
Due S 04/22.
14 PHP/ASP  (Video)
Due S 04/29 extra cred.
PHP Tutorial & Quiz
ASP Tutorials
XML Tutorial & Quiz
SQL Tutorials
15 Presentation
Ex. Cred: see Professor
Email topic by S 04/15
Email form by T 04/18
Presentation: W 04/19
99 Practice Final Exam
On W 04/26 in class

Exams:
Ten 10-question, 10-point Canvas Quizzes at the very beginning of most Tuesday classes for a total of 100 points.
See: Quiz Reviews
Practice:W3 schools CSS

Two hands-on Tests in the lab worth 100 pts each.
Test 1 & Test 2

Hands-on Final exam
in the lab, 400 pts.
Wed 05/03 at 2:00


JS 3 Month Calendar

Top


Web icon image

Syllabus for Web Page Development CGS 2820C

This is a live, interactive syllabus. Do NOT print

Click here for 30 Second Welcome YouTube Video from Professor Floyd Jay Winters

CGS2820C is a 3-credit A.S. course. This syllabus is for the Spring 2017. CRN 20377
Course Performance Requirements: Click "course_performance_standards.asp"
This is a live, interactive document. I suggest you bookmark it, and do not print it out.
Always view the most recent copy of your web pages; set your browser to Refresh on Every Visit. On some browsers choose: Internet Options > Browsing History > Settings.

Professor: Floyd Jay Winters, Ed.S., CIW (Certified Internet Web Assoc.), ACA (Dreamweaver CS5)
Class Room: Bldg. 18-202 Wednesday 2:00-3:50PM
Best Office Hours: Immediately after class
Email: WinterF@SCF.edu. All course communication should be through Canvas email.

Course Description: CGS 2820C, web page Development will give students the skills to build web pages in HTMLHTML

Html is an acronym for HyperText Markup Language. It is the language that web pages are written in. This language consists of Tags – which are basically commands enclosed in angle brackets (< >). Most tags are turned on and then turned back off (by placing / in front of the tag).

For instance:
To turn on html enter: <html>
To turn off html enter: </html>
To turn on the page body enter: <body>
To turn off the page body enter: </body>
with a  Cascading Style SheetCascading Style Sheet (CSS)

A Cascading Style Sheet separates the document content (text and images) from the document presentation (colors, fonts, and layout). A CSS document is a separate page that is not visible to the person viewing the web page. Whereas HTML pages often have a .htm file extension, CSS documents have a .css extension.

One CSS page is typically linked to the entire site to give a consistent look and feel. Thus, changing one single line in the CSS, such as the background color, will change the background color for the entire site.
, a NavigationNAVIGATION

Navigation is basically your web page menu of links to other pages on your site. For instance the horizontal navigation bar for a website developed for this class will probably have links to the Home page, Resume, Portfolio Page, and Contact page.
bar, multimedia (audio, video, Java applets), forms, and an introduction to JavaScriptJAVASCRIPT

JavaScript is a client-side scripting language which can give web pages user interactivity; it has a similar look to Java programming and CSS. JavaScript can allow Interactivity such as: displaying Pop-up messages, allowing image rollovers, changing the cursor appearance, performing calculations, and implementing form Validation…
. Dynamic HTML is introduced to make interactive web pages. All students will have a live portfolio website before the end of class. We will use NotepadNOTEPAD

Notepad is a free "Text Editor" that comes with Microsoft Windows. It is commonly used by both professionals and beginners alike to make quick web page edits in HTML (HyperText Markup Language - the language of web pages).

Unlike a word processor, Notepad does not add extra code for things like margins and printer definitions. Notepad does not allow you to set fonts or colors or even bold. Notepad files are very small.

You can open Notepad by choosing Start > All Programs > Accessories > Notepad.
for the first 6 weeks and Microsoft Expression WebEXPRESSION WEB

Expression Web (free to students with a .edu email address) is Microsoft Windows' HTML editor and web design software product; it allows you to create standards-based websites faster and easier. It uses "IntelliSense" to autocomplete code. It is part of the Expression Studio suite.
and Adobe DreamweaverDREAMWEAVER

Adobe Dreamweaver CS6, (academic price $149) is the industry-leading web design software program, an outstanding visual HTML editor and a superb code editor, with excellent autocompletion and validation features. Dreamweaver is part of the Adobe CS6 suite.
for the last 10 weeks. Note: Students can get the complete Adobe CC suite (Photoshop, Dreamweaver,  Illustratot, InDesign, Acrobat...) for $19.99 per month.

Download Microsoft Expression Web 4 (Microsoft Expression Studio) for free (at DreamSpark.com) shortly after class starts. Click on the Institution Subscriptions link on top, and then enter State College of Florida in the upper right corner in the text box for enter school name or click on the grey Don't see your school? link and use the dropdowns. Register with your scf.edu email and follow the steps provided to download the software installer and program. The main downloaded file is an .iso file (International Organization for Standardization), which is an "image" of an entire DVD that will be "burned" to a disc if you right-click on the .iso file. When done, insert the newly burned DVD and launch the install program.

You can also download a 30 day trial version of Dreamweaver for the last part of class. (For Mac users, use TextEdit in place of Notepad - See Video, then use a free HTML editor like Komodo Edit or Brackets (both Mac and PC) after you get comfortable writing code with TextEdit.)

Text book: Your professor has gone to great lengths to build and assemble extensive and free online text and video resources for you in place of purchasing a required textbook. There are links to these free eBooks and tutorials at the top of this syllabus. These free resources will save you a considerable amount of money. However, each student is required to buy a Domain NameDOMAIN NAME

A Domain Name is an organization, business or personal name on the Internet such as:
BillSmithOnline.com or BillSmith.net or BillSmith.org or BillSmith.info or BillSmith.biz

Your full Domain name is your Web address. A domain name consists of several parts. The letters www. before the domain name mean that what follows describes the location of a site on the World Wide Web. The last two or three letters of a Web address are known as its top-level domain: .com, .gov, .edu, .net, .org, .biz, .info, .uk ...
(cost between $1.99 and $12.00) and purchase HostingHOSTING

Hosting is when a company which owns Web servers will host or allow individuals to store their web pages on the company Web servers for a fee, usually $4.00 or $5.00 a month. Typically, you pay less per month, if you purchase a year or two years of hosting up front.

An example of a company that will register your domain name, give you an email account associated with your domain name, and host your website is GoDaddy.com.
on a Web ServerWEB SERVER

A Web Server is a combination of hardware (computers and storage devices) and software used to store and deliver web content that can be accessed online. As an example, a web server is used to host or store and deliver the content for the SCF website at http://scf.edu.
for at least 4 months (cost about $5.00 per month.) Total costs for four months may be less than $29; however I recommend you pay for a full year's hosting up front. These fees are far less than half the cost of a book. Purchasing domains and hosting plans will be covered in class.

For more information on getting your own Domain, see Domains and Hosting and FTP (PDF). You can buy a .info domain at www.GoDaddy.com for $1.99. It is better to buy a .com, .net, or .org for a little more money. Almost all students use GoDaddy, which is highly recommended due to cost, and most importantly the support, because if you need help you can ask your classmates, your professor, and the excellent 24/7 GoDaddy phone support can be invaluable. Ask GoDaddy for: 1. Domain Name, 2. Hosting for 6 months to 2 years (the longer the term, the cheaper the rate), 3. Free Email, 4. Economy package, 5. A Linux server. 6. Make sure your hosting includes the cPanel, 7. Do a web search for GoDaddy Coupons. The cost for a domain and 6 months hosting should be less than $39. 8. Do NOT get a Website Builder or an "Instant" website or any other template or code generator. You will be building your own website from scratch, creating your own code using only Notepad for the first part of this course.
You may be able to get a discount by visiting:
http://retailmenot.com/view/godaddy.com or by doing an online search for GoDaddy Coupons.
See Setting up a GoDaddy FTP Account for a pictorial tutorial on the new GoDaddy cPanel
Also see Quackit Web Hosting Tutorial.

Once you set up a hosting account, make sure you know your domain UserNameUSERNAME

A UserName is a unique alphanumeric identifier used to grant a person access to a computer or an account.

For example: WintersF
 and PasswordPASSWORD

For added security be sure to use Strong Passwords which must be at least 8-characters long, contain at least one upper and lowercase character, one digit, and one punctuation character.

For example: Hard2Cr@k
. A hosting customer may own multiple domains. Consequently, many hosting companies, such as GoDaddy, issue both a hosting Account number or name and a separate UserName for your domain. Account logins and domain FTP logins are often different.

To FTPFTP

FTP is an acronym for File Transfer Protocol, which allows a Webweaver to upload their files to the remote server or host. FireFTP (an add-on to Firefox) is an example of a free and easy FTP client. However, most web page editors, such as Dreamweaver or Expression Web include an FTP client under the Site menu option.
or publish a website using Expression Web see (or Dreamweaver), click below:

0ClassFolders/2820Web/ExpressionSiteDemo/Setup.htm
To quickly use GoDaddy's FTP client (hosting control center): hcc.cc (use main account PW)

 In the end, the root folder of your actual local and remote website should look like this:
 images      [Dir] This is a subFolder - All images except possibly favicon.ico go here 
    contact.htm  
    favicon.ico This is often in the images folder
    index.htm Your Home page (usually must be in lower case)
    newsletter.htm  
    portfolio.htm Your artwork, or books, or items for sale...
    resume.htm  
    webformmailer.php Godaddy/Linux Script used to process forms
    yourSiteName.css Your external stylesheet
    yourXterrnalJavaScript.js An external JavaScript file

Grade Scale: A: 90 - 100% | B: 80 - 89% | C: 70 - 79% | D: 60 - 69%
Class Assignments: 100 points each. (1 extra Credit Assignment: PHP/ASP)
Canvas Quizzes: Ten 10-point, 10-question quizzes worth a total of 100 points
Hands-on Tests: Two tests worth 100 points each
Hands-on Final Exam: 400 points. Make-up Quizzes, Tests, Exams will NOT be given
For extra credit there is an Canvas Photo assignment, an online Office and Windows Shortcut quiz, an online Windows Quiz, and a PHP & ASP assignment. To see your grades in Canvas click on the Grades link on the left side of the Canvas screen.

Late Assignments Policy: Three points will be deducted for each day an assignment is late for the first 3 weeks, and 1 point will deducted for each day late thereafter.

1. It is not hard to get a 100 on almost all assignments - just check to make sure you satisfy all of the grading criteria, which can be found by clicking on the assignment links on the top navigation bar. Additional student resources are available on the instructor’s website.

2. If you have questions, feel free to visit me during my office hours or after class.

Helpful Links:
Department web page: http://www.scf.edu/Academics/BusinessTechnology/computer_science/
Virtual Library: http://www.scf.edu/library/
Academic Resource Center: http://www.scf.edu/studentservices/AcademicResourceCenter/
Student Services: http://www.scf.edu/StudentServices/
Online Learning: http://www.scf.edu/Academics/OnlineLearning/

Technical Assistance: helpdesk@scf.edu or call SCF at 941.752.5357 or
contact the Online Academic Services Help Desk 24/7 Toll free: 866.506.1188 or https://supportcenter.embanet.com/scf

Student Responsibility: All assignments should be emailed to the instructor through the Canvas email online learning software platform by the due dates provided in the assignment schedule shown on this syllabus. Additional questions and correspondence should be submitted to the instructor through Canvas email. Proofread, Spell-check, professionally write, and include a meaningful Subject line for all email. Label all assignment email with the assignment name in the Subject line, such as Resume Assignment and your issue. The instructor will answer all correspondence within 48 hours.

Standards of Conduct: Students are expected to abide by all Student Handbook guidelines.

Withdrawal Policy: In accordance with the State College of Florida policy as stated in the college catalog, students may withdraw from any course or all courses without academic penalty of a WF by the withdrawal deadline as listed in the State College of Florida academic calendar. See the online Academic Calendar for important dates. The student must take responsibility for initiating the withdrawal procedure. Students are strongly encouraged to talk with their instructors first before taking any withdrawal action. In addition, students should note that faculty may also withdraw students for violating policies, procedures, or conditions of the class, as outlined in individual class syllabi, and such action could affect financial aid eligibility.

Statement of Plagiarism: Plagiarism is the use of ideas, facts, opinions, illustrative material, data, direct or indirect wording of another scholar and/or writer—professional or student—without giving proper credit. Expulsion, suspension, or any lesser penalty may be imposed for plagiarism. Copying another student's work will result in a zero for both students.

Disability Resource Center Information: SCF has a Disability Resource Center (DRC) to assist students. To request academic accommodations due to a disability, please contact the DRC at 752-5295 in Bradenton or 408-1448 in Venice, or by email at DRC@scf.edu. If you have already requested academic accommodations through the DRC for this course please meet with me to discuss your specific needs