How to create a web page
Creating a website from scratch and giving life to its Web pages is complicated, you know. But this does not stop your enthusiasm and your desire to learn; for this reason you have clicked on my guide. I would like to understand what solutions are available to give life to your personal space on the Internet, creating one or more Web pages that represent you.
Well, if things are actually this way I can not help but say, “I’m glad you want to learn more”, and that’s why I want to do all I can to help you. You’re right, setting up a website may not be that easy, especially if you want to create it from scratch and you do not know the programming language or if you’re not an expert at using the computer. But nowadays it is no longer necessary for you to study for hours to create an Internet site; thanks to the advent of technology, creating a website and its Web pages has become easier. I am therefore sure that, with a little effort and a little patience, you will be able to create your own personalized website.
Do you wonder how? The answer is a few lines away from this. During this tutorial I will talk about the different options available to you to create a web page. Are you curious to know more about how to create a web page? Very well! Then proceed with the paragraphs that will follow; I’m sure you’ll be thrilled by what I have in store for you. Let it bet? I wish you a good read!
Index:
- What is a web page
- How to create a web page using CMS
- How to create a local web page
– How to create a web page locally using CMS
– How to create a Web page in HTML
What is a web page
How to create a web page
To explain the concept of Web page, it is right to analyze the expression, breaking the two terms: a page means a document that contains within it textual and multimedia elements; with the word Web, on the other hand, we mean the possibility of distributing content via the Internet, therefore with a public or selected range of users. So you can easily understand that a Web page is simply a document that users can access through the Internet (by visiting a specific link) to be able to view the contents inside.
This guide you are reading is an example of a Web page. Inside you are in fact not only viewing the guide in question, but also some multimedia elements, such as the attached images.
A Web page can be independent and solitary or it can be one among the many others that belong to a single website. The latter is an aggregator of Web pages that all have a common feature: they are part of the same domain.
I’ll give you a practical example to clarify this topic. As you understand this guide is a Web page, but these other my guides, titled How to create a link or How to activate Google Assistant, are also Web pages. These are all part of the same website howtodofor.com, which has as a domain for precisely www.howtodofor.com
Now that you are clear about the concept, before actually going to tell you how to create a Web page, I would like you to ask yourself a few questions: do you want to create more Web pages for a website or you want to create a single Web page, for example to host information an event or simply as a business card for your business? Also, do you want to create a web page to be seen by anyone on the Web or just for personal reasons?
Answering these questions is important because it will help you to understand the following paragraphs, where I will explain the use of services and platforms that will help you to create a Web page and also the practical application to compile your web page through source code.
How to create a web page using CMS
How to create a web page
When we talk about a website, we often talk about the platform you use to create it, that is, the CMS that manages all the contents of your website. The acronym CMS stands for Content Management System and indicates software that, installed on the server , allows to manage the contents published by the owner of the website. CMSs have become widespread precisely because they are easy to use and often do not require special skills.
So far there are many CMS that can help the user to create and publish a website. One of the most famous is WordPress. But there are also other CMS like Drupal, Joomla and TYPO3, but I recommend WordPress because it is what I have been using for years.
In order to use WordPress to publish your content on the Internet, you will need to have a server or a hosting (ie a server space). You can also buy a domain, like that of this guide you are reading www.howtodofor.com, to make it easy to reach. In this regard I suggest you read the guide entitled Creating a free website or this guide entitled Best WordPress hosting.
Let’s put the case then that you have already bought and installed WordPress on your hosting, following the advice of the other guides that I have suggested. Now you will need to create web pages with WordPress. How to do? The process is really simple, it will take you very little time to create a web page.
Reach the WordPress admin panel, usually located at www.domain.extension / wp-admin /. Log in with your administrative credentials, if asked to do so.
From this panel, you can display a vertical menu bar on the left. You will be able to view two entries that will help you create Web pages: Articles and Pages. You’re wondering why there are two different buttons to create the same thing, right? In reality, although similar, conceptually they are different. The articles are designed to be content that has a chronological value, while the pages are static content over time. Is not it clear yet? I’ll give you a concrete example right away.
Take for example my website howtodofor.com It has both articles and pages, in fact I would say it has far more articles than pages. All the guides that I propose on my site are written as articles, because they have potentially dynamic contents, which can vary a lot over time, due to changes on the topics I’m talking about. Instead, the Web page Who is how to do for was created as a WordPress page and not as an article, precisely because it aims to be a more static content over time; which therefore does not require frequent updates.
How to create a web page
Now that you have understood conceptually the difference between WordPress pages and articles, click on the item you want to create. For simplicity of information, we will take as an example that of creating a page with WordPress and not an article. At the top left you will find the Add new button next to Pages. Click on it to enter the page editor and start filling out the web page you want to create.
At the top you will find a text box with the text Insert the title here, which you can use to give a title to the page. Immediately below you will find a large box that will allow you to insert the entire body of the page, thus being able to insert text or multimedia content. If you want an advanced formatting editor, click on the tab at the top right of the box, called Visual. When you have entered all the content you want, from the right pane you will have to click on the Publish button. If you want to save a draft, click Save draft instead. The page preview can be viewed by clicking on Preview.
If you want to limit the view of the page to users, you will have to click on the Edit item in the right panel, which will be in the vicinity of the Visibility item. You can then select whether to show it to anyone (Public), to users who have a password (Password protected) or only to Web site administrators (Private).
Viewing pages and articles on WordPress depends on how you set up your homepage and menu items. Therefore, to display it on your Home page, you will need to act through the settings of your theme’s appearance.
How to create a local web page
If you want to create a local web page instead, you have several alternatives that depend on your goals. For example, you can install a CMS on your computer and create web pages and the website locally, then transfer it to a hosting and make it available to everyone. Or, if you need to create Web pages in HTML for your personal projects, you can create them locally using Web tools and / or programs suitable for the purpose. Of course, as long as the page you’ve created remains local, it can only be viewed by you.
How to create a web page locally using CMS
How to create a web page
Creating a local web page using CMS does not require the payment of any amount for the acquired hosting or domain. You can easily install a CMS on your computer, using the many server emulation software. Among these I recommend Bitnami, a software that allows you to start a server locally to allow the execution of Web applications, such as WordPress, Joomla and many others. Given the ease of use and popularity of WordPress, I will explain how to install WordPress locally to create your Web pages.
Click on this link to reach the page dedicated to WordPress on the official Bitnami website. From the left panels, find the one labeled Local install and download the installer for your Windows computer or macOS. In this guide I will cover the procedure for computers with Windows.
After downloading the installer, double-click on it and click on Yes, in the user’s control window, and then click OK to select the language (default English). Wait a moment and, if you see a window that warns you of possible conflicts with antivirus, click Yes. Then click on Next three times and in the screen that appears, enter a password of your choice, even simple. Remember the username (user) and password entered, as you will need them to access the WordPress admin panel. Then click on Next and enter, if you think fit, the name of the website you are creating locally. Then click on Next twice and then uncheck the Launch WordPress box in the cloud with Bitnami. Continue with the Next button twice more. At the end of the installation press on the Finish button. Immediately you will open the Bitnami web page and you will have to click on the Access WordPress entry.
You will then open the website in WordPress with the address http://127.0.0.1/wordpress/. This is also the address for accessing your locally created website each time. To access the WordPress administration panel, type http://127.0.0.1/wordpress/wp-admin/ in the browser’s address bar. Once logged in with the credentials you have registered during the installation phase of Bitnami, follow the procedures I have indicated in the previous paragraph to create a local web page.
How to create a Web page in HTML
How to create a web page
To create a web page you can also use the classic method that involves writing it through the HTML language. HTML pages are made up of tags that identify the elements you want to insert into your document.
There are many tags in the HTML language, such as the <img> tag to insert images, the <h1> tag to insert a text title, the <a> tag to create links to other elements inside or outside the page via link or the <p> tag that identifies the paragraph of a text. The ones I have shown you are just some of the many tags that can help you insert text and multimedia elements in a web page.
It is important, however, that in order to create a Web page, specific tags are inserted: the <html> tags at the beginning and </ html> at the end, identify an HTML page and are used to display this correctly by the browsers. The <head> tag followed by the <title> tag is important to give an idea to the users of the topic they are viewing on the page. Also important is the <body> tag that identifies the entire body of the page, which will contain all the elements that I talked about before for the insertion of text and multimedia elements.
In order to create a Web page in HTML you can proceed in different ways. For example, you can compose your page in a word processor, such as Microsoft Word, and then save the page in HTML format, such as Web page or Web page in a single file.
If you know HTML tags, you can use basic editor programs. One of the most famous is Notepad ++ which will allow you to compile a Web page in HTML. Inside there are several selectable languages, including precisely the HTML language, to compile a page in HTML by making fewer mistakes.
Finally, I recommend a last method to create your Web pages, that is the online tool HTML5-Editor.net, which is a middle ground between those I have suggested so far. In fact, through the left pane, you can fill in your web page directly in HTML and preview it on the right or write in the advanced text box on the right and view the corresponding HTML on the left. It’s still a great way to learn how to use HTML.
How to create a web page