Learn the difference between Absolute and Relative linking. Also see how to link to other html pages in your website folder structure. ITLS 5265 & 6265
Relative links are paths to files or pages within you website. Many beginning students will often code the file they want the link to go to, without realizing they need to include the path to it. This shows how to do so by looking at your site or folder structure. Material for this video comes from a student assignment where I have them they recreate Andrew Houle's blog "4 Principles of Good Web Design." You can visit Andrew's blog here, http://www.myinkblog.com/4-principles-of-good-design-for-websites/
All my videoes can be seen on my homepage www.gauteferstad.com. In this tutorial we learn how to link your webpages together. Not external links as we learned in our last tutorial. I show you how to make a folder to keep your documents in and show you how to make your documents communicate with each other using relative links (paths).
Today we're going to take a look at something that confuses a lot of beginning HTML and CSS designers, and it's called positioning. More specifically, the difference between what we call absolute positioning and relative positioning. This is part of the free Envato Tuts+ course 30 Days to Learn HTML & CSS: https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css For more great web design courses and tutorials go to: https://webdesign.tutsplus.com?ec_promo=tuts_youtube&ec_unit=description&ec_topic=webdesign
Thanks for watching! Check out my other tutorials at: https://www.youtube.com/user/madhurbhatia89?feature=guide
Our tips for safe, easy surfing on social networks. https://www.postfinance.ch/onlinesecurity
We define what a URL is, as well HTTP and HTTPS file transfer protocols. We also review file structure, and how to create a navigation bar using absolute and relative links with HTML and CSS.
When images are inserted in Kompozer from other directories/folders, the references to the images (url addresses) may be absolute. This means that additional folder have to be published along with the html page. Instead, copy your pictures into the same directory as the html page and re-insert the picture in Kompozer. This will produce a relative reference and your picture will show after publishing it. by Szymon Machajewski
CSS 'position' property explained . Learn how each fixed, absolute, relative, static value works with simple examples.
How to align text!