Good day. My intention is to create a personal homepage where I can showcase my accomplishments, projects, and contact information. Up until now, I haven't made any concrete plans and only have a general concept in mind.

Could you recommend a book, website, or tutorial that can guide me in creating a satisfactory website? A quick search mostly yields self-help books from the early 2000s, so I'm looking for something more up-to-date. The book can be in either Russian or English and should provide a solid foundation for website development, allowing me to gradually refine and perfect it.

At present, I already have a registered domain and hosting from masterhost. However, I understand that this hosting service may eventually come to an end and transition into a simpler alternative.

Furthermore, if you know of any portals that offer free graphics for websites, please share the links.

Thank you.

Here are a few resources that can guide you in creating a personal homepage:

1. "HTML and CSS: Design and Build Websites" by Jon Duckett: This book provides a beginner-friendly introduction to HTML and CSS, the fundamentals of website development. It covers key concepts and techniques, making it a great resource for building a solid foundation.

2. w3schools.com: This website offers interactive tutorials on various web technologies, including HTML, CSS, JavaScript, and more. It provides practical examples and exercises to help you learn web development step-by-step.

3. Mozilla Developer Network (MDN) Web Docs: MDN is an extensive resource for web developers. It has detailed dоcumentation on HTML, CSS, JavaScript, and other web technologies. You can find tutorials, guides, and references to help you dive deeper into specific topics.

4. "JavaScript and jQuery: Interactive Front-End Web Development" by Jon Duckett: This book offers a comprehensive introduction to JavaScript and jQuery, covering both the basics and more advanced topics. It teaches you how to add interactivity and dynamic elements to your websites.

5. Codecademy (www.codecademy.com): Codecademy provides interactive coding courses on a wide range of programming languages and web development topics. Their hands-on approach allows you to practice coding directly in the browser, making it an excellent platform for learning web development skills.

6. FreeCodeCamp (www.freecodecamp.org): FreeCodeCamp is a nonprofit organization that offers free coding challenges and tutorials, including a dedicated section on responsive web design. It covers HTML, CSS, JavaScript, and more, helping you create websites that look great on different devices.

7. Canva (www.canva.com): Canva is a popular online graphic design tool with a vast library of templates, graphics, and images. You can use it to create visually appealing graphics for your personal homepage without the need for advanced design skills.

8. Codecademy (https://www.codecademy.com): Codecademy is an interactive learning platform that offers courses on web development, including HTML, CSS, JavaScript, and more. They provide a hands-on approach to learning and offer exercises to reinforce your understanding.

9. CSS-Tricks (https://css-tricks.com): CSS-Tricks is a website that provides a wealth of tutorials, tips, and tricks related to CSS. It covers various topics, from basic CSS concepts to advanced techniques, helping you enhance the visual design of your website.

10. GitHub (https://github.com): GitHub is a popular code hosting platform that allows you to collaborate with others and showcase your projects. You can find open-source projects, contribute to them, and also host your own website using GitHub Pages.

11. Google Fonts (https://fonts.google.com): Google Fonts offers a wide variety of free fonts that you can easily integrate into your website. You can browse through different styles, categories, and languages to find the perfect font for your personal homepage.

In terms of hosting, if you're looking for a simpler alternative, you can consider platforms like GitHub Pages or Netlify. These services provide free hosting for static websites and offer easy deployment options.

For free graphics, you can explore websites like Unsplash (https://unsplash.com), Pexels (https://www.pexels.com), and Pixabay (https://pixabay.com). These platforms offer a wide range of high-quality, royalty-free images that you can use on your website.

Go and search for individuals who have business card websites. Examine the code of the sections that capture your interest; comprehension is acquired through practice.

Create your own website and integrate it into the existing one temporarily. Once the maintenance period is over (Masterhost will notify you in advance), then you can focus on something similar.

P.S. I personally followed this path.

In my opinion, Jeffrey Zeldman's book "Web design by Standards" effectively explores the general idea, even though it is outdated. For a more comprehensive understanding, you can turn to Meyer's detailed CSS guide.


Both sources provide valuable insights into web design principles and techniques. It's important to recognize that while Zeldman's book may be old, its core concepts and best practices are still relevant and applicable to modern web design. Similarly, Meyer's CSS guide offers a thorough examination of the intricacies of CSS, equipping readers with the necessary knowledge to create visually appealing and optimized websites. By utilizing these resources, designers can establish a solid foundation in web design and stay up-to-date with current industry standards.