Web design
First: Planning
Before you do anything, you need some ideas. What should your site actually do? A site can do just about anything, but for your first attempt, you should not complicate it. You will start by creating a simple web page with a title, image and a few paragraphs.
To begin with, you will need to answer the following questions:
1. What is your website about?
2. What information do you present on this topic?
3. How will your website look like in simple terms? What is the background color? What kind of font is appropriate: formal, lively, bold, and loud, subtle?
Complex projects need detailed guidance that gives details about colors, fonts, the spacing between page elements, proper writing style.
Next, take a pen and paper and outline how you want your site to look. For your first webpage, you don’t have much to sketch, but you should get used to it now. It helps.
Even at real, complex sites, design teams usually start with rough sketches on paper and later build digital layouts using a graphical editor or web technologies.
Web teams often include a graphic designer and a user-experience (UX) designer. Graphic designers put together the visual elements of the site. UX designers have a somewhat more abstract role in addressing how users will experiment and interact with the website.
Choice of resources:
At this point, it is good to gather content that will eventually appear on your web page.
1. Text
You should still have your paragraphs and title earlier. Keep them close to you.
2. The color of the theme
To choose a color, go to Color Picker and choose a color that you like. When you click on a color, you will see a strange six-character code, such as # 660066. This is called hexadecimal code and represents your color. For now, copy the code to a safe place.
3. Images
To choose an image, go to the Internet and look for something suitable. Alternatively, copy the web address of the image from the address bar of your browser for later use.
Most images on the web, including those in Google Images, are protected by copyright. To reduce the likelihood of copyright infringement, you can use the Google license filter. 1) Click on Tools, then 2) Rights of use.
4. Font
Go to Google Fonts and scroll down the list until you find one you like. You can also use the controls on the right to further filter the results.
A website consists of several files: text content, code, style sheets, media content, etc. When building a website, you need to assemble these files in a rational structure, on your local computer, to make sure they can communicate with each other and your content looks good, before uploading to a server.
File Management discusses some issues that you should be aware of so that you can create a file structure for your site.