Category Archives: Web Design Basics

Web Design Basics

Web Design Graphics Label with Variations

Web Design Label with Variations Original Label Varation1 Variation 2 Variation 3 Variation 4 Variation 5 Variation 6 Variation 7 Variation 8 Learn how to quickly manipulate images for the above effects and more at the Ycademy Web Design Graphics Training. Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics. If you enjoyed reading the above, please [...]
Also posted in Web Design, Web Design Graphics and Images, Website Design | Tagged , , , , | Leave a comment

Fonts and Typography

Contents [ hide ] 1 Fonts and Typography Basics 1.1 Fonts and CSS 1.2 Font Families Fonts and Typography Basics Fonts determine how your text looks. We need to look at fonts on a micro level (glyphs, font family and so on) as well as on a macro level (text blocks, positioning of text, text size, indent and so [...]
Also posted in Web Design, Web Design CSS, Web Design Fonts and Typography, Web Design Style, Website Design | Tagged , , , , , , , , | 4 Comments

Web Design Workshop 4 – Navigation

Contents [ hide ] 1 Web Design Workshop 4 – Navigation 1.1 1. Navigation and Sub-Navigation 1.2 2. Category Navigation 1.3 3. ol, ul, li Web Design Workshop 4 – Navigation This Workshop will add style to the navigation and sub-navigation of our website. We start from the style-sheet as elaborated in Web Design Workshop 3. You may download the [...]
Also posted in Web Design, Web Design CSS, Web Design Navigation, Web Design Workshop | Tagged , , , , | 2 Comments

Web Design Basics

Contents [ hide ] 1 Web Design Basics 1.1 1. Purpose, Goal, Target 1.2 2. The Project Charter Document Web Design Basics Web Design Basics discusses some basic rules when planning, implementing and publishing a website. We divide the content into various phases which lead to the final result, a content rich user-friendly website with attractive looks. In practice we [...]
Also posted in Web Design, Website Design | Tagged , , , , , | Leave a comment

Web Design Elements

Contents [ hide ] 1 Web Design Elements 1.1 1. Lines and Linework 1.2 2. Shape 1.3 3. Texture 1.4 4. Color 1.5 5. Direction Web Design Elements The elements of design are the building blocks. We distinguish 5 basic web design elements: 1. Lines and Linework Lines can be horizontal or vertical, they can be borders or elements to delimit a a space. Lineworks [...]
Also posted in Web Design, Web Design Elements | Tagged , , , , , , , , | Leave a comment

Web Design Workshop

Web Design Workshop by Yorgo Nestoridis The Web design Workshop delivers an introduction to Web Design with a practical application to a WordPress based Theme from Semiomantics. The training units can however be applied to any other (WordPress based) site. Web Design Workshop 1 Prerequisites To start with we need to load a new WordPress Site to our Host. [...]
Also posted in Web Design, Web Design Workshop, Website Design | Tagged , , , , , , | Leave a comment

Web Design

Web Design by Yorgo Nestoridis The present website is devoted to Web Design Basics. The content is designed to help beginners to find an entry point into the world of Web Design starting from scratch. The site will tempt to answer questions you may not have wanted to ask. The site will deal with technical aspects namely [...]
Also posted in Web Design, Web Design Accessibility and Usability, Web Design CSS, Web Design Colors, Web Design Elements, Web Design Fonts and Typography, Web Design Graphics and Images, Web Design HTML, Web Design Layouts, Web Design Navigation, Web Design Style, Web Design Workshop, Web Design XML | Tagged , , , , , , , , , , , , , , | Leave a comment