Web Design and Development I

Lesson Objectives

This course aims to cultivate understanding of the basic principles of web design and development based on W3C web standards and specifications. The knowledge constructed from related fields in the previous years can be transferred, combining design and coding skills to create usable websites.
It is anticipated that students will be able to become familiar with and apply methods and techniques related to all stages of the web development cycle: user interface (UI) design, content creation, editing and optimization, website development and live publishing.

The objectives of the course are to:

Inform about the basic concepts and technologies related to the internet (architecture, protocols, web standards, HTML, CSS).
Highlight the importance of knowledge of web design and development, regardless of the individual direction or role in a professional team.
Familiarize students with coding, using the, with/without the use of automatic authoring tools.
Familiarize students with Cascading Style Sheets (CSS) technology and recognize its significance in achieving effective webpage layouts with good information architecture, visual coherence and correct use of typography
Examine guidelines and principles of UI design and content layout
Lay the foundations for JavaScript and dynamic techniques that can enhance interactivity
Familiarize students with the use of specialized software for developing and maintaining websites such as Visual Studio Code, online IDEs, enriched with AI functionality, and FTP clients.
Εxplore methods for producing optimized web graphics and especially how these differ from graphics intended for print
Examine ways of integrating multimedia content into webpages and encourage students to address the challenges associated with this process.

Learning Outcomes

Upon completion of the course, students are expected to:

• Identify and compose websites following the basic principles of web applications design
• Distinguish the methods and practices of developing a complete website from scratch, as well as those * related to the customization and maintenance of existing websites
• Design and develop graphical web-based graphical user interfaces that present correct information architecture and invite meaningful and engaging interaction
• Determine and select the relevant techniques/practices to successfully integrate multimedia content and interactivity into a website
• Create images and graphics that are intended and optimized for the web
• Construct web-standards-compliant and search-engine optimized (SEO) webpages

An applied sciences research-orientated university, promoting research excellence and innovation for the benefit of science and society. Recently developed strategic plan gives emphasis on campus life, student experience and sustainable development within the 17 UNSDG’s framework.

CUT is young, public university, established in 2004, first outside the capital city, attracted high-caliber researchers and students.