Your first requirement is to design your website. Experienced coders can do this with a simple text editing tool such as NotePad. However, if you are not a coder there are alternatives and DoveSoft recommend free tools such as WordPress. For the hobbyist, other recommended non coding software includes Xara Designer Pro, Mobirise, and WYSIWYG Web Builder.
You may simply require to host your site on your own computer and its web pages will contain links to web addresses of your choice. This is achieved by publishing/exporting your site from the web design software to a folder on your computer. Most users however will require their site to be accessible to all on the Internet, in which case you will need a domain name, web host and optionally a database.
Before designing your web site, you will need to understand web terminology as demonstrated on Ken Carney's excellent free Home and Learn site. Web pages are coded using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS) and will require an investment in your time. Alternatively, web design software such as Xara Designer Pro and Mobirise avoid the need for coding and use a simpler drag and drop style similar to desk top publishing software.
Having published your site from the web design software, it needs to be transferred for storage on your web host using a file transfer program (FTP). Some design software include FTP software but standalone programs such as the excellent open source FileZilla also exist. You will need information such as the host web address, username and password, which will be supplied by your web host, in order to connect to the web host using FTP.
An important first consideration is if your web site will be designed using a fixed, responsive or adaptive layout. Fixed layouts are easier to design as the designer decides the page width and content is positioned in fixed or absolute positions. Currently, this approach is adopted by Serif WebPlus.
Most responsive websites rearrange the text and graphics to fit the screen size with often unattractive results. What looks good full screen on your computer might not look so great on a tablet or smart phone when the text and graphics are reshuffled. Some web design software such as Xara Designer Pro lets you design variants of your website for specific display sizes, from full desktop browsers to mobile devices. These variants, which are actually different layouts of the same site are linked, so if you change the text or photos on the main site, the text and/or photos on the variant or variants changes as well. Your browser should automatically load the relevant variant.