| 
	|||||
| Year/Semester of Study | 1 / Fall Semester | ||||
| Level of Course | Short Cycle Degree Programme | ||||
| Type of Course | Compulsory | ||||
| Department | COMPUTER PROGRAMMING | ||||
| Pre-requisities and Co-requisites | None | ||||
| Mode of Delivery | Face to Face | ||||
| Teaching Period | 14 Weeks | ||||
| Name of Lecturer | CEREN BAŞTEMUR KAYA (ceren@nevsehir.edu.tr) | ||||
| Name of Lecturer(s) | KADİR ABA, KADİR HALTAŞ, MEHMET KIRTAY, FETHULLAH MUSTAFA AKALP, | ||||
| Language of Instruction | Turkish | ||||
| Work Placement(s) | None | ||||
| Objectives of the Course | |||||
| The aim of this course is to provide competencies in creating web pages with basic HTML and CSS codes and analyzing problems that may arise on web pages. | |||||
| Learning Outcomes | PO | MME | |
| The students who succeeded in this course: | |||
| LO-1 | Can analyze and solve problems that may arise on web pages | 
			
		 
			PO-1 Has basic, current, and practical knowledge related to his/her profession PO-3 Follows current developments and practices for his/her profession and uses them effectively PO-4 Uses information technologies related to his/her profession (software, programs, animations, etc.) effectively PO-5 Has the ability to independently evaluate professional problems and issues with an analytical and critical approach and to propose solutions PO-12 Explains and applies web programming technologies PO-14 Tests software and fixes bugs  | 
		 Examination | 
	
| LO-2 | Can identify properties of a web page | 
			
		 
			PO-1 Has basic, current, and practical knowledge related to his/her profession PO-3 Follows current developments and practices for his/her profession and uses them effectively PO-4 Uses information technologies related to his/her profession (software, programs, animations, etc.) effectively PO-12 Explains and applies web programming technologies  | 
		 Examination | 
	
| LO-3 | Can design web pages with HTML and perform basic content editing. | 
			
		 
			PO-1 Has basic, current, and practical knowledge related to his/her profession PO-3 Follows current developments and practices for his/her profession and uses them effectively PO-4 Uses information technologies related to his/her profession (software, programs, animations, etc.) effectively PO-12 Explains and applies web programming technologies  | 
		 Examination | 
	
| LO-4 | Can develop web pages using CSS | 
			
		 
			PO-1 Has basic, current, and practical knowledge related to his/her profession PO-3 Follows current developments and practices for his/her profession and uses them effectively PO-4 Uses information technologies related to his/her profession (software, programs, animations, etc.) effectively PO-12 Explains and applies web programming technologies PO-14 Tests software and fixes bugs  | 
		 Examination | 
	
| PO: Programme Outcomes MME:Method of measurement & Evaluation  | 
	|||
| Course Contents | ||
| 1. Html codes for web pages to do the basic operations 2. Advanced features to create Web pages with HTML codes 3. Stylesheet (CSS) configuration to perform | ||
| Weekly Course Content | ||
| Week | Subject | Learning Activities and Teaching Methods | 
| 1 | Internet and Web Definitions Basic Html Tags | Lecture Method, Demonstration Method, Question and Answer, Individual Study Method | 
| 2 | Basic Html Tags View Text and Labels | Lecture Method, Demonstration Method, Question and Answer, Individual Study Method | 
| 3 | Text and View Tags | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 4 | Text and View Tags Creating Connection (Links) | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 5 | Creating Connection (Links) Table Operations | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 6 | Table Operations | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 7 | Forms | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 8 | mid-term exam | |
| 9 | Frames | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 10 | Frames Creating Template | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 11 | Creating Template | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 12 | Interactive Elements | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 13 | Style Template (CSS) | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 14 | Style Template (CSS) Menu Operations | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 15 | Style Template (CSS) Menu Operations | Lecture Method, Demonstration Method, Problem Solving Method, Question and Answer, Individual Study Method | 
| 16 | final exam | |
| Recommend Course Book / Supplementary Book/Reading | ||
| 1 | https://www.btkakademi.gov.tr/portal/course/css-temelleri-20447 | |
| 2 | https://www.btkakademi.gov.tr/portal/course/html5-ile-web-gelistirme-13200 | |
| 3 | https://www.btkakademi.gov.tr/portal/course/web-sitesi-kullanilabilirligi-16027 | |
| 4 | https://www.w3schools.com/html/default.asp | |
| 5 | https://www.w3schools.com/css/default.asp | |
| 6 | Duckett, J. (2019). HTML ve CSS Web Siteleri Tasarlamak ve Oluşturmak. Nobel Yaşam. | |
| 7 | Erdinç, F. (2021). Html5 & Css3. Pusula | |
| Required Course instruments and materials | ||
| Projection, computer, supporting resources | ||
| Assessment Methods | |||
| Type of Assessment | Week | Hours | Weight(%) | 
| mid-term exam | 8 | 1 | 40 | 
| Other assessment methods | |||
| 1.Oral Examination | |||
| 2.Quiz | |||
| 3.Laboratory exam | |||
| 4.Presentation | |||
| 5.Report | |||
| 6.Workshop | |||
| 7.Performance Project | |||
| 8.Term Paper | |||
| 9.Project | |||
| final exam | 16 | 1 | 60 | 
| Student Work Load | |||
| Type of Work | Weekly Hours | Number of Weeks | Work Load | 
| Weekly Course Hours (Theoretical+Practice) | 2 | 14 | 28 | 
| Outside Class | |||
| a) Reading | 1 | 6 | 6 | 
| b) Search in internet/Library | 3 | 14 | 42 | 
| c) Performance Project | 0 | ||
| d) Prepare a workshop/Presentation/Report | 0 | ||
| e) Term paper/Project | 0 | ||
| Oral Examination | 0 | ||
| Quiz | 0 | ||
| Laboratory exam | 0 | ||
| Own study for mid-term exam | 2 | 7 | 14 | 
| mid-term exam | 1 | 1 | 1 | 
| Own study for final exam | 2 | 14 | 28 | 
| final exam | 1 | 1 | 1 | 
| 0 | |||
| 0 | |||
| Total work load; | 120 | ||