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 FileZilla FTP - Website Student Sites CGS2820 Folders
Web icon image

Assignments for Web Page Development CGS2820C

Fall 2020. CRN 15170 B01 (See Canvas for routine Syllabus and SCF policies)

This is a live, interactive document. Do not print, because it will be updated as links change. Always view the most recent copy of your web pages. Refresh on Every Visit. I suggest you bookmark this page.

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

Click here for Do what you feel passionate about -- Denzel Washington
Have Goals, Daily Goals, We don't plan to fail. We fail to plan, Hard Work Works.

CGS2820C is a 3-credit A.S. course.
Course Performance Requirements: Click "course_performance_standards.asp" 

Professor: Floyd Jay Winters, Ed.S., CIW (Certified Internet Web Assoc.), ACA (Dreamweaver CS5)
Class Room: Live online using Microsoft Teams Thursday 6:00-7:50PM
Best Office Hours: Immediately after class or as needed
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
We will use 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,  Illustrator, InDesign, Acrobat...) for $19.99 per month.

You can also download and use Microsoft Expression Web 4 for free.

You may also be able to 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 NotePad++, 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 as little as $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. Economy package,
4. A Linux server,
5. Make sure your hosting includes the cPanel
   A. Do a web search for GoDaddy Coupons. The cost for a domain and 6 months of hosting should be less than $39.
   B. 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.
   C. Once you set up a hosting account, make sure you know both your GoDaddy ID and password as well as your domain cPanel/FTP 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. GoDaddy Account logins and domain FTP logins are different.
   D. See GoDaddyFileManager.pdf for one way to upload files.
   See Setting up a GoDaddy FTP Account for pictorial tutorial on GoDaddy cPanel.

To FTPFTP

FTP is an acronym for File Transfer Protocol, which allows a Webweaver to upload their files to the remote server or host. NppFTP (an add-on to Notepad++) 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 NotePad++ NppFTP click below:
https://faculty.scf.edu/winterf/0ClassFolders/2820Web/Notepad-NppFTP.pdf

or https://webhostinghub.com/help/learn/website/managing-files/notepad

To FTPFTP

FTP is an acronym for File Transfer Protocol, which allows a Webweaver to upload their files to the remote server or host. NppFTP (an add-on to Notepad++) 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

 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 go here 
    contact.htm  
    favicon.ico This is often in the images folder
    index.htm Your Home page (usually must be in lower case)
    js.htm Javascript library demo
    media.htm Media library demo
    newsletter.htm  
    portfolio.htm Your artwork, or books, or items for sale...
    resume.htm  
    transcript.htm Your Transcript using unordered and ordered lists
    FormProcess.php Php Script used to process forms
    yourSiteName.css Your external stylesheet
    yourExternalJavaScript.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/
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, Withdrawal Policy, Statement of Plagiarism (copying another student's work will result in a zero for both students), Disability Resource Center Information, and Covid 19 information policies are available through the Syllabus link in your Canvas course.

Top

JS 3 Month Calendar