Mersin Üniversitesi
Ders Bilgileri
| WEB DESIGN | ||||||
|---|---|---|---|---|---|---|
| Kodu | Dönemi | Teori | Uygulama | Ulusal Kredisi | AKTS Kredisi | |
| Saat / Hafta | ||||||
| İBY481 | Fall | 1 | 2 | 2 | 4 | |
| Ön Koşulu Olan Ders( ler ) | None |
| Dili | en |
| Türü | Elective |
| Seviyesi | Bachelor's |
| Öğretim Elemanı( ları ) | Dr. Evrim Ersin Kangal |
| Öğretim Sistemi | Face to Face |
| Önerilen Hususlar | None |
| Staj Durumu | None |
| Amacı | The aim of this course is to give information about basic techniques used for web programming and to prepare a sample web site on a specific topic. |
| İçeriği | Web 2.0, basic concepts and terminology, internet, Web and design concepts, browsers, domain name, hosting, ftp, updating, Web Standarts, planning the design of Web pages, Properties of HTML language: Most frequently used HTML tags, Headers, marquee, Text formatting, Linking and Meta Tags, Adding pictures,Table Structures, Form and Form Elements, Frames ve Framed pages, Photoshop properties, basic javascript codes. |
Dersin Öğrenim Çıktıları
| # | Öğrenim Çıktıları |
|---|---|
| 1 | Recognize basic concepts and terminology. |
| 2 | Identify internet-web and design concepts |
| 3 | Apply browsers, domain name, hosting and updating operations. |
| 4 | Plan web standarts. |
| 5 | Develop design planning of web pages and interfaces. |
| 6 | Recognize basic HTML and javascript. |
| 7 | Apply properties of Photoshop programme. |
| 8 | Design a web site synthesizing these techniques. |
Haftalık Ayrıntılı Ders İçeriği
| # | Konular | Öğretim Yöntem ve Teknikleri |
|---|---|---|
| 1 | Basic concepts and terminology, internet, web and design concepts | Lectures, discussion |
| 2 | Browsers, domain name, hosting, ftp, updating | Lectures, discussion |
| 3 | Web standarts, planning the design of web pages | Lectures, discussion,application |
| 4 | Properties of HTML language (Most frequently used HTML tags) | Lectures, discussion,application |
| 5 | Properties of HTML language (Headers, marquee) | Lectures, discussion,application |
| 6 | Properties of HTML language (Text formatting, linking and meta tags) | Lectures, discussion,application |
| 7 | Properties of HTML language (Adding pictures,table structures)- I | Lectures, discussion,application |
| 8 | Properties of HTML language (Adding pictures,table structures)- II | Lectures, discussion,application |
| 9 | Properties of HTML language (Form and form elements) | Lectures, discussion,application |
| 10 | Properties of HTML language (Frames ve framed pages) | Lectures, discussion,application |
| 11 | Properties of HTML language (fillings, masks and movie clips) | Lectures, discussion,application |
| 12 | Photoshop usage | Lectures, discussion,application |
| 13 | Photoshop usage | Lectures, discussion,application |
| 14 | Basic javascript coding | Lectures, discussion,application |
| 15 | Basic javascript coding | Lectures, discussion,application |
| 16 | Final Exam |
Resources
| # | Malzeme / Kaynak Adı | Kaynak Hakkında Bilgi | Referans / Önerilen Kaynak |
|---|---|---|---|
| 1 | Web Tasarım I Mersin Üniversitesi, Ders Notu ve Uygulamalar | ||
| 2 | Erkan Balaban, Web Tasarım Kılavuzu, Pusula Yayıncılık, 2008 |
Ölçme ve Değerlendirme Sistemi
| # | Ağırlık | Çalışma Türü | Çalışma Adı |
|---|---|---|---|
| 1 | 0.4 | 9 | 1. Mid-Term Project |
| 2 | 0.6 | 10 | 1. Final Project |
Dersin Öğrenim Çıktıları ve Program Yeterlilikleri ile İlişkileri
| # | Öğrenim Çıktıları | Program Çıktıları | Ölçme ve Değerlendirme |
|---|---|---|---|
| 1 | Recognize basic concepts and terminology. | 1 | 1 |
| 2 | Identify internet-web and design concepts | 1 | 1 |
| 3 | Apply browsers, domain name, hosting and updating operations. | 1 | 1 |
| 4 | Plan web standarts. | 1 | 1 |
| 5 | Develop design planning of web pages and interfaces. | 1 | 1 |
| 6 | Recognize basic HTML and javascript. | 1 | 1͵2 |
| 7 | Apply properties of Photoshop programme. | 1͵4 | 1͵2 |
| 8 | Design a web site synthesizing these techniques. | 1͵4 | 1͵2 |
Not: Ölçme ve Değerlendirme sütununda belirtilen sayılar, bir üstte bulunan Ölçme ve Değerlerndirme Sistemi başlıklı tabloda belirtilen çalışmaları işaret etmektedir.
İş Yükü Detayları
| # | Etkinlik | Adet | Süre (Saat) | İş Yükü |
|---|---|---|---|---|
| 0 | Course Duration | 14 | 3 | 42 |
| 1 | Course Duration Except Class (Preliminary Study, Enhancement) | 14 | 1 | 14 |
| 2 | Presentation and Seminar Preparation | 0 | 0 | 0 |
| 3 | Web Research, Library and Archival Work | 0 | 0 | 0 |
| 4 | Document/Information Listing | 0 | 0 | 0 |
| 5 | Workshop | 0 | 0 | 0 |
| 6 | Preparation for Midterm Exam | 1 | 0 | 0 |
| 7 | Midterm Exam | 1 | 0 | 0 |
| 8 | Quiz | 0 | 0 | 0 |
| 9 | Homework | 0 | 0 | 0 |
| 10 | Midterm Project | 1 | 16 | 16 |
| 11 | Midterm Exercise | 0 | 0 | 0 |
| 12 | Final Project | 1 | 50 | 50 |
| 13 | Final Exercise | 1 | 0 | 0 |
| 14 | Preparation for Final Exam | 1 | 0 | 0 |
| 15 | Final Exam | 1 | 0 | 0 |
| 122 | ||||