|
|
| YZM1006 | Web Design And Programming | 2+2+0 | ECTS:5 | | Year / Semester | Spring Semester | | Level of Course | First Cycle | | Status | Compulsory | | Department | DEPARTMENT of SOFTWARE ENGINEERING | | Prerequisites and co-requisites | None | | Mode of Delivery | Face to face, Lab work , Practical | | Contact Hours | 14 weeks - 2 hours of lectures and 2 hours of practicals per week | | Lecturer | Doç. Dr. Hacer ÖZYURT | | Co-Lecturer | ASSOC. PROF. DR. Hacer ÖZYURT, | | Language of instruction | Turkish | | Professional practise ( internship ) | None | | | | The aim of the course: | | In this course, students will be able to design web pages in a very effective way and can more easily programmable web page with web programming language. |
| Learning Outcomes | CTPO | TOA | | Upon successful completion of the course, the students will be able to : | | | | LO - 1 : | 1. Internet and Internet Services
2. World Wide Web , Browsers | 1,2 | 1, | | LO - 2 : | 3. Creating Web Pages with HTML
4. Web Page Design With CSS | 1,2 | 1, | | LO - 3 : | 5. Using XML at Basic Level | 1,2 | 1, | | LO - 4 : | 6. Understand Programming Logic | 1,2 | 1, | | CTPO : Contribution to programme outcomes, TOA :Type of assessment (1: written exam, 2: Oral exam, 3: Homework assignment, 4: Laboratory exercise/exam, 5: Seminar / presentation, 6: Term paper), LO : Learning Outcome | | |
| 1 History of The Internet , Internet Infrastructure, Browsers, HTML , XHTML and HTML Text Formatting Tags
2 Lists and Links on HTML
3 Images and Tables on HTML
4 Frames, Forms and Form Elements on HTML
5 Form Elements on HTML
6 HTML5 and HTML5 Tags
7 HTML5 Tags
8 Introduction to CSS and CSS Selectors
9 Background , Font / Tag Formatting on CSS and Box Model (Border Lines)
10 Lists and Tables Formatting on CSS
11 Classification and Positioning on CSS
12 Pseudo Classes and Pseudo Elements on CSS
13 Sections of XML Document and Basic Structure of DTD
14 XML Schemas, Formatting XML Document and Using XSL |
| |
| Course Syllabus | | Week | Subject | Related Notes / Files | | Week 1 | What is the Internet? What is Http? What is Ftp? What is the WWW? What is Smtp? HTML Structure , Web Design Software, Browser
HTML, What is XHTML? Advantages of XHTML, XHTML Rules and Text Formatting Tags on HTML | | | Week 2 | Working with Lists, Unordered Lists, Ordered Lists, Nested Lists , Working with Links, Link to Chapters on Page Contents | | | Week 3 | Working with Photos, Image Resize, Make Image Gallery, Create Image Map, Working with Tables, Using Nested Tables, Rows Column Merge on Tables , Working with Table Properties | | | Week 4 | Working with Frames, Using Nested Frames, The Frame Structure of The Advantages and Disadvantages, Forms, method and action Features, Properties and Using of Form Elements (textbox , password , textarea) | | | Week 5 | Properties and Use of HTML Elements (checkbox, radio , select , optgroup , submit, reset ve fileupload ) | | | Week 6 | HTML5 and HTML5 Tags (article, canvas, embed, figcaption, figure, footer, header, hgroup, mark, meter, progress, section , source) | | | Week 7 | Embedding Audio and Video to Page, New Input Properties Coming with HTML5
New Type Properties (email, url, number , range, color), Select Date Element | | | Week 8 | Midterm Exam | | | Week 9 | Introduction to CSS, ID and Class Selectors, Using Internal External and Inline CSS | | | Week 10 | The Background Process in CSS (background-color, background-image, background-repeat, background-attachment, background-position),
Font Operations in CSS (font-family, font-style, font-weight, font-size)
The Text Operations in CSS (colors, text-indention, text-alignment, text-decoration, line-height, word-spacing, letter-spacing, text transform)
Box Model (border, border-style, border-with, border-color, outline-style, outline-color,outline-width, outline, margin, padding)
| | | Week 11 | Lists Formatting on CSS (list-style-type, list-style-position, list-style-image, list-style)
Tables Formatting on CSS (border-collapse, border-spacing, caption-side, empty-cells, table-layout, dimensions) | | | Week 12 | Classification and Positioning on CSS (display, float, clear, position, z-index, overflow, clip, visibility, cursor) | | | Week 13 | Pseudo Classes and Pseudo Elements on CSS (first-child, lang, first-line, first-letter, before, after) | | | Week 14 | Sructure of XML Document , Sections of XML Document , DTD Structure, Attributes (CDATA, ENTITY/ENTITIES, Enumarated, ID, IDREF/IDREFS , NMTOKEN/NMTOKENS, NOTATION)
REQUIRED, IMPLIED, FIXED Concepts | | | Week 15 | XML Schemas, Formatting XML Document with CSS , Using XSL and Sorting Data | | | Week 16 | Final Exam | | | |
| 1 | Aydemir, M. 2013; Web Tasarım Rehberi , Kodlab Yayınevi | | | |
| 1 | Çiçek,M. 2013 ; Web Tasarım Temelleri, Kodlab Yayınları | | | 2 | Balaban, E. 2013; Web Tasarım Kılavuzu, Pusula Yayıncılık | | | |
| Method of Assessment | | Type of assessment | Week No | Date | Duration (hours) | Weight (%) | | Mid-term exam | 9 | | 2 | 50 | | End-of-term exam | 16 | | 2 | 50 | | |
| Student Work Load and its Distribution | | Type of work | Duration (hours pw) | No of weeks / Number of activity | Hours in total per term | | Yüz yüze eğitim | 4 | 14 | 56 | | Sınıf dışı çalışma | 1 | 14 | 14 | | Arasınav için hazırlık | 4 | 3 | 12 | | Arasınav | 1 | 1 | 1 | | Dönem sonu sınavı için hazırlık | 4 | 4 | 16 | | Dönem sonu sınavı | 1 | 1 | 1 | | Total work load | | | 100 |
|