MULTIMEDIACLASSPPT7.ppt
《MULTIMEDIACLASSPPT7.ppt》由会员分享,可在线阅读,更多相关《MULTIMEDIACLASSPPT7.ppt(43页珍藏版)》请在三一文库上搜索。
1、Party Time is over!,Stay awake for todays lecture Valuable information,Webpage Layout and Webpage Design,Technical definitions: A webpage is a single HTML document A website is a collection of related WebPages Examples http:/ www.projectpuffin.org ,Good Website Design Tips,Have something valuable to
2、 offer provide something useful or interesting Dont distract with blinking, animated GIFs, autoloading sound, too much scrolling Dont use images on the background unless you know what your doing Put a lot of thought into the organization of your page Minimize clicking (no more than 3 clicks to get t
3、o a page),More Tips,Have a way to get to the home page on every page Include a menu on every page (in the same location on every page) Dont make your page too wide, user should NEVER have to do horizontal scrolling. Vertical scrolling should be kept to a minimum,More Tips,Use contrasting colors or s
4、imple backgrounds to make text easy to read Make text large enough to read Use ALL CAPITAL LETTERS sparingly, Never underline words that are not links Put contact info or a link to it on every page,More Tips,Test your links Remove dead links Include a “Last Modified” date Keep up to date, update you
5、r “Whats New” section frequently,More Tips,Have a consistency throughout your pages Colours Menu placement Layout Fonts Buttons Think about the layout, have white space, clean alignment and balance on your pages,Some things you will see on “Bad” Web Pages:,Navigation confusing, menus in different sp
6、ots Ugly design: no color continuity or white space Scrolling horizontally to see whole page width Slow when loading Broken links Text hard to read Spelling mistakes Stale content Useless information Too many ads Blinking, animation,How to start your design:,Decide on where you want the menu, in gen
7、eral it should go along the left side or at the top, WHY? What will the navigation structure look like? What will the pages be besides the home page? Will there be submenus under the menus? (this will affect your folder layout) Pick a colour scheme you like Think about your banner: What should it fo
8、cus on Will the menu be part of the banner? Think about the colours Make it about 800 pixels wide, dont make it too tall. Sketch it out on paper,Web Page Layout,Layout of web pages is very important Poor layout makes for - Difficult navigation Hard to locate information on page Visually unappealing,
9、Tables, tables, tables!,Use tables to lay out your pages! Make the table borders invisible A 2x2 table works well,Areas of a Web Page,Menu,Header,Content,Logo,A 2 x 2 Layout,Table within a table,The outer table,The inner table,The inner table,Splash Page,The index.html file is called the “Splash Pag
10、e” It is the key pagethe first page visitors usually see Must be visually attractive, informative, and easy to navigate,Organizing Information,Decide what info goes on each page Friends page Family page Personal page Hobbies page,Good Web Communication,Be Concise Limit choices use a hierarchical str
11、ucture A hierarchy is a structured organization where some pages are at a higher level than others Hierarchy results in a site map with multiple levels,Site Map,A site map is designed to show the connections between pages A graphical site map uses lines to connect linked pages,Site Map,Design Theme,
12、Choose a common layout for your website. The Splash Page will probably differ but interior pages should be the same Use tables to control placement throughout,Consistency in Design,Use the same font throughout! Use consistent graphics in website do not use ultra modern on one page and calligraphy on
13、 another Use color scheme that is consistent,Things to Remember, especially for Assignment,Keep the menu in the same place on every page. (either the top or the left, it is up to you) Should not have to scroll horizontally Keep the colours consistent on every page Keep the layout fairly consistent o
14、n every page Should always have a way to get home Long pages should have a “Back to Top” button,Decide on what web pages you will need.,Each web page is normally an html file, a file that has the extension .html or .htm .html .htm Very basic page, just has clickable links, images, sometimes forms Th
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- MULTIMEDIACLASSPPT7
链接地址:https://www.31doc.com/p-2146253.html