The aim of this course is to teach the students Responsive Web Page by using HTML, CSS and JavaScript and to provide the concept of what should be done in order to get a commercial web page ready for presentation.
Course Content
This course contains; Introduction to Web Concept and HTML,HTML commands -1,HTML Command - 2,CSS (Cascaded Style Sheets)-I,CSS (Cascaded Style Sheets)-II,Homework Check and Quiz,JavaScript-I,JavaScript-II,JavaScript-III,Responsive Web Page 1,Responsive Web Page 2,Example of Web Page Application,Example of Web Page Application-2,Review and Project Presentation.
Dersin Öğrenme Kazanımları
Teaching Methods
Assessment Methods
1. Will be able to explain basic information about internet technologies before learning web design.
6
F
1.1 Explains basic information about the Internet infrastructure.
6
F
1.2 Explains new developments in internet technology.
6
F
2. Will be able to explain HTML structure.
6
F
2.1. Recognizes HTML structure.
6
F
2.2. Evaluates in which condition HTML can work.
6
F
3. Will be able to determine the content, presentation and behavior forms to the page, layers and behavior types in the web page.
6
F
3.1 Uses information about creating dynamic web pages.
6
F
3.2. Distinguishes types of web pages.
6
F
4. Applies basic, intermediate and advanced CSS codes.
6
F
4.1. Performs design with CSS codes.
6
F
4.2. Understands and applies the logic of Responsive Web Page.
6
F
5. Will be able to create a web page.
6
F
5.1 Creates a template on Web pages.
6
F
5.2 Recognizes HTML elements.
6
F
6. Applies JavaScript codes at a basic level.
6
F
6.1. Have basic programming knowledge of JavaScript.
6
F
6.2. Able to create hamburger menu with Javascript.
Teaching Methods:
6: Experiential Learning
Assessment Methods:
F: Project Task
Course Outline
Order
Subjects
Preliminary Work
1
Introduction to Web Concept and HTML
Related chapter in the course book should be read.
2
HTML commands -1
Related chapter in the course book should be read.
3
HTML Command - 2
Related chapter in the course book should be read.
4
CSS (Cascaded Style Sheets)-I
Related chapter in the course book should be read.
5
CSS (Cascaded Style Sheets)-II
Related chapter in the course book should be read.
6
Homework Check and Quiz
7
JavaScript-I
Related chapter in the course book should be read.
8
JavaScript-II
9
JavaScript-III
10
Responsive Web Page 1
Related chapter in the course book should be read.
11
Responsive Web Page 2
Related chapter in the course book should be read.
12
Example of Web Page Application
Related chapter in the course book should be read.
13
Example of Web Page Application-2
Related chapter in the course book should be read.
14
Review and Project Presentation
Resources
HER YÖNÜYLE HTML EĞİTİM KİTABI, Erol Mesut Gün, 2023, Kodlab, ISBN:
9786059118866
CSS3 EĞİTİM KİTABI, Çağlar Sarıbıyık, Kodlab, ISBN:9786059118781
Front-End Back-End Development with HTML, CSS, JavaScript, JQuery, PHP, and MySQL, Jon Duckett, ISBN: 9781119813095, 1119813093, Wiley, 2022.
HTML and CSS, Design and Build Websites, Jon Duckett, ISBN: 9781118008188, 1118008189, Wiley, 2011.
Course Contribution to Program Qualifications
Course Contribution to Program Qualifications
No
Program Qualification
Contribution Level
1
2
3
4
5
1
Defines the theoretical issues in the field of information and management.
X
2
Describes the necessary mathematical and statistical methods in the field of information and management.
3
Uses at least one computer program in the field of information and management.
X
4
Sustains proficiency in a foreign language requiredor information and management studies.
5
Prepares informatics/software projects and work in a team.
X
6
Constantly updates himself / herself by following developments in science and technology with an understanding of the importance of lifelong learning through critically evaluating the knowledge and skills that s/he has got.7. Uses theoretical and practical expertise in the field of information and management
7
Follows up-to-date technology using a foreign language at least A1 level, holds verbal / written communication skills.
X
8
Follows up-to-date technology using a foreign language at least A1 level, holds verbal / written communication.
9
Adopts organizational / institutional and social ethical values.
10
Within the framework of community involvement adopts social responsibility principles and takes initiative when necessary.
11
Uses and analyses basic facts and data in various disciplines (economics, finance, sociology, law, business) in order to conduct interdisciplinary studies.
12
Writes software in different platforms such as desktop, mobile, web on its own and / or in a team.
X
Assessment Methods
Contribution Level
Absolute Evaluation
Rate of Midterm Exam to Success
40
Rate of Final Exam to Success
60
Total
100
ECTS / Workload Table
Activities
Number of
Duration(Hour)
Total Workload(Hour)
Course Hours
14
3
42
Guided Problem Solving
2
9
18
Resolution of Homework Problems and Submission as a Report
2
12
24
Term Project
0
0
0
Presentation of Project / Seminar
1
2
2
Quiz
1
3
3
Midterm Exam
1
12
12
General Exam
1
12
12
Performance Task, Maintenance Plan
0
0
0
Total Workload(Hour)
113
Dersin AKTS Kredisi = Toplam İş Yükü (Saat)/30*=(113/30)
4
ECTS of the course: 30 hours of work is counted as 1 ECTS credit.
Detail Informations of the Course
Course Description
Course
Code
Semester
T+P (Hour)
Credit
ECTS
FUNDAMENTALS of WEB DESIGN
YBS2134130
Fall Semester
3+0
3
4
Course Program
Cuma 16:30-17:15
Cuma 17:30-18:15
Cuma 18:30-19:15
Prerequisites Courses
Recommended Elective Courses
Language of Course
Turkish
Course Level
First Cycle (Bachelor's Degree)
Course Type
Required
Course Coordinator
Assist.Prof. Kevser ŞAHİNBAŞ
Name of Lecturer(s)
Assist.Prof. Kevser ŞAHİNBAŞ
Assistant(s)
Aim
The aim of this course is to teach the students Responsive Web Page by using HTML, CSS and JavaScript and to provide the concept of what should be done in order to get a commercial web page ready for presentation.
Course Content
This course contains; Introduction to Web Concept and HTML,HTML commands -1,HTML Command - 2,CSS (Cascaded Style Sheets)-I,CSS (Cascaded Style Sheets)-II,Homework Check and Quiz,JavaScript-I,JavaScript-II,JavaScript-III,Responsive Web Page 1,Responsive Web Page 2,Example of Web Page Application,Example of Web Page Application-2,Review and Project Presentation.
Dersin Öğrenme Kazanımları
Teaching Methods
Assessment Methods
1. Will be able to explain basic information about internet technologies before learning web design.
6
F
1.1 Explains basic information about the Internet infrastructure.
6
F
1.2 Explains new developments in internet technology.
6
F
2. Will be able to explain HTML structure.
6
F
2.1. Recognizes HTML structure.
6
F
2.2. Evaluates in which condition HTML can work.
6
F
3. Will be able to determine the content, presentation and behavior forms to the page, layers and behavior types in the web page.
6
F
3.1 Uses information about creating dynamic web pages.
6
F
3.2. Distinguishes types of web pages.
6
F
4. Applies basic, intermediate and advanced CSS codes.
6
F
4.1. Performs design with CSS codes.
6
F
4.2. Understands and applies the logic of Responsive Web Page.
6
F
5. Will be able to create a web page.
6
F
5.1 Creates a template on Web pages.
6
F
5.2 Recognizes HTML elements.
6
F
6. Applies JavaScript codes at a basic level.
6
F
6.1. Have basic programming knowledge of JavaScript.
6
F
6.2. Able to create hamburger menu with Javascript.
Teaching Methods:
6: Experiential Learning
Assessment Methods:
F: Project Task
Course Outline
Order
Subjects
Preliminary Work
1
Introduction to Web Concept and HTML
Related chapter in the course book should be read.
2
HTML commands -1
Related chapter in the course book should be read.
3
HTML Command - 2
Related chapter in the course book should be read.
4
CSS (Cascaded Style Sheets)-I
Related chapter in the course book should be read.
5
CSS (Cascaded Style Sheets)-II
Related chapter in the course book should be read.
6
Homework Check and Quiz
7
JavaScript-I
Related chapter in the course book should be read.
8
JavaScript-II
9
JavaScript-III
10
Responsive Web Page 1
Related chapter in the course book should be read.
11
Responsive Web Page 2
Related chapter in the course book should be read.
12
Example of Web Page Application
Related chapter in the course book should be read.
13
Example of Web Page Application-2
Related chapter in the course book should be read.
14
Review and Project Presentation
Resources
HER YÖNÜYLE HTML EĞİTİM KİTABI, Erol Mesut Gün, 2023, Kodlab, ISBN:
9786059118866
CSS3 EĞİTİM KİTABI, Çağlar Sarıbıyık, Kodlab, ISBN:9786059118781
Front-End Back-End Development with HTML, CSS, JavaScript, JQuery, PHP, and MySQL, Jon Duckett, ISBN: 9781119813095, 1119813093, Wiley, 2022.
HTML and CSS, Design and Build Websites, Jon Duckett, ISBN: 9781118008188, 1118008189, Wiley, 2011.
Course Contribution to Program Qualifications
Course Contribution to Program Qualifications
No
Program Qualification
Contribution Level
1
2
3
4
5
1
Defines the theoretical issues in the field of information and management.
X
2
Describes the necessary mathematical and statistical methods in the field of information and management.
3
Uses at least one computer program in the field of information and management.
X
4
Sustains proficiency in a foreign language requiredor information and management studies.
5
Prepares informatics/software projects and work in a team.
X
6
Constantly updates himself / herself by following developments in science and technology with an understanding of the importance of lifelong learning through critically evaluating the knowledge and skills that s/he has got.7. Uses theoretical and practical expertise in the field of information and management
7
Follows up-to-date technology using a foreign language at least A1 level, holds verbal / written communication skills.
X
8
Follows up-to-date technology using a foreign language at least A1 level, holds verbal / written communication.
9
Adopts organizational / institutional and social ethical values.
10
Within the framework of community involvement adopts social responsibility principles and takes initiative when necessary.
11
Uses and analyses basic facts and data in various disciplines (economics, finance, sociology, law, business) in order to conduct interdisciplinary studies.
12
Writes software in different platforms such as desktop, mobile, web on its own and / or in a team.
