Sei sulla pagina 1di 25

Introduction to web design

Subject: Internet and Web Design


Toshihiko Nakajima
2
Contents
1. Web design concepts
2. Web hosting
3. Consideration when designing a website
3 1. Web design concepts

 Web site and web application


 Web server
 Web Application Server
 Dynamic and static web pages
 Image behavior
 Web optimization
 Database connectivity
 World Wide Web consortium(W3C) design rules
 Scripting languages
4 1. Web design concepts
1-1. Web site and web application
Web site
A web site is a collection of multiple web pages.
Web application
A web application is software used by the Internet.
5 1. Web design concepts
1-2. Web server
A web server displays static screens and images in
response to a request from a Web browser.

1.request

Internet

Web browser
Web Server
2. response
6 1. Web design concepts
1-3. Web Application Server
An application server executes the
program(JAVA, Ruby ,etc.) based on the request
received from the web server. Then it returns the
result to the web server.

request request

Web browser response Web Server response Web Application


Server
7 1. Web design concepts
1-4. Dynamic and static web pages

dynamic web pages static web pages

It creates a A web page


web page for is displayed
each request. as it is.

Web browser Web browser


8 1. Web design concepts
1-5. Image behavior

The image can be conveyed instantly in contrast


to the sentences.
9 1. Web design concepts
1-6. Web optimization

Web optimization is to clarify what the user is


looking for.
Web optimization is to clarify what the user wants
to do.
10 1. Web design concepts
1-6. Web optimization

Why am I here?

What do I do?
11 1. Web design concepts
1-7. Database connectivity

Database connectivity is the means by which a


database and its client software communicate
with each other.

Database
connectivity

Web server Database


Web browser
12 1. Web design concepts
1-8. World Wide Web consortium(W3C) design rules

World Wide Web Consortium (W3C) is an


international community where Member
organization.
W3C develops specifications of HTML, CSS, DOM,
XML etc...
13 1. Web design concepts
1-9. Scripting languages

A scripting or script language is a programming


language that supports scripts: programs written
for a special run-time environment that automate
the execution of tasks that could alternatively be
executed one-by-one by a human operator.
14 1. Web design concepts
1-9. Types of Scripting languages

JavaScript
Almost browsers can use JavaScript

PHP
PHP stands for Hypertext Preprocessor.
PHP is suitable for Web development.
15 2. Web hosting

 What is a Web hosting?


 Types of hosts
 Guidelines for selection host
 Web publishing procedures
16 2. Web hosting
2-1. What is a Web hosting

Hosting is to borrow a server.


For details, an Internet service provider etc lends a
server to customers and deposits mail service and
web service there.
17 2. Web hosting
2-2. Types of hosts

 Shared Hosting
 Dedicated Hosting
 Collocated Hosting
18 2. Web hosting
2-2. Types of hosts

Shared Hosting
Shared hosting means that multiple users jointly
use one server.
19 2. Web hosting
2-2. Types of hosts

Dedicated Hosting
Dedicated hosting means that one user occupies
one server.
20 2. Web hosting
2-2. Types of hosts

Collocated Hosting
Collocated hosting lets you place your own web
server on the premises (locations)
21 3. Consideration when designing a website

 Set the target


 Decide the concept
 Decide the policy
22 3. Consideration when designing a website
3-1. Set the target and goal

Set the target

By setting a target, if there is a reader who hits that


target, there is a customer attraction effect.

Target: age , position ,etc.


23 3. Consideration when designing a website
3-1. Set the target and goal

Set the goal

What kind of results do you want to achieve using


website?

Goal: Sales Promotion etc.


24 3. Consideration when designing a website
3-2. Decide the concept

Avoid abstract words and choose clear words as


much as possible

It reduces the image shift with customers


25 3. Consideration when designing a website
3-3. Decide the policy
How to create a homepage with what policy
 Decide whether it is for desktop or mobile
 Decide which browser to support

Potrebbero piacerti anche