VA330 Web Design I
VA330 Web Design I
Syllabus | International University of Sarajevo - Last Update on Mar 03, 2026
Syllabus Quick Jump
Search and navigate to any syllabus instantly
Visual Arts and Visual Communications Design
Abdulhamit Bolat
Course Lecturer
Course Objectives
The students will be challenged to employ previous knowledge of the design principles and esthetics in this specific media and to extend their possibilities creating the web content. 1. Creating Web Design: Students will use standard HTML and CSS to create web content. 2. Design in Context: Students will learn how web design can influence their professional work regarding their future work. 3. Design as Inquiry: Students demonstrate how the web design reveal universal concepts of interactive design in real world environment helping them to improve esthetic skills. The use of software will focus on applications such as Adobe Dreamweaver and Adobe Photoshop.
Learning Outcomes
After successful completion of the course, the student will be able to:
Course Materials
Required Textbook
Jennifer Niederst Robbins ,“Learning Web Design“, O'REILLY
Additional Literature
Teaching Methods
Activity in debates
Presentations - assignments
Sketches
Midterm submission
Final assignment
Self-evaluation
Weekly Topics
| Week | Topic | Readings / References |
|---|---|---|
| 1 | Introduction to the course and Internet Technologies | |
| 2 | Introduction - HTML and Web Design | FAQ, Course manual |
| 3 | Structure of HTML / HTML Attributes and Elements | Lecture / practice |
| 4 | Working with Tables | Lecture / practice |
| 5 | Introduction to Dreamweaver and Using Dreamweaver with Html knowledge | Lecture / practice / Assignement I |
| 6 | HTML Styles | Lecture / practice / |
| 7 | Using links and anchor | Lecture / practice |
| 8 | Using images and image map | Lecture / practice / Assignement II |
| 9 | MIDTERM | Lecture |
| 10 | Using Div and Introduction to CSS | Lecture / practice |
| 11 | CSS elements and editting CSS | Lecture / practice |
| 12 | CSS elements and editting CSS | Lecture / practice / Assignement III |
| 13 | Frame and frame options | Lecture / practice |
| 14 | Using Javascript templates | Lecture / practice |
| 15 | Final Assignment | Lecture |
Course Schedule (All Sections)
| Section | Type | Day 1 | Venue 1 | Day 2 | Venue 2 |
|---|---|---|---|---|---|
| VA330.1 | Course | Thursday 12:00 - 14:50 | B F1.25 Computer Lab | - | - |
| VA330.2 | Course | Thursday 15:00 - 17:50 | B F1.24 (MAC Studio) | - | - |
Office Hours & Room
Assessment Methods and Criteria
Assessment Components
Final Exam
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
Midterm Exam
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4
Assignment 1
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4
Assignment 2
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
Assignment 3
AI: Not AllowedAlignment with Learning Outcomes : 1 2 3 4 5
IUS Grading System
| Grading Scale | IUS Grading System | IUS Coeff. | Letter (B&H) | Numerical (B&H) |
|---|---|---|---|---|
| 0 - 44 | F | 0 | F | 5 |
| 45 - 54 | E | 1 | ||
| 55 - 64 | C | 2 | E | 6 |
| 65 - 69 | C+ | 2.3 | D | 7 |
| 70 -74 | B- | 2.7 | ||
| 75 - 79 | B | 3 | C | 8 |
| 80 - 84 | B+ | 3.3 | ||
| 85 - 94 | A- | 3.7 | B | 9 |
| 95 - 100 | A | 4 | A | 10 |
Late Work Policy
Information about late submission policies will be shared during class and posted in this section. Please check back for official guidelines.
ECTS Credit Calculation
📚 Student Workload
This 6 ECTS credit course corresponds to 150 hours of total student workload, distributed as follows:
Lecture Hours
45 hours ⏳ (15 week × 3 h)
Assignments
35 hours ⏳ (7 week × 5 h)
In Class
8 hours ⏳ (4 week × 2 h)
Individual Learning
20 hours ⏳ (10 week × 2 h)
Midterm Exam Study
12 hours ⏳ (1 week × 12 h)
Final Exam Study
30 hours ⏳ (2 week × 15 h)
150 Total Workload Hours
6 ECTS Credits
Course Policies
Academic Integrity
All work submitted must be your own. Plagiarism, cheating, or any form of academic dishonesty will result in disciplinary action according to university policies. When in doubt about citation practices, consult the instructor.
Attendance Policy
Students are expected to adhere to the attendance requirements as outlined in the International University of Sarajevo Study Rules and Regulations. Excessive absences, whether excused or unexcused, may impact academic performance and eligibility for assessment. Mandatory sessions (e.g., labs, workshops) require attendance unless formally exempted. For detailed policies on absences, documentation, and penalties, please refer to the official university regulations.
Technology & AI Policy
Laptops/tablets may be used for note-taking only during lectures. Phones should be silenced and put away during all class sessions. Audio/video recording requires prior permission from the instructor.
Artificial Intelligence (AI) Usage: The use of AI tools (e.g., ChatGPT, Copilot, Gemini) varies by assessment component. Please refer to the AI usage indicator next to each assessment item in the Assessment Methods and Criteria section above. Submitting AI-generated content as your own work, where AI is not explicitly allowed, constitutes an academic integrity violation.
Communication Policy
All course-related communication should occur through official university channels (institutional email or SIS). Emails should include [VA330] in the subject line.
Academic Quality Assurance Policy
Course Academic Quality Assurance is achieved through Semester Student Survey. At the end of each academic year, the institution of higher education is obliged to evaluate work of the academic staff, or the success of realization of the curricula.
Learning Tips
Be prepared to contribute thoughtfully during class discussions, labs, or collaborative work. Active participation deepens understanding and encourages critical thinking.
Complete assigned readings or prep materials before class. Take notes, highlight key ideas, and jot down questions. Aim to grasp core concepts and their applications—not just facts.
Use course frameworks or methodologies to analyze problems, case studies, or projects. Begin early to allow time for reflection and refinement. Seek feedback to improve your work.
Don’t hesitate to reach out when something is unclear. Use office hours, discussion boards, or peer networks to clarify concepts and stay on track.
Syllabus Last Updated on Mar 03, 2026 | International University of Sarajevo
Print Syllabus
Referencing Curricula Print this page
| Course Code | Course Title | Weekly Hours* | ECTS | Weekly Class Schedule | ||||||
| T | P | |||||||||
| VA330 | Web Design I | 1 | 2 | 6 | ||||||
| Prerequisite | Junior Standing | It is a prerequisite to | - | |||||||
| Lecturer | Abdulhamit Bolat | Office Hours / Room / Phone | Currently not available |
|||||||
| abolat@ius.edu.ba | ||||||||||
| Assistant | Assistant E-mail | |||||||||
| Course Objectives | The students will be challenged to employ previous knowledge of the design principles and esthetics in this specific media and to extend their possibilities creating the web content. 1. Creating Web Design: Students will use standard HTML and CSS to create web content. 2. Design in Context: Students will learn how web design can influence their professional work regarding their future work. 3. Design as Inquiry: Students demonstrate how the web design reveal universal concepts of interactive design in real world environment helping them to improve esthetic skills. The use of software will focus on applications such as Adobe Dreamweaver and Adobe Photoshop. |
|||||||||
| Textbook | Jennifer Niederst Robbins ,“Learning Web Design“, O'REILLY | |||||||||
| Additional Literature | ||||||||||
| Learning Outcomes | After successful completion of the course, the student will be able to: | |||||||||
|
||||||||||
| Teaching Methods | Activity in debates, presentations - assignments, sketches, midterm submission, final assignment, self-evaluation | |||||||||
| Teaching Method Delivery | Teaching Method Delivery Notes | |||||||||
| WEEK | TOPIC | REFERENCE | ||||||||
| Week 1 | Introduction to the course and Internet Technologies | |||||||||
| Week 2 | Introduction - HTML and Web Design | FAQ, Course manual | ||||||||
| Week 3 | Structure of HTML / HTML Attributes and Elements | Lecture / practice | ||||||||
| Week 4 | Working with Tables | Lecture / practice | ||||||||
| Week 5 | Introduction to Dreamweaver and Using Dreamweaver with Html knowledge | Lecture / practice / Assignement I | ||||||||
| Week 6 | HTML Styles | Lecture / practice / | ||||||||
| Week 7 | Using links and anchor | Lecture / practice | ||||||||
| Week 8 | Using images and image map | Lecture / practice / Assignement II | ||||||||
| Week 9 | MIDTERM | Lecture | ||||||||
| Week 10 | Using Div and Introduction to CSS | Lecture / practice | ||||||||
| Week 11 | CSS elements and editting CSS | Lecture / practice | ||||||||
| Week 12 | CSS elements and editting CSS | Lecture / practice / Assignement III | ||||||||
| Week 13 | Frame and frame options | Lecture / practice | ||||||||
| Week 14 | Using Javascript templates | Lecture / practice | ||||||||
| Week 15 | Final Assignment | Lecture | ||||||||
| Assessment Methods and Criteria | Evaluation Tool | Quantity | Weight | Alignment with LOs | AI Usage |
| Final Exam | 1 | 35 | 1,2,3,4,5 | Not Allowed | |
| Semester Evaluation Components | |||||
| Midterm Exam | 1 | 25 | 1,2,3,4 | Not Allowed | |
| Assignment 1 | 1 | 10 | 1,2,3,4 | Not Allowed | |
| Assignment 2 | 1 | 10 | 1,2,3,4,5 | Not Allowed | |
| Assignment 3 | 1 | 10 | 1,2,3,4,5 | Not Allowed | |
| *** ECTS Credit Calculation *** | |||||
| Activity | Hours | Weeks | Student Workload Hours | Activity | Hours | Weeks | Student Workload Hours | |||
| Lecture Hours | 3 | 15 | 45 | Assignments | 5 | 7 | 35 | |||
| In Class | 2 | 4 | 8 | Individual Learning | 2 | 10 | 20 | |||
| Midterm Exam Study | 12 | 1 | 12 | Final Exam Study | 15 | 2 | 30 | |||
| Total Workload Hours = | 150 | |||||||||
| *T= Teaching, P= Practice | ECTS Credit = | 6 | ||||||||
| Course Academic Quality Assurance: Semester Student Survey | Last Update Date: 27/03/2026 | |||||||||