Web Design Has Many Different Roles

Basic Web Free Website Builder 2020

Page 13 BASIC PARTS OF A WEBSITE

Creation HOW TO MAKE A WEBSITE

WITH WIX
Design is key part of Web Design
Design, obviously, is a key part of "web design."
What does this mean exactly? Design includes
both the principles of design balance, contrast,
emphasis, rhythm and unity and the design
elements lines, shapes, texture, color, and
direction. By putting these things together, a
web designer creates websites, but a good web
designer understands not only the principals of
design but also the constraints of the Web.
2 Presentation title 20XX
1. HTML(Hypertext Markup
Language)
- This is the structure of web
pages, creating the
foundation of all websites.
3 Presentation title 20XX
2. CSS (Cascading Style Sheets)

- This is how web pages are

visually styled. CSS handles the
entire look of sites, including
layout, typography, colors, and
more.
4 Presentation title 20XX
3. JavaScript
- This governs certain
behaviors on websites and can
be used for a variety of
interactions and features.
5 Presentation title 20XX
4. CGI programming
(Computer Generated Imagery)
— CGI, and the next few entries (PHP, ASP,
etc.) are all different flavors of programming
languages. Many sites do not require any of
these languages, but sites that are more
feature-rich will certainly need to be coded
using some of these languages.
6 Presentation title 20XX
5. PHP (Hypertext Preprocessor)
- a widely-used open source
general-purpose scripting
language that is especially suited
for web development and can be
embedded into HTML.
7 Presentation title 20XX
6. ASP (Active Server
Pages)
-ASP is a development
framework for building web
pages.
8 Presentation title 20XX
7. XML (Extensible Markup Language)

- Extensible Markup Language (XML)

is a markup language that defines a
set of rules for encoding documents in
a format that is both human-readable
and machine-readable.
9 Presentation title 20XX
8. Information Architecture
— The way a site's content and
navigation is structured and
presented helps make for a
successful site that is easy and
intuitive to use
10 Presentation title 20XX
9. SEO (Search engine optimization)
— ensures that websites are attractive to
Google and other search engines and that
people looking for the products, services,
or information features on
that site can find it once they look for it
online.
11 Presentation title 20XX
10. Server management
— All websites need to be
hosted. The management of the
servers that host those sites is
an important web design skill.
12 Presentation title 20XX
11. Web strategy and marketing
— Having a website is not enough.
Those sites will also need to be
marketed with an ongoing digital
strategy E-commerce and
conversions
13 Presentation title 20XX
12. Design
— Creating the visual look and
feel of websites has always been
an important aspect of the
industry.
14 Presentation title 20XX
13. Speed
— A successful site is one that loads
quickly on a wide variety of devices,
regardless of a visitor’s connection
speed. Being able to tune the
performance of sites is a very valuable
skill.
15 Presentation title 20XX
14. Content
— People come to websites for the
content that those sites contain. Being
able to
create that content is a critically
important component in the world of
website design.
16 Presentation title 20XX
There's also so much more areas and skills
that cross into the field of web design, but
most designers don't try to cover all of them.
Instead, a web designer will generally focus on
one or two areas where they can excel. The
other items in web design that are needed are
ones that they can partner with others one as
part of a larger web design team.
17 Presentation title 20XX
Wix -is a big name website builder
which offers a free plan, enabling you
to have the run of this service without
having to put your hand in your
pocket. And you benefit from one of
the most impressive website editors in
the business.
18 Presentation title 20XX
This editor can be run in ADI (Artificial Design
Intelligence) mode, which has a very basic interface
to keep everything really simple and user-friendly.
Wix is so polished that putting together your site
using the editor feels more like using a native
application rather than a website builder, and it also
sports excellent support for a diverse range of
media, and quality customer support as well, even
on the free plan.
19 Presentation title 20XX
Constant Contact- provides an intelligent
website builder and ecommerce store
platform, both of which are free to use.
Setting up a website is easy using drag-
and-drop functionality, allowing you to set
up a design simply and easily, and insert
the features you need.
20 Presentation title 20XX
Settings are automatically optimized for mobile
platforms and SEO, and there is a free image
library with over 50,000 images included as part
of the package. The ecommerce platform allows
for online payments through Paypal, Mollie, or
Stripe. There are order and inventory features
that automatically updates inventory with
orders, and sends an email alert when items
become out-of-stock.
21 Presentation title 20XX
Weebly - offers you two ways to build your
website. Both involve creating it online,
and
both are as quick and painless as
possible. The simplest option is to use the
basic editor builder which will guide you
through a series of questions before
automatically creating a site for you.
22 Presentation title 20XX
A more hands-on approach is available if you
decide to use the standard Editor. There are
literally hundreds of stylish templates to choose
from and, yes, they are genuinely impressive which
you can tweak and tailor to your needs using a
beautiful WYSIWYG editor. You can also liven it up
using additional features such as a newsletter and
live chat. This power and flexibility make weebly a
top-notch website builder.
23 Presentation title 20XX
Wordpress - Ideal for static sites, portfolios,
online stores and blogs causing a slight
degree of confusion, there are actually two
different versions of WordPress. The more
complex variant can be downloaded from
wordpress.org, and you will need to upload it
to your own web space and install it using the
automated online installer.
24 Presentation title 20XX
 This is the route many bloggers go
down, but there is a simpler option
for people who don't want the hassle
of fiddling about with scripts and
getting dirty with hardcore editing.

25 Presentation title 20XX

Incomedia WebSite X5 - received an overhaul
in April 2019 with new templates, an updated
interface, new paid versions and more. The
main thing to note is that the service now has
a free version for everyone (note that the free
version for TechRadar readers is still
available to download).

26 Presentation title 20XX

CoffeeCup Free - HTML Editor is one of a
dying breed of web building programs that
don't use a CMS. While not in the same
league as the likes of Adobe Dreamweaver,
Free HTML Editor packs quite a professional
punch. With split screen code/preview views,
it's possible to so the effect the changes you
make have straight away.
27 Presentation title 20XX
For absolute beginners, the program might
seem little overwhelming to start with, but
it's worth sticking with assuming you have
some HTML knowledge. There is one slight
issue; a number of features, such as spell-
checking and code optimization, are only
included in the paid for version of the
program.
28 Presentation title 20XX
Joomla - is a well-known name in the CMS
world. It may not be as popular as
WordPress, but it offers the same two
options: build a site using the web app at
launch.joomla.org and have it hosted on the
company's servers, or download the
software from joomla.org and host it
yourself.
29 Presentation title 20XX
Joomla's online website builder is nearly as
complex, but doesn't involve the same set
up process, making it a better option for
beginners. Its key selling point is a huge
collection of themes and extensions, which
provide endless ways to customize the way
your site looks and works.

30 Presentation title 20XX

Jimdo - is a German website-builder and all
in one hosting solution, designed to enable
users to build their own websites without
any web design experience. The company
is privately held and headquartered in
Hamburg, Germany, with offices in Munich
and Tokyo.

31 Presentation title 20XX

Jimdo Dolphin is an Al-powered website-
builder designed for users with basic
computer skills and automates most of the
website building process. It uses artificial
intelligence to get to know the user, their
business, and their goals, then builds a
website that is already fully personalized
to meet their needs.
32 Presentation title 20XX
1. Website logo - The logo section of the
website will commonly be the space for
identifying the website brand. While
personal blogs and other non brand driven
websites may only include the name of the
website here, this spot is the first point of
call for establishing a brand on the
website.
33 Presentation title 20XX
2. Header - The header is the top
portion of the website, often
containing the website logo as well as
the main menu. The header is often a
permanent fixture of the website,
where the main content might scroll
beneath it.
34 Presentation title 20XX
3. Menu – Menu’s, often placed at an easy
to reach place on the website, provide a
way to navigate the website in an easy
way. A main menu is often contained in the
header, or on a collapsible pane
(especially in mobile views of websites),
and allows navigation through the pages
of the website.
35 Presentation title 20XX
4. Body -The body area of a website is
the area of the website that contains
the most content. There are a number
of different kinds of content. Specific
pages will contain specific content.

36 Presentation title 20XX

5. Highlighted content - Highlighted content,
often exclusively on the home page,
guides visitors to parts of your website
that will convert into website goals.
Website goals are the actions,
interactions, etc. on your website that fulfil
the very purpose of your website.

37 Presentation title 20XX

6. Call To Action (CTA) – CTA’s are important
for guiding visitors to your website to
important information, completing website
goals, and navigating your website. CTA’s can
be obvious, such as buttons, or more subtle,
like linking within text, but all serve the same
purpose: guiding visitors to information that is
relevant to them.

38 Presentation title 20XX

7. Sidebar -While many modem websites with
flat design elements frame the body content
within the full width of the website, sidebars
are very common website elements that
haven't disappeared entirely. Sidebars, like
menus, often help with navigation. When large
amount of information, like multiple blog posts,
or products need to be ordered, a sidebar can
help.
39 Presentation title 20XX
8. Posts and "feed" content - A handy way to get
visitors to your website engaging with the
content on your website is by offering a "Teed"
of content. This, like a slideshow of
recommended products or, in this case, the
latest blog posts, serves to pique the visitor's
interest and guide them to completing website
goals (in the case of the dummy website.
reading a blog post).
40 Presentation title 20XX
9. Internal Links - Internal links are useful
for creating an ideal flow through your
website. In the example, the link takes
users to the blog page, where they can
peruse the full list of blog posts and find
something that interests them and
effectively completing a website goal.

41 Presentation title 20XX

10. Forms - Forms are ideal ways of gathering
information from your visitors. Contact forms
are very common, and work to get the name
and a means of contacting visitors at the very
least. Sign-up farms, application forms,
shipping information forms, and the like are
other examples of how forms are used on
websites.
42 Presentation title 20XX
11. Buttons - As CTAs, prompts to
complete an interaction like a form, or
simply as a link to another part of your
website (menus use this often)
buttons are handy interactive parts of
your website that prompt
engagement.
43 Presentation title 20XX
12. Footer - The footer is the round-up of
the website. Typically, the footer will
contain important links on the website, or
sometimes, links to all of the pages of the
website. A copyright and date stamp is
common, to protect the information on
your website and let visitors know when
your website was last updated.
44 Presentation title 20XX
13. Social links - Social media links
are a popular addition to most
websites. Most websites shows
the links in the footer, social
media links can be displayed on
any part of the website.
45 Presentation title 20XX
Visual, drag-and-drop editor
- Easily customize any template without needing to
touch a line of code.

500+pre-made Templates
-Choose from over 500 highly optimized, customizable,
and eye-catching templates.

46 Presentation title 20XX

Artificial intelligence design tool
- Wix can create a website for you using its artificial
design intelligence tool (ADI).

Wix Apps
- The Wix app marketplace contains both free and
premium apps, including business, promotional,
and blogging tools.

47 Presentation title 20XX

Ecommerce functionality
- While it's not a heavy duty Ecommerce platform, Wix includes
everything you need to sell some products.

Built-in hosting, security, and maintenance

- Because Wix is a fully hosted solution, hosting, security, and
the maintenance of your website are all taken care of for you.

Support
- Wix has a well-organized knowledge base to help you get
started. You can also submit a support ticket or chat on the
phone to one of the help team if you have a problem.
48 Presentation title 20XX