Website Building Guide

Web site building guide

Most important steps to launch a website: Ultimate guide to building a personal website The guide was initially issued in March 2012. Ever since, literally thousands of college kids (and even non-graduates!) have made their own web pages with it. That' s why you need a face-to-face website. The website is the exact opposite of a CV.

Every flaw in CVs can be easily corrected through a website.

I would go so far as to say that it's like a shot in the foot if you don't have a website - it's so useful. 1 ) A website is not statical, but rather dynamical. As soon as you achieve something, you can put it on your website. 2) Having a website makes you easier to find.

When someone wanted to look you up on the web and you didn't have a website, they could only get a Facebook or Twitter account. But if you have a website, you can be found by a much broader public and steer what it is they see first. It is the keys to building your own unique identity and enhancing your performance.

I got offers for work, customers for my web designing work and I got interviewed just because I have a website. Had I not taken the trouble to make one, I am sure that I would not have been found. In 2018, face-to-face web sites may be more frequent than ten years ago, but the overwhelming overwhelming proportion of college and jobseekers still rely on CVs and employment sites.

Today's success demands that you differentiate yourself, and a website can help. Learn how to create a website includes a number of different abilities, especially when dealing with customising and optimising things. Hopefully so, because this guide will show you exactly how to create this fantastic website!

I' ve been spending over 15 hrs to write this guide (as well as take and edit screenshots) to make it the definitive tool to bring yourself on-line. So if you want to see some face-to-face website samples before you start, here's what mine looks like today: My website is my own one.

I have also made sure that all earlier version of my website are available for you to checkout. that I used as a sophomore. Here is another great example - this is my friend's web site where she presents her artwork and illustrations:

Film-website of my friend Anna - a good example to look at as a graphics artist. I have worked really hard to make this guide as complete and yet as easily available as possible. It' s a little long reading, but that's because it leads you from virtually nothing to a ready-made website.

Otherwise you are welcome to drive through the whole guide. Seriously, creating a website is not difficult and you don't need to know any coding. Let's begin building your website. Your first choice to build your own website is how you want it hosting. A number of ways are available to create a website.

You can for example easily set up a free weblog at Weebly or WordPress.com, or even Tumblr. It will look much more legit and show that you have taken the trouble to actually teach yourself how to make a website that can distinguish you from the world. Still, it is much better to have a free website on WordPress.com or any other place if you have a limited website than to have no website at all!

Actually, this domainname will also lead you to my private page. So, once you've thought of a good domainname, let's start this whole website building procedure by getting your domainname and your hostings. I will use the combination approach in this Tutorial to keep things easy, but you can always contact me if you need help with the separate setup (or something else).

But it doesn't have to be that expensive, either - and I think that the small costs are really valuable in boosting your own website with your own unique trademark and believability. Type in your own and your own account number. The Plugins section will show you some ways to keep your site safe, backed up on a regular basis, and more likely in Google results (or "optimized for SEO," as we web freaks like to call it) - all for free.

Finally press the big gelben push badge to register your bankroll. Check your order and then open your own bankroll. It' s your turn to begin building your website. Like I said at the beginning, you will use WordPress (hosted by yourself, not WordPress.com) to setup your website. WordPress is mainly a blogsite, and you may have learnt that it is.

In recent years, however, WordPress has become so much loved and well backed that it is a great place to build non-blog pages. It' s known that WordPress only takes 5 min to set up; I say it's way too long. Naturally they have one for WordPress. Enter this address into your webrowser first ( but substitute "yourcoolnewdomain" with the name of your website): here is what you need: cpanel.

In order to have WordPress installed, see the "Basics" section and find the WordPress Installer shortcut. WorldPress Installer - a utility that helps you automate WordPress installation in seconds. Select a blog title. When you create a private website, use your name. Select Click the Install Now button. Here you can find your WordPress user name and a created pass word.

Here you will find your WordPress user name and your WordPress key. Under your install page you will find some special promotions for your favorite topics that you can use. I' d suggest you skip them - I'll point you to some great free topics later in this manual. Actually, my own website is based on a free topic.

Now you should have a fully functional WordPress install! When you are visiting your website, you will see a "website comes soon" page - which goes away and is substituted by your new website as soon as you login to the WordPress Dashboard and start it. In order to get to the dashboard, enter here the domain you want to use for the dashboard.

in your web brower - here you will do everything else related to creating/adjusting your website. The WordPress Dashboard can be accessed by adding "/wp-admin" to your domains. WordPress usually doesn't hold a single key; once you login to the dashboard, you have full control over all the utilities and it's up to you to find out what they all do.

The WordPress release that will install the cPanel scripts of HostGator, however, includes a brief assistant that can guide you through the setup of some things. Click on the "I don't need help" button under the Business and Personnel button to start. Together with the Assistant, the HostGator WordPress release is pre-installed with some plug-ins that you either don't need or are less than those I will be recommending later in the manual.

Let's get her off to keep things easy and tidy. Click Plug-ins on the dashboard's menu on the far right. Select the Checkbox next to Jetpack from WordPress.com, MOJO Marketplace, and OptinMonster API. Activate the checkbox next to all plug-ins - except Akismet. Acismet is a plug-in that will help keep your comments section of your blogs free of spamming.

When you choose to include a blogsite on your website (which is really simple with WordPress) and you want to activate your post annotations, Akismet will be useful for you. You should go through the fast activation of your site's free SSL Certificates before submitting your site contents.

If you look for example in the addressbar of this website, you will probably see either a padlock symbol or the words "Secure" next to the website name. Luckily, HostGator contains a free SSL to your SSL profile, so all you need to do is enable it on your WordPress page.

So, before you begin building your website, let's do a fast thing. When you are not there yet, go to the plugins section of your dashboard: Look for really simple SSL. It is a plug-in that activates SSL on your websiteutomatically. Installation and activation of the plugin: Click on the icon that appears to fully accept SSL.

Really simple SSL plug-in. Now before we get our feet wet with the page building industry and all, give us a few moments to get a feeling for the WordPress Dashboard. WorldPress is a system that is quite simple to use and navigation - especially since the developers have added 3.3 functionality.

I would like to go even further with the link in the side bar - these are all key features of WordPress. The Dashboard - the "homebase" of WordPress. Contributions - the WordPress hearts and souls. Here you will go if you want to contribute to a blogs or if you want to modify an already posted one.

Sites - here you can make pages that you will use for the most important contents of your website. Sites are different from postings because they appear in the top level menu of your site instead of your own blogs. Comment - here you can see the comment in your own blogs (if you choose to have one).

Your website design choices include menu and widget design that you want to view. When you get to the point where you want to manipulate the design of your website by hand, I suggest CodeAnywhere. plug-ins - here you can insert and administer your plug-ins, which are like small applications that can give your website new features.

A number of great plugs are available for you to use, but we will discuss them later. As this is a private website, the only one that should be here is your own. Knowing what does what, you should have an easy period to navigate WordPress and create your website.

WordPress lets the page titles play the page titles when you generate a page. WordPress does not do this by default when posting to blogs. Those redirects mean nothing - it's much better to use the heading of your blogs posting as a redirection. Now, your blogs will be much more catchy with your posting urls.

Just as you're done maintaining these little bits and pieces, it's your turn to build your pages and publish your contents on the Internet!

Have another look at the site to get a feeling for what you are doing here: As my present website uses a one-page layout (just click on the link to go to the appropriate section of the page), you can also take a look at one of my existing website layouts, which follows a multi-page approach:

That' s up to you, but what you should consider when making a choice is that the site is number one for your site to present your work and your knowledge. Ask yourself - What is the aim of my website? You can use this information to make your choice. In this way, you can create your own design, or you can create a design using a particular collection management style sheet.

It'?s a blogs. Wordprocess is configured by default settings for blogs, but you will configure your homepage as a statical About me page. Therefore, you have to create your own blogs by hand, which is still very simple. If you want, you can skip the blogs, but I think it's a good way to show your wisdom and thoughts.

So I have added a blogs on my own website. I will show you how to build your About Me page, and you can use the same step to build the remainder. However, before you do, you should remove the example page and point out that WordPress builds on your websiteutomatically.

First you need to get the example mail out by going to the posts in the WordPress Dashboard. Let's make it! If you are already in the page area of the WordPress Dashboard, you should be able to see the following You can see that the creation of pages in WordPress is quite simple. According to the chosen topic (more on this in the next step) you can type your contents elsewhere - so just type one or two example sentences.

Have a look at the different ways you can format your contents; you will notice that WordPress is not so different from Microsoft Word. WordPress' tool for working with contents. What your page will look like with the latest standard WordPress design. WordPress, however, displays the Blogs section as your home page by default, not this page.

Because this is a face-to-face site, not a blogsite, you want this page to be the first page people see when they visit your site. When you want to have a blogsite, make and post a empty page named Blogsite and post it as Posts Page. Now go back to the Pages section of WordPress and build the remainder of your pages.

It can be very simple to build this page if you just want to set up a hyperlink to your own feed. Either you can find a design with a built-in contacts page, or you can use any design and attach a contacts page with a plug-in.

When you want to include a blogs ite to your website, it's laughably simple. Just create another new page on the website named "Blog" (or whatever you want, it doesn't matter). Go back to Settings -> Read on your dashboard and adjust your post page to match the page you just made.

Your posted entries should appear on this page. For more information on how to create a winning blogs, take a look at my extensive building guide. Let's take a look at how to customize the look and feel of your website. Some of the best things about WordPress is the stupid large number of topics that are available to you.

With the help of a topic you can modify the appearance of your website without having knowledge of CSS or graphics at all. An issue is essentially a pattern or skins for your website. Your first steps in adjusting the look of your website are to find a topic that you like.

That can be said more easily than done due to the large number of topics that exist. Please be aware that not all topics are the same. A few topics are easy and only provide the fundamentals, while others are monumental designs with tens of mail type, animations and additional bell and whistle. Certain topics are intended for certain kinds of websites, such as journals or dining.

Similarly, some topics are free and others are not - AKA "premium". Usually premier topics provide many more choices and give you more versatility than free topics. You also come with another advantage - the assistance of the topic developers. But there are many great free themes you can use, so don't think you necessarily need a prime themed.

Actually I am using a free design on my own website (which I have below). I went out and found four WordPress topics that I think are good for my own pages. Remember that there are virtually a thousand topics, so this is just a point of departure.

That is the topic I use on my own website. It' s unbelievably diverse because it's a builder-style design that allows you to customise any page to a great extent. So if you don't have a great deal of thematic preferences or don't know where to begin, Simple is my best suggestion. I' ve even done an extensive introductory videosutorial that shows you how I used it to build my website:

The Verbosa is another great free design that gives you plenty of room to customize the look & feels. It is not a builder-style design, so you cannot modify the tree as often as with Simple, but you have many other choices. I think Verbosa is simpler to master than easy, which is a good compromise for its lower degree of versatility.

Although love craft is a topic for the blogger, with its great typeface, neat menus and large screen you could also use it for a good looking website. In contrast to the three preceding topics I have enumerated here, Ultra is a prime topic. Why should I therefore choose to buy a topic when there are so many free?

Themify Ultra is a topic - the same guys who made Themify, that's the free topic I talked about above. Whilst in fact Simplex is very adaptable - especially for a free topic - Ultra puts things in the foreground. In my personal opinion, the free of charge topic is sufficient for my needs.

Because Simple and Ultra are made by the same person and use the same base, you can begin with Simple and copy everything you have made to Ultra when you need it in the end. Would you like more topics? As I said, the subject choices you have are virtually infinite.

Also check if the topic you selected has a page for your contacts. In this case you can create a custom web page without using a plug-in. Whereever you find your design, just go ahead and upload it to your computer. Probably the design will be delivered in a zip-document called .

When you find that these directories are hidden in subfolders, you need to unzip everything and make a zipped directory with the directory that contains these directories. Much of the content comes with written material that will tell you how or even if you need to do this, so check with them for help when you need it.

As soon as you have the definitive zipped files, it is your turn to download and use them. In the WordPress Dashboard, move the mouse pointer over Appearance and click Themes. At the top, click the Add Themes button. Select your . zipped archive and click Install Now. Ensure that the design was successfully reinstalled and click Enable.

Upload a topic. At this point, I can no longer really deal with the topic set-up in this Tutorial. The topics are so varied that it would be difficult for me to deal with everything. Fortunately, most good topics come with proper set up guides. Nearly every WordPress topic out there will give you some customization choices for the logos, colours and other functions of your website.

While some topics may be combined with specific dashboard menus for specific preferences, most of your customizations are made using the built-in WordPress Customize Tool. There will be different choices for each topic, so you will have to choose to gamble with it yourself to see what is possible with the topic you have selected.

Here I modified the logotype of my website with the Customize utility. The Customize Utility may not be the only place where you can make changes, dependent on your design! As an example, the topic I link to my own website, Simple (above), has a complete page builder utility that can be used on any page.

Be sure to always read the topic related document so you know what all your choices are. WordPress' User-defined submenu functions. Ever since I released this Tutorial, many folks have asked me how to make customized macros on their pages. I' ve produced a brief videotape that will guide you through the entire creation proces of a customized website menue.

You' re probably asking yourself how you can get a nice logotype for your own website like I have on mine. The Fiverr is a website that allows folks to give other folks $5 in return for... well, almost anything. With your design now in place, it's up to you to optimize things a little further by add plug-ins and plug-ins.

WordPress alone is a great system with many features. The real glory of WordPress, however, resides in its capability to work with plug-ins - small (or large) wrapped parts of coding that give your website features. I think there are several plugs that are necessary for every WordPress page, and even more you might want to do.

The installation of plugs is quite simple. Contrary to theme plug-ins, almost every plug-ins you ever need are stored in the WordPress plug-ins archive. Zip file - you can actually just browse and download plug-ins directly from your dashboard! In the WordPress Dashboard, mouse over plug-ins and click New. Look for the desired plug-in.

Finding the plugins you are looking for is not surprising, so you will usually get the best results if you enter the precise name of the plug-in you are looking for. To learn more about the plug-in, click Details, or to download it, click Now. Click Activate after installation. When there is a set-up for the plug-in, take it.

Please note: Plug-ins work directly with the functions of your WordPress setup. It is important that you know exactly what plug-ins you want to have installed on your blogs; rely on what you are going to do. It is recommended to look up plug-ins in the WordPress plug-ins directory before reinstalling them. When a plug-in has a low stellar score, it could be corrupted - or even worst, it could have weak points that could open your blogs for attack.

Without several plugs I would not be killed on these high waves of the web. I' ll be linking to each individual's own Repository page, but keep in mind that you can easily set it up directly from your dashboard by just search. Logonizer - no, this plug-in doesn't turn your site into a Wolverine Fans Blogs (that would be Loganizer), but it prevents users from getting limitless opportunities to login to your dashboard.

Following a few unsuccessful tries, this plug-in blocks the IP adress of the individual trying to login. It is a great benefit to the safety of your website. Forms Ninja - a straightforward, easy-to-use interface plug-in. The WP Super Cache - put quite bluntly, this plug-in will make loading your website much quicker for your people.

WordPress retrieves information from its databases by default whenever a user downloads a page. It stores a great deal of this information in between, so it can be downloaded very quickly without the need for a data base call. UpdraftPlus is probably the best free site back-up plug-in I've ever seen. Those plugs are just the tip of the iceberg. Sure.

There is probably a plug-in that can help if you have something to do with your website. All right, now that you've got your plug-ins in place, let's get to the last point - the Widget. You can place a widget on any part of your topic that has been "widgetized", i.e. it has been configured to show a widget.

A few Widgets already appear by default on your site, such as Category, Recent Posts, and Meta (although some threads may not show them everywhere). In the WordPress Dashboard, move the mouse pointer over Appearance and click Appearanceidgets. To the right of the monitor, you will see all available Widget areas that have been designed for your design.

Incidentally, you can use the context plug-in if you want to specify certain pages on which a widget is or is not shown. As this is a private website, there are some special features that you may want to display: Left - if you have a friend who also has private pages, it can be great to place a hyperlink to them.

It was a great opportunity to create a virtual web site for students and business people, and I did it in the page bar of my former website. Now you should have a fully functioning website! You' ve made all your pages, your menu, a great design, some great plug-ins and maybe some broadgets in your side bar.

Submit me the address of your new website on Twitter! It was the aim of this workshop to get you from zero to a working website as simply as possible. But you can do much more to optimise the look, feel, performance, safety, SEO, browsing and type of your website... Your choices are unlimited. I get one of the most frequently asked question when I create a website:

Ultimately, it's about making our web pages look good for a mind bogglingly complex algorithms that includes detail that Google monitors carefully. It' s also much quicker when it comes to subscribing to new web pages that appear; when I began creating web pages, I recall submitting them for manual submission to searching machines and then sometimes having to spend a few month waiting for them to appear.

By all that is said, I would like to communicate some things that you can do to enhance the overall performance of your website. In order to keep things easy, we'll take an 80/20 stance here - because 80% of the results come from 20% of the effort. My recommendation is a series of three easy stages, each of which can have a big impact:

Let us begin with the contents of your website. Google has a fairly straightforward primary way of finding out what's on your site - and how important it is to a person's keywords: Therefore, the most important issue you need to ask yourself when you create the pages, news and biographies of your website is the following:

I am Thomas Frank, but Thomas Frank is also a well-known politician writer with several publications of literature, as well as a byline in high-profile web sites and papers and a Wikipedia listing. This is because I have worked to identify myself with words that describe my careers, my industries and my interests - and I have made sure that my website mentions them.

Here is the first section on my website: Of course, if this is the case, you should include it on your website - preferably on your homepage. Second, you need to fully grasp the importance of understanding the importance of other websites' hyperlinks in your own website rankings. For this reason, it is important to be able to hyperlink to your own website from other pages if you can.

I' ll notice that many socially minded web pages are created in a way that doesn't allow a hyperlink on your site to directly increase your rankings; however, making sure that it does so there can be other individuals (since Twitter and LinkedIn have much more popularity than your site), and they can end up creating a hyperlink from other webpages to it.

Fortunately, most good WordPress topics today are designed for mobility - which means you probably don't have to do much work to make sure your site is portable. When I was 12 years old, I began creating web sites. First, I was using the super-old Schule Geocities Site Building utility to create items using simple pull & dropping.

Using WordPress or any other type of CMS, anyone can create a nice website (like you just did) without having to know any source codes. However, a click on WordPress can only get you this far. Kodecourse - an incredible way to view free tutorial videos on all types of programming language, PHP included, which powers WordPress.

WorldPress Codex - the WordPress documentations. Actually, I learnt to create an iPhone application in just two and a half day with Treehouse. Jon Duckett's Design and build websites - a nice guide that provides a good overview of the fundamentals of webdesign. George Plumley's WordPress 24-hour trainer - if you are looking for a start with WordPress.

WordPress professional: It is a deeply ingrained WordPress work. Buy this only if you are interested in knowing how the Core and Loop works or how to begin creating designs and plug-ins. Don't Make Me Think by Steve Krug - the web user guide for kickstarting. This is a great way to get to know how to make web sites useful and available.

Hopefully you now have a fully functioning website and a burgeoning interest and expertise in web design. If you' re looking for an idea how to make your own website even better, you can also view our 50 fantastic website samples.

Auch interessant

Mehr zum Thema