Web design Guidelines to design your own website..

Slides:



Advertisements
Similar presentations
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Advertisements

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
USING FLASH IN HTML Topics Include: What is Flash? Why use Flash? Flash VS Other Methods What are some things I can do with flash? How can I start using.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
Designing Basic Web Sites II: Process Based on Web Style Guide, Lynch and Horton Technical Communication.
Computer Science (CS) Department Website Revision Final Report Alfredo Tigolo III.
Robert Sable Web and Graphic Design Comm. 115 Robert Sable Introduction ► I enjoy designing unique WebPages. ► My King’s College Website ► Research Process:
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Web Design Software Alyssa Lagimoniere. Adobe Dreamweaver Pros Relatively low-cost price ($99) Produces very "clean" HTML code; easy to transport and.
Creating an Online Portfolio Creating your Electronic Portfolio.
WEB DESIGN W HAT I S IT ?. W HAT IS W EB D ESIGN It includes graphic design Interface design Interactivity Using Standardized Programming Language Search.
Google Entrepreneurs on the web… As we all are known about the workshop held at our college… As a participants, we are interested in making websites, android.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
Lesson 25: Multimedia with Macromedia Flash 8. Objectives Identify Shockwave-Flash (SWF) technology features and authoring software Add SWF animation.
GEH M IT! Web Page Editor Introduction. Basic types of web editors Web page editors can be divided into two basic groups: WYSWIG HTML Editors WYSWIG HTML.
WEEK INTRODUCTION CSC331 – WEB TECHNOLOGIES.
Creating a Winning E-Business Second Edition Understanding Web Technologies Chapter 9.
How to develop your website Chapter Websites Denise R. E. Copeland
BCA III Web Designing - Test. Q1. Define CGI and explain its working? Q2. What do you know about Java? Give difference between Java and Java Script. Q3.
Address : - E3/38, L.G.F, Sector – 7, Rohini, Delhi – Manoj Rana | Sr. Marketing Manager Mobile No : – Office : ,
Macromedia Studio From Beginning to Bedazzling! ICE Conference 2007 Presented by Helen Siukola Jancich, M.S. Anastasia Trekles Milligan, M.S. Purdue University.
EUDET WEB FACILITIES Yan Benhammou Tel-Aviv University Eudet web team
Introduction to Web Design Web publishing HTML basics Web design principles Multimedia on the Web.
Website Project Development Presentation by APNARAJ.COM.
Logo Website Design & Development Presenter: Aamir Khan(Rocxtar) Class: Information Technology-P1 Topic: Web Designing & Development ROLL NO # 2k14/IT/02.
1 Type in the URL to access the WEBSPACE Control Panel HOW TO MAKE CHANGES AND UPDATES TO YOUR WEBSITE.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Caprock Internet Services, INC. 1 Creating a Web Site with FrontPage Pasewark LTD.
WEBSITE DEVELOPMENT How Professional are designing the web?? by Sachin Pilankar.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
based on material from Mott,Leeming,Williams Analysis of Problems & Software AQA Unit 1 Topic 2.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
1 A Basic Introduction to Flash. Outline What is a flash? Macromedia Flash MX 2004 Flash concepts Flash Demos Conclusion Additional help 2.
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
Unit 1 Animating in Flash. Lesson 1: Planning the Design You will creatively plan the layout and design of an animated banner by first: Defining the problem.
Web Development Tools Milton Acevedo Jerry Jones.
Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.
Computer Technology Final Exam Rachel Leeke Mr. Jiang/ Technology Period 1.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Louisa Lambregts, Louisa Lambregts
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Dreamweaver is an XHTML editor that allows you to: Create a site Create external Cascading Style Sheets (CSS) to store the styles used in your pages Create.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
 is a set of instructions that tell the computer what to do. Software can be categorized into: 1. Operating system software 2. Applications software.
Unit 15 – Web Authoring Web Authoring Project.
MIT 511- Web Design & Usability
Managing the content of web pages
Travel Exotic India Site designed and implemented by: Krishnan Ayyer
GCE Applied ICT G053: Lesson 01 Introduction To The Unit
Unit 2, Lesson 5 Website Development Tools
Unit 2, Lesson 5 Website Development Tools
Creating a Successful Web Presence
Web Page Development Tools
Web Technologies for Business
Overview of Dreamweaver
Starting to develop a website
Unit 1 The Web Book Test.
Mozafar Bag-Mohammadi
Web Page Development Tools
Презентация құру кезінде анимациялық эффектілерді қосу
Introduction to JavaScript & jQuery
Web Site Development Careers
The Technologies.
Presentation transcript:

Web design Guidelines to design your own website.

Aim How to design your website that meets the following standards: 1. Good,Clear,Organized and effective design. 2. Powerful content Supporting both Arabic and English languages. 3. Effective include of graphics into your site. 4. Fast downloading.

Aim continue 6. Enlarge number of in-links to your site. 7. Increase out-links. 8. Meet the world’s universities ranking based evaluation criteria.

Steps of design website Analysis Layout Drawing Putting together Animation -So, How to meet the precedence standards in each step?

1- Analysis  Start with thinking what should be included in your website.  The information you should include is available on the website of the university in the following address:  Gather and filter your data.  Sketch a sitemap for your site includes all pages’ headers and transitions between them in a hierarchy form.

Analysis continue Design and build a site that includes your data that needs to be changed and updated with time.

2- Layout  First, thinking of the layout design:  You could use a ready-made design, some sites provides free templates like:  Or, you can develop your own design, in order to do so, you must be familiar with the html language and use an editing tool to develop it, The most common known ones are: Macromrdia dreamweaver, Microsoft front page,….  Your menu style:  Some sites provide free open source java scripts menus like:

3- Drawing Adobe Photoshop

4 - Putting together Macromedia Dream Weaver

5-Animation MacroMedia Flash