🗊Web-design

Категория: Технологии
Нажмите для полного просмотра!
Web-design, слайд №1Web-design, слайд №2Web-design, слайд №3Web-design, слайд №4Web-design, слайд №5Web-design, слайд №6Web-design, слайд №7Web-design, слайд №8Web-design, слайд №9Web-design, слайд №10Web-design, слайд №11Web-design, слайд №12Web-design, слайд №13Web-design, слайд №14Web-design, слайд №15Web-design, слайд №16Web-design, слайд №17Web-design, слайд №18Web-design, слайд №19Web-design, слайд №20

Вы можете ознакомиться и скачать Web-design. Презентация содержит 20 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Web-design
Описание слайда:
Web-design

Слайд 2





Web design
What is it?
Web-design features
Before…
Описание слайда:
Web design What is it? Web-design features Before…

Слайд 3





What is it?
The arrangement and creation of web pages that in turn make up a web site. There are many aspects to this process, and due to the rapid development of the Internet, new aspects are continually being added. As far as business oriented web sites go, the basics currently consist of: 
a)  The "visibility" of the site on the Internet, particularly within the major Search Engines. 
b)  The informational value of the site, from its target public's point of view. 
c)  The aesthetic / professional appearance of the pages. Theoretical layout of graphics, text, and images which will eventually be developed into a Web site
Описание слайда:
What is it? The arrangement and creation of web pages that in turn make up a web site. There are many aspects to this process, and due to the rapid development of the Internet, new aspects are continually being added. As far as business oriented web sites go, the basics currently consist of: a) The "visibility" of the site on the Internet, particularly within the major Search Engines. b) The informational value of the site, from its target public's point of view. c) The aesthetic / professional appearance of the pages. Theoretical layout of graphics, text, and images which will eventually be developed into a Web site

Слайд 4





The basic aspects are 
The site design is defined by the topic and content. 
The content, substance, and information on the site should be relevant to the site.
The site should be user-friendly, with the interface and navigation simple and reliable. 
The appearance should include a single style that flows throughout, to show consistency. 
The visibility of the site's text and information should be paramount as that is what the users are visiting for. 
The site must also be easy to find on the internet
Описание слайда:
The basic aspects are The site design is defined by the topic and content. The content, substance, and information on the site should be relevant to the site. The site should be user-friendly, with the interface and navigation simple and reliable. The appearance should include a single style that flows throughout, to show consistency. The visibility of the site's text and information should be paramount as that is what the users are visiting for. The site must also be easy to find on the internet

Слайд 5


Web-design, слайд №5
Описание слайда:

Слайд 6





Good design features
Text 
Navigation 
Links 
Graphics   
General Design
Описание слайда:
Good design features Text Navigation Links Graphics   General Design

Слайд 7





Text 
Background does not interrupt the text 
Text is big enough to read, but not too big 
The hierarchy of information is perfectly clear 
Columns of text are narrower than in a book to make reading easier on the screen
Описание слайда:
Text Background does not interrupt the text Text is big enough to read, but not too big The hierarchy of information is perfectly clear Columns of text are narrower than in a book to make reading easier on the screen

Слайд 8





Navigation
Navigation buttons and bars are easy to understand and use 
Navigation is consistent throughout web site 
Navigation buttons and bars provide the visitor with a clue as to where they are, what page of the site they are currently on 
Frames, if used, are not obtrusive 
A large site has an index or site map
Описание слайда:
Navigation Navigation buttons and bars are easy to understand and use Navigation is consistent throughout web site Navigation buttons and bars provide the visitor with a clue as to where they are, what page of the site they are currently on Frames, if used, are not obtrusive A large site has an index or site map

Слайд 9





Links
Link colors coordinate with page colors 
Links are underlined so they are instantly clear to the visitor
Описание слайда:
Links Link colors coordinate with page colors Links are underlined so they are instantly clear to the visitor

Слайд 10





Graphics
Buttons are not big and dorky 
Every graphic link has a matching text link 
Graphics and backgrounds use browser-safe colors 
Animated graphics turn off by themselves
Описание слайда:
Graphics Buttons are not big and dorky Every graphic link has a matching text link Graphics and backgrounds use browser-safe colors Animated graphics turn off by themselves

Слайд 11





General Design
Pages download quickly 
First page and home page fit into 640 x 460 pixel space 
Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of text 
Every web page in the site looks like it belongs to the same site; there are repetitive elements that carry throughout the pages
Описание слайда:
General Design Pages download quickly First page and home page fit into 640 x 460 pixel space Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of text Every web page in the site looks like it belongs to the same site; there are repetitive elements that carry throughout the pages

Слайд 12





Bad design features
Backgrounds
Text 
Navigation 
Blinking and animations 
Links   
General Design
Описание слайда:
Bad design features Backgrounds Text Navigation Blinking and animations Links   General Design

Слайд 13





Backgrounds

Default grey color 
Color combinations of text and background that make the text hard to read 
Busy, distracting backgrounds that make the text hard to read
Описание слайда:
Backgrounds Default grey color Color combinations of text and background that make the text hard to read Busy, distracting backgrounds that make the text hard to read

Слайд 14





Text 
Text that is too small to read 
Text that stretches all the way across the page 
Centered type over flush left body copy 
Paragraphs of type in all caps 
Paragraphs of type in bold 
Paragraphs of type in italic 
Paragraphs of type in all caps, bold, and italic all at once 
Underlined text that is not a link
Описание слайда:
Text Text that is too small to read Text that stretches all the way across the page Centered type over flush left body copy Paragraphs of type in all caps Paragraphs of type in bold Paragraphs of type in italic Paragraphs of type in all caps, bold, and italic all at once Underlined text that is not a link

Слайд 15





Navigation
Unclear navigation; over complex navigation 
Complicated frames, too many frames, unnecessary scroll bars in frames 
No links back to where they came from, no identification
Useless page titles that don't explain what the page is about
Описание слайда:
Navigation Unclear navigation; over complex navigation Complicated frames, too many frames, unnecessary scroll bars in frames No links back to where they came from, no identification Useless page titles that don't explain what the page is about

Слайд 16





Blinking and animations
Anything that blinks, especially text 
Rainbow rules that blink or animate 
Animated pictures for e-mail 
Animations that never stop 
Multiple animations that never stop
Описание слайда:
Blinking and animations Anything that blinks, especially text Rainbow rules that blink or animate Animated pictures for e-mail Animations that never stop Multiple animations that never stop

Слайд 17





Links
Links that are not clear about where they will take you 
Links in body copy that distract readers and lead them off to remote, useless pages 
Text links that are not underlined so you don't know they are links 
Dead links
Описание слайда:
Links Links that are not clear about where they will take you Links in body copy that distract readers and lead them off to remote, useless pages Text links that are not underlined so you don't know they are links Dead links

Слайд 18





General Design
Entry page or home page that does not fit within standard browser window
Frames that make you scroll sideways 
Navigation buttons as the only visual interest, especially when they're large 
Cluttered, not enough alignment of elements 
Lack of contrast
Pages that look okay in one browser but not in another
Описание слайда:
General Design Entry page or home page that does not fit within standard browser window Frames that make you scroll sideways Navigation buttons as the only visual interest, especially when they're large Cluttered, not enough alignment of elements Lack of contrast Pages that look okay in one browser but not in another

Слайд 19





Before…
Before creating and uploading a website, it is important to take the time to plan exactly what is needed in the website. 
Define the purpose 
Define the audience 
Plan documentation
Описание слайда:
Before… Before creating and uploading a website, it is important to take the time to plan exactly what is needed in the website. Define the purpose Define the audience Plan documentation

Слайд 20





Good luck
Описание слайда:
Good luck



Теги Web-design
Похожие презентации
Mypresentation.ru
Загрузить презентацию