صمم موقعك بنفسك من غير اي اكواد | مفيش اسهل من كدة

Summary

In this tutorial, the presenter walks viewers through the process of building a website from scratch using Hostinger's website builder. Starting with basic concepts of domains and hosting, the video explains how to design and launch a professional website, using a coffee shop project as an example. The tutorial covers choosing a hosting plan, setting up the website, customizing templates, adding features like online stores, and managing product listings. The presenter provides detailed guidance on creating a responsive, functional website while emphasizing the importance of focusing on the steps involved.

Takeaways

• 😀 Get ready to design your first website from scratch, even if you're a beginner with no prior knowledge of web development.
• 😀 The video covers the entire process of creating a website using Hostinger's website builder, from picking hosting plans to launching the site live.
• 😀 The Hostinger Black Friday offer provides discounts up to 80%, plus a free domain for the first year when subscribing for longer periods.
• 😀 When choosing a hosting plan, consider the differences between the Premium and Business plans, including storage and email accounts.
• 😀 Use Hostinger’s website builder for an easy start, allowing users to create a site by selecting templates or building from scratch.
• 😀 The website builder supports adding multiple pages, such as a homepage, menu, contact page, and online store for an e-commerce setup.
• 😀 You can add products to your online store with ease by uploading images, specifying prices, and including product descriptions and discounts.
• 😀 Customizing the website’s design is intuitive, with the ability to edit text, images, buttons, and layouts by simply clicking on the elements.
• 😀 For the online store, set up manual payment methods like Cash on Delivery or bank transfers, ideal for local businesses in Egypt.
• 😀 Use AI-generated suggestions to streamline your website design, including generating prompts for content, layout, and structure.
• 😀 Before launching your website, make sure to connect your domain to go live and ensure everything is set up, including payment methods and product listings.

Q & A

What is the first analogy used to explain the feeling of building a website?

The instructor compares building a website for the first time to making a homemade dish, like baking macaroni béchamel, despite having no prior experience in the kitchen. This analogy emphasizes the learning process and how it might feel challenging but rewarding.

What were the main topics covered in the previous video?

The previous video focused on explaining the theoretical aspects of websites, including what a domain and hosting are. It provided a simple, beginner-friendly approach to help the viewer understand the fundamentals of website creation.

Why does the instructor emphasize using Hostinger's services?

The instructor highlights Hostinger due to its user-friendly interface, discounts, and strong features, such as a money-back guarantee and AI-powered tools. Hostinger also offers attractive pricing during special events like Black Friday, which the instructor uses to promote its services.

What are the differences between Hostinger’s hosting plans?

Hostinger offers three main hosting plans: Premium, Business, and Cloud Startup. The Premium plan is suitable for individuals with a limited number of sites, while the Business plan is designed for those who need more storage and email accounts. The Business plan also includes faster SSD storage and advanced AI features.

What is the significance of the 'Business' plan over the 'Premium' plan?

The Business plan offers several advantages over the Premium plan, such as more storage space (50GB SSD vs. 20GB SSD), the ability to host up to 50 websites, and additional email accounts. It also includes advanced AI features that help with website creation, which is a significant benefit for users looking to scale.

What steps are involved in purchasing hosting and setting up the website?

The user should choose a plan, input a coupon code for a discount, create an account, and then enter payment details. After purchasing, they can access the Hostinger dashboard to start building their website. The instructor also stresses the importance of choosing a longer subscription (12 months or more) to save on costs.

How does the website builder work on Hostinger?

Hostinger's website builder offers a simple, intuitive way to create websites. Users can either select from pre-designed templates or create a site from scratch. The builder allows for easy customization of sections, pages, and elements, and provides an option to use AI for creating content.

What are the options available for website sections in Hostinger’s Website Builder?

Users can choose from various pre-made sections such as text, images, videos, and social media icons. They can drag and drop these sections to customize the website layout. Additionally, there are options to adjust the size, colors, fonts, and even add animations.

What is the process of adding an online store to the website?

To add an online store, the user selects the 'Online Store' page option, uploads products, and sets up their descriptions, prices, and discounts. They can then choose between different product display formats, such as a single image or a combined view with details. The user also needs to configure payment methods like 'Cash on Delivery' or manual bank transfers.

What is the importance of customizing the 'menu' page?

The menu page allows users to define what their customers will see first when visiting the site. The instructor emphasizes modifying this section carefully to make sure that it’s easy for visitors to navigate. Additionally, you can add a description, images, and prices for each item in the menu.

What is the significance of linking the website to a domain?

Linking the website to a domain is crucial for making the site publicly accessible on the internet. The instructor explains that once the website design is complete, the domain must be connected so visitors can access it. Hostinger offers a free domain for the first year, but after that, users will need to pay for additional domains.