intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

Bài giảng Phát triển ứng dụng Web – Web Programming: Chương 3 - ThS. Lương Trần Hy Hiến

Chia sẻ: Lavie Lavie | Ngày: | Loại File: PDF | Số trang:94

128
lượt xem
15
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng Phát triển ứng dụng Web – Web Programming: Chương 3 - HTML + CSS plus do ThS. Lương Trần Hy Hiến biên soạn bao gồm những nội dung về the plan for site Development và Advanced CSS. Mời các bạn tham khảo bài giảng để bổ sung thêm kiến thức về lĩnh vực này.

Chủ đề:
Lưu

Nội dung Text: Bài giảng Phát triển ứng dụng Web – Web Programming: Chương 3 - ThS. Lương Trần Hy Hiến

  1. HTML + CSS plus Luong Tran Hy Hien, FIT of HCMUP, VietNam 1
  2. Contents 1. The plan for site Development 2. Advanced CSS 2
  3. The Plan for Site Development Course Project: The “About Me” site Throughout this course we will be building a personal site with the theme “about me” as practice for future web projects. Each class we will learn new techniques for improving and adding features to this site.
  4. The Plan for Site Development Three phases of building a website Phase 1. Information Architecture Phase 2. Design Phase 3. Development
  5. The Plan for Site Development Phase 1. Information Architecture Project • Discovery - High-level discovery meeting between the web company and the client. Define functional requirements. • Site Map Generation - A useable sitemap is created that contains a page by page index of the content information structure in flow-chart form. • Aggregation - Gather together as much of the core content as possible. This includes media and text.
  6. The Plan for Site Development Phase 2: Design • Creative Discovery - Discuss the site audience, user needs and brand guidelines. Quality Assurance - review and progress report. • Wireframing - List all design elements that • are to be displayed on the home page. • Generate Mockups – “Pictures” of the final design (can be sketches or finished products). • Production ready designs - Production ready media is created and development beings.
  7. The Plan for Site Development Phase 3: Development • Technical Discovery - validate the technology requirements. • Technical Collaboration / Client Review Session - Client review and progress report. • SEO Plan - the URL's, page titles, meta data, etc. • Template Development -Based on the production ready designs, we are ready to develop html templates, styles, and programming.
  8. The Plan for Site Development Phase 1. Information Architecture Project • Discovery - High-level discovery meeting between the web company and the client. Define functional requirements. You can think of Phase 1 as the “Business Plan” for the website. Let’s work in groups of two to fill out the: Information Architecture Project Plan
  9. The Plan for Site Development Phase 1. Information Architecture Project • Site Map Generation - A useable sitemap is created that contains a page by page index of the content information structure in flow-chart form.
  10. Site Map examples Simple flow-chart style site map
  11. Site Map examples Traditional Flow-chart form
  12. Cấu trúc website – phân cấp Company Logo
  13. Site Map examples Contemporary Flow-chart form
  14. Cấu trúc website – nối tiếp Company Logo
  15. Cấu trúc website – mạng nhện Company Logo
  16. Creating a digital version of your site map in Illustrator Select object too (black arrow) Window Drop-down: Type tool (“LETTER T”) opens all menus checked Draw shape tool Draw line tool Stroke (outline) menu Swatches (color) menu Type (fonts) menu
  17. The Plan for Site Development Phase 1. Information Architecture Project • Aggregation - Gather together as much of the core content as possible. This includes media and text.
  18. Gather and organize the Resources for your site List of Links appearing on each page List of media for each page • Animation • Sound • video List graphics for each page •Logos •Bullets and icons (can use place-holders)
  19. The Plan for Site Development Phase 2: Design • Creative Discovery - Discuss the site audience, user needs and brand guidelines. • Quality Assurance - review and progress report. Branding the site: • Logo creation and optimization • Color scheme choices • Determine who the expected users are (Customers? Employers? Readers? Friends?)
  20. Logo designs • What are others in your industry doing? • Can you use symbols? Google images is a great tool to help you answer these questions.
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
4=>1