We are a digital marketing and software agency that stands out from all other agencies. Our team of talented and creative individuals work closely with you to deliver rich and engaging solutions that drive qualified traffic to your website and convert that traffic into sales. Red Cherry has offices in both Kelowna, BC and Calgary, AB. We work closely with you to develop a comprehensive digital marketing campaign for Facebook, Google, Twitter, Remarketing (largest ad network), Pay Per Click, SEO, and more. Providing website design in Calgary for over 10 years. We are also a full scale software development firm specializing in web development and apps development. With over 500+ websites launched and 150+ enterprise software builds Red Cherry Web Design and Development team is seasonsed and talented.
Let's chat +1 888 401 6668
How to Empower the future of UX Design with Gen AI
Website design-calgary-inc
1.
2. What is a Web site?
AA wweebb ssiittee iiss::
a presentation tool;
a way to communicate;
a learning tool;
a teaching tool;
a marketing important
tool;
introduction why examples
3. Step 1
Think!
Before you do anything else, you need to
spend time thinking about the 4w’s.
What is the purpose of the web page/site?
Who is your target audience?
What will bring your audience back?
Where will your audience be using the site?
introduction why examples
4. Step 2:Follow The Rules
To creat a we site you must follow theses rules:
RRuullee 11:: YYOOUU aarree NNOOTT tthhee UUSSEERR..
• What you understand is not what a user will understand; ask
the users to design the site the way they want.
RRuullee 22:: UUSSEERRSS aarree NNOOTT PPRROOFFEESSIIOONNAALLSS
• Users will not think carefully about the new added features in
the Web site without your directions.
RRuullee 33:: GGiivvee tthhee ccoommmmoonn uusseerr aa lliittttllee ccoonnttrrooll
• Allow the user some choices and the ability to control color
and themes on their accounts.
introduction why examples
5. Step 2:Follow The Rules
RRuullee 44:: MMaakkee ssuurree tthhee vviissuuaall ccoonntteennttss ooff aa ssiittee rreellaatteess ttoo
iittss ffuunnccttiioonn..
A nice-looking design must enforce the website functionality
RRuullee 55:: RReessppeecctt GGUUII aanndd WWeebb iinntteerrffaaccee ccoonnvveennttiioonnss..
Designers need to respect conventions of navigation choices,
navigation placement, colors, and so on.
RRuullee 66:: KKnnooww aanndd rreessppeecctt tthhee WWeebb aanndd IInntteerrnneett mmeeddiiuumm
ccoonnssttrraaiinnttss..
• Don’t ignore the differences in the emerging Web medium,
color reproduction, bandwidth limitations, and so on.
introduction why examples
7. Step 4
Open Website designing tools like
DDrreeaammwweeaavveerr ,, FFrroonnttPPaaggee ,,
SSeeaaMMoonnkkeeyy,…and start designing your
web pages.
Save your work often!!!!!!!!
Typically we name the home page in a web site
“iinnddeexx..hhttmmll”
introduction why examples
8. Some Things to Remember
You do not have the layout control in a web editor that
you do in Word or PowerPoint.
Therefore, the web designers used ttaabblleess to control the
layout out of their pages. If you set the borders of the
table to 0 width, you can't see the outline of the tables in
the web browser.
YYoouu wwiillll ggeett vveerryy ffrruussttrraatteedd iiff
yyoouu ttrryy ttoo ddeessiiggnn aa wweebb ppaaggee
wwiitthhoouutt ttaabblleess.. YYoouurr ggrraapphhiiccss wwiillll
nnoott aappppeeaarr wwhheerree yyoouu wwaanntt tthheemm..
introduction why examples
9. NNoottee::
Naming Web Files:
Use all lower case (it will be easier to communicate the
URL to others if it is all lower case).
DO NOT have spaces in file names (some old browsers
cannot handle spaces. You should rename graphic files if
they have spaces)
Try to keep file names as short as possible (this prevents
errors in typing in URLs)
URL(Universal Resource Locator)= Site Address
ex: URL of hotmail is : www.hotmail.com
introduction why examples
10. Types of Web Pages
Any web site composed from a set of web pages:
Some of those pages are ssttaattiicc ((aabbssttrraacctt)) ppaaggeess while other pages are
ddyynnaammiiccss ((pprrooaaccttiivvee)) ppaaggeess..
A dynamic page that will
take user name and
password and check it to
allow login.
A static page with no
interaction that user will
only read and close if.
introduction why examples
11. Web Development Languages & Tools
1. HHTTMMLL/DHTML/XHTML
2. Java
3. Web Design Tools e.g. FFrroonnttppaaggee, Dreamweaver.
3. Scripting Languages e.g. VBScript, Javascript
4. Cascading Style Sheets
5. XML
6. …more!!!
introduction why 11examples
12. Let’s go to build a website
AA ggoooodd aaddvviiccee ““DDoonn’’tt rreeiinnvveenntt tthhee wwhheeeell ““
•Use pre-designed templates.
• Download lovely icons, backgrounds and images from the internet.
• Use pre-programmed scripts.
Web Design Calgary by Red Cherry
Calgary Web Design by Red Cherry
Let’s go to use Microsoft FrontPage.
And learn how to build powerful website
introduction why examples