100 points each.
Upload all assignments to the appropriate Canvas Assignment Dropbox.
- Due Dates:
- Class starts W 09/10
- 00 Photo
- Due S 09/02
- 01 Mockup (Video) (Vid)
- Due S 09/02 (fjw Video)
- 02 1st Page (index.htm)
- Due S 09/09
- (fjwVideo) (fjw Video)
- 03 Images & Links (Vid)
- Due S 09/16 (fjw Video)
- (Video) (Video)
- 04 Internal Stylesheet
- Due S 09/23 (fjw Video)
- 05 Resume & Nav (Video)
- Due S 09/30 (fjw Video)
- 06 Lists & Chars (Video)
- Due S 10/07 (Video)
- 07 RWD Portfolio
- Due S 10/14 (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? - Hands-on Midterm
- 200pts T 10/16
- 08 Newsletter (Vid)
- Due S 10/21 (Video)
Start Media Query - See Viewing Styles
CSS Tutorial & Quiz - See Nav Buttons
See Free templates - 09 Table & Form (Video)
- Due S 10/28 (Vid2) (Vid3)
- 10 Table & Form (Video)
- Due S 11/04 (Vid2) (Vid3)
- 11
JavaScript (Video)
- Due S 11/11 or 11/18
JS Tutorial & Quiz - 12 Media (Video) (Video)
- Due S 11/18 or 11/25
Discuss Social Media - 13 RWD (avoid tables)
- Due S 12/02.
- Bootstrap 1
- Bootstrap 2
- 14 PHP/ASP (Video)
- Due M 12/03 extra cred.
PHP Tutorial & Quiz
ASP Tutorials
XML Tutorial & Quiz
SQL Tutorials - 15 Presentation
- Ex. Cred: see Professor
- Email topic by M 11/26
Email form by M 12/03
Presentation: T 12/04 - 99 Practice Final Exam
- On T 12/04 in class
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
Hands-on Midterm 200 pts
Hands-on Final 400 pts.
Wed 12/11 at 2:00 & 6:00
Design: Wire Frames
Win Web Tutor
w3schools Tutorials
www.quackit.com
HTML 5 Tags HTML5
CanIUse.com (HTML5)
Mac TextEdit screen
Komodo Edit for Mac
Notepad++
Brackets Editor
FTP & Expression Web
FTP & Exp Web Setup
FTP & DW Site Setup
Free Downloads
Favicon Generator
Accessibility: 508
Word web pages
Shortcuts: Win, Word, DW
Dreamweaver Help
Photoshop Videos
Free Graphics More
Archive.org free from past
Pictaculous.com: colors
Typography Rules
Colors Scheme Designer
CSS Gradient Generator
Buttons | Button Generator
CSS Nav Style Demo
View CSS | CSS3 Demo
Exp, Web Style Layout
Free Templates wait!!!
Media Queries - Samples
WordPress Theme Detect
JavaScript Tutor
JQuery Cheat-sheet
DynamicDrive.com
Hotscripts.com jquery.com
Audacity (audio) | Tutorial
Online-convert.com
Zamzar.com (video)
http://php.net
asp_incfiles.asp
SEO (Search Engine)
Google Webmaster Tools
Google Guidelines
Site Map Builder
Validator.w3.org
validator.nu (HTML5)
Validate CSS
Web page Optimizer
Google.com/test/amp
Copied content Check
Broken Link Check
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
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. Syllabus for the
Fall 2018. CRN 10376 & 10377
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
Tuesday 2:00-3:53PM, 6:00-7:53
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.
You can Download Microsoft Expression Web 4
(Microsoft Expression Studio) for free.
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 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. 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
| 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) |
| 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 |
| 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