Zhi Liu Dec.7th IA and Design

Slides:



Advertisements
Similar presentations
Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
Advertisements

5 Steps to Web Site Development Mrs. Harris, November 2011.
Dynamic Web Sites DECO 3001 Tutorial 9 – CMS Presented by Ji Soo Yoon 21 May 2004 Slides adopted from
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
IS 360 Web Promotion. Slide 2 Overview How to attract visitors.
14 1 Chapter 14 Database Connectivity and Web Development Database Systems: Design, Implementation, and Management, Seventh Edition, Rob and Coronel.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Jiří Balej, Martin Podborský, Petra Čačková.  Tools, which enables to produce content without source code knowledge  Text document ◦ MS Word/OO Writer.
Static VS Dynamic websites. 1-What are the advantages and disadvantages? 2- Which one should you choose and why?
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Content Management Systems Equals Distributed Web Site Maintenance Robert Gulick, EdD DBA / Technology Trainer Carmi Gulick.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Dynamic Web Pages (Flash, JavaScript)
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Website Project Development Presentation by APNARAJ.COM.
LOGO 2 nd Project Design for Library Programs Supervised By Dr: Mohammed Mikii.
Web Site Development Marshall White. Overview Introductions – Who are you? What is your web/html experience? – Describe your field station. Information.
SHAREPOINT BRANDING SHAREPOINT PAKISTAN USER GROUP – FEB 2012.
Lesson 19: Site Development with FrontPage 2003 – Advanced Features.
Developed by Kelly J Howard.
“Which Content Management System (CMS)? Drupal, Word Press...” by Dene Grigar Spring 2012 Tech 101 Series.
GOAL User Interactive Web Interface Update Pages by Club Officers Two Level of Authentication.
 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.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Web Development Process The Site Development Process Site Construction is one of the last steps.
An Industry Case Study SES – Chicago: 2006 Web 2.0.
Louisa Lambregts, Louisa Lambregts
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
How Web Database Architectures Work CPS181s April 8, 2003.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Louisa Lambregts, Louisa Lambregts
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
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.
Leveraging Web Content Management in SharePoint 2013 Christina Wheeler.
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.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Library Instruction Services Redesign Danielle Skaggs Fall 2006.
COMP 143 Web Development with Adobe Dreamweaver CC.
Web Analytics Fundamentals Presented by Tejaswi, Chandrika, Sunil.
Objective % Select and utilize tools to design and develop websites.
OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.
Web Site Design Plan Checklist
Introduction to Advance Web Technologies
Objective % Select and utilize tools to design and develop websites.
Welcome To Web Tutor Basics of Designing a website
Dynamic Web Pages (Flash, JavaScript)
Personal Website Development Project
Children Learning Chinese
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Fall 2017 What’s Next.
Overview of Dreamweaver
Yi-Hsuen Shih’s personal Web site
Web Technology Overview
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Sunshine Gardens Min Yao December 6,2005.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Web Design 1 Website Construction.
Database Connectivity and Web Development
Multimedia Web Site Design
Dreamweaver.
Designing a Web Site.
Client-Server Model: Requesting a Web Page
CS7026: Authoring for Digital Media
Presentation transcript:

Zhi Liu Dec.7th. 2005 IA and Design Chinese Recipes Zhi Liu Dec.7th. 2005 IA and Design

Overview Site Basics Development Process Future Development Plan

About the Site Theme: Chinese Food Recipes URL: www.ischool.utexas.edu/~zliu/Cfood Number of pages: 21 pages Static HTML pages

Sitemap

Site Development Tools Dreamweaver Photoshop TopStyle (CSS)

Development Process Planning: define target audience, purpose, objectives Design: create a consistent look and feel (logo, color scheme), organize information, design navigation (labeling) Implementation: create HTML, CSS, test in various browsers, validate pages. This is a continuously ongoing process. Purpose: to present Chinese food culture and recipes. Objective: to list all the recipes, to introduce Chinese dining etiquettes, etc. Create a consistent look and feel for the web. Separate information into manageable page-sized chunks. Provide cues for the reader about the web's information structure and contents, context, and navigation. Use links to connect pages along the routes of use and user thinking.

Future Development Plan Enable the simple search and advance search function Add a forum where visitors can share recipes, tips,etc. Use MySQL database to store recipes Use PHP to generate dynamic pages

Question?

Thank You!