STARTING WITH WEB DEVELOPMENT
When you create a website there are some basic things that a web developer must know before creating a website.
Some of them I have mentioned below with an introduction about web development.
WEBSITE DEVELOPMENT
Website development is the coding or programming that enables website functionality as per the owner’s requirements. It mainly deals with the non-design aspect of building websites, which includes coding and writing markup.
Importance
Website development is a way to make people aware of the services and/or products you are offering, understand why your products are relevant and even necessary for them to buy or use, and see which of your company’s qualities set it apart from competitors.
Additionally, with website development you can:
a. Communicate with your visitors effectively — Interacting with your audience is vital when it comes to generating more business.
b. Improve your connectivity -A website will facilitate things like expanding your reach and attracting more visitors to your business.
c. Prove your reliability — A website offers a straightforward method of showing the credibility of a business, and the way a person represents his business online is vital for attracting more customers or visitors.
Necessary Things Required To Create A Website
a. Domain name
b. Server space
c. Design
d. Good command on coding languages like HTML , CSS ,JS ,etc.
e. High- quality images for website
f. Logo design
g. Business email address
h. Code editor
i. Website hosting
j. Image editor
k. Website template design
l. Information gathering
Here, is an example of a school website that I have created:
Coding Behind Building This Website
Index file
Steps Required For Building A Website
a. Choose a domain name
b. Customize your web design and structure
c. Call the required CSS files.
d. You can check by giving a background-color to the page and view it in your browser.
For more details:
Refer:
https://www.w3docs.com/snippets/html/how-to-set-background-color-in-html.html
e. Set up the required <div> and sub <div> element and introduce their respective classes and id in them.
For more details:
Refer:
https://www.w3schools.com/html/html_classes.asp
f. Add the required navigation and reference links.
For more details:
Refer:
https://www.w3schools.com/TAgs/tag_nav.asp
g. Call the required images which are to be used in their respective <div>.
For more details:
Refer:
https://www.w3schools.com/html/html_images.asp
h. Add the required content for your website .
i. Add some buttons if required.
For more details:
Refer:
https://www.w3schools.com/tags/tag_button.asp
j. Add required lists using the <li> tag.
For more reference:
Refer:
https://www.w3schools.com/html/html_lists.asp
k. For styling purpose use the HTML5 reset stylesheet first.
l. Give appropriate style to the lists , images ,classes,<div>,<p>,<h>,button so that they can appear well when viewed.
For more reference:
Refer:
https://www.w3schools.com/html/html_styles.asp
m. You can do the elements styling by giving them a appropriate color, font-size, background-color, font-family , height ,width, padding, border ,etc.
For more reference-
Refer-
https://www.w3schools.com/html/html_styles.asp
n. You can do the styling of the page by giving them a proper background color, margin, border, padding, background -image, opacity ,etc.
For more details:
Refer:
https://www.w3schools.com/css/css_boxmodel.asp
o. Always define the quantity in pixel(px).
Problems that I have faced
a. Ensure that the files called are correct:
You can check it by giving the page a particular property like background-color in the style section
b. Ensure that the images called are correct:
You can check it by viewing your code first and the path and name of the respective image.
c. Don’t add too many textures and colors:
Use limited fonts and color. Maintain a thematic color scheme.
d. Little or no social sharing options:
To save yourself time and money, make sure you focus your social networks to not only what works for you but to where your customers really are.
e. Poor user experience on mobile devices:
When building a website you have to take into consideration all screen size variations. Often people who manage their own website will have it built to display correctly only on desktop computers.
f. Websites should be periodically backed up:
You must ensure your entire website is backed up so that if it were ever to go down, it can be restored at a moment’s notice.
g. Lack of On-page optimization and call to action:
Your prospective customer will search for your product or service in Google before they find your business online. If you want your website to show up more in Google when your customers are searching for solutions, it needs to have relevant content.
