10
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.

M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Embed Size (px)

Citation preview

Page 1: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.

Page 2: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Web hosting. • Before you actually start on designing the web site you have to

get some web hosting space which can be done through one of two ways; one you get it yourself or two, you go and buy some from a website, which I advice because it’s much easier and less time consuming and this would get you one step closer to letting the world see your website.

• Also just to let you know your website originally comes with a free domain name such as http://48.websiteplan.cheese.com, which as you can see isn’t a very good one and wouldn't attract many customers.

• After you finished with finding a suitable web hosting spot for you, it would be then be uploaded to a secure server where you could access it through the internet.

Page 3: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Domain names. • A “domain” in this instants is a website which is controlled by

yourself or under the control of a particular organization or individual. A domain “name” is a part of a network address which identifies it’s belonging to a particular domain, which in your case is a website. So over all that’s what a (domain name) is.

• So for you to receive a lot of visitors and to get noticed on the internet, you would have to get a “custom” domain name because the original one you receive is almost like it’s designed to make sure you don’t get notices on the internet.

• Getting a custom domain name is extremely cheap. You can have your own domain name for as low as £1.29p. Also most web hosting service providers sell custom domain names directly on their websites, meaning your more then likely to be able to buy a custom domain name from your web hosting service provider.

Page 4: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Getting started on your website.• Once you have taken care of your web hosting provider and your

hopefully a custom domain name you are able to proceed to getting started on creating your website. So this will be done through various methods and it all depends on which web hosting provider you have chosen. For example you could have been provided with Dreamweaver Sc6 which is done on the internet, in which you would have to do most of the work but it would have explained to create a website to you clearly or you could have been provided with tools which do all the hard work for you such as www.weebly.com and all you would have to do is, pick a design, check the layout and add the content.

• Also over all you would be able to create a website you desire with most web hosting services you hired. Meaning your able to create a really cool website with zero any prier knowledge about programming languages such as HTML or PHP.

Page 5: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Style sheet for web development using CSS.

• A style sheet for web development is a form separating presentation and content from your website but what is CSS, it stands for Cascading Style Sheets and is the things which separates presentation for content.

• Why would you do that? Well because it allows separation which can improve content access, provide more flexibility and control in the section where you would present your content. Also enable multiple pages to share data and just overall reduce the complexity of doing it any other.

Page 6: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Using Meta tags.• A Meta tag is a HTML tag which provides a selection of

information about your website, which is displayed on search engines whenever someone searches for something that you may have on your website specifically or similar.

• Also writing meta tags which have a good description of your website for example 3 to4 sentences improve the chances of your website scoring high on the search engine results, which could result in you receiving more unique visitors and becoming more popular.

Page 7: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Web design languages.• On the Internet there loads of languages, all of whom are used

for different purposes and different reasons. The majority of languages are specially designed for their purpose for example CSS is a language who's main purpose is to design the style for a website, where as JavaScript is mainly designed to create the interactivity on a website. So what I am trying to say is you can get the exact website you want, it is crucial to get the right languages together.

Page 8: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

www.weebly.com• I designed my website using the easy option, which was

“weebly” an American base web hosting service provider who specialize in “drag-and-drop” website building, which basically means instead of you writing the coding for the website and creating the design and the template. It’s already done but as a demonstration of what your own website may look like if you put in the effort . Resulting in you getting new ideas of how your website may look like, which you may have not considered before.

• Also “Weebly’s” tools for the website creator are powerful and free to use which saves you around £230 compared to Dreamweaver Sc6. Which include adding maps, gallery's, surveys etc.

Page 9: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Weeblys tools and features.• As you can see Weeblys

tools and features from the right. It is extremely easy to use, all you have to do is click on any of the 5 features above the word “BASIC” and then click and drag the tool you require on to the website designer.

Page 10: M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij

Managing Weebly.

As you can see from the picture below, Weebly allows you to modify your text color, boldness, size, hyperlink, alignment etc. Which are vital tools for creating an ideal website because without them everything would be the same color, size, boldness etc. Which over all wouldn't make it very interactive for the visitors.