Báo cáo thực tập tốt nghiệp wordpress

T Ì IỂU C UNG

Web Server là gì?

- Tấ W b S v ề ể v ợ f l *.htm và *.html, tuy ỗ W b S v l p ụ vụ ộ số k ể f l b ẳ

IIS ủ Microsoft dành cho *.asp, *.aspx ; Apache dành cho *.php ; Sun Java System Web Server ủ SUN dành cho *.jsp

- Tù ộ v o ữ l p w b ú sẽ w bs v o p ù ợp ó ấ ề w bs v ợ ứ dụ p p

AppServ, Wamp hay XAMPP… ỗ w bs v b o ồ p b : Apache – PHP – MySQL.

XAMPP là gì?

- XAMPP l ộ bộ ụ l p PHP, MySQL có t ể ặ ợ ề ề k C ữ X o ụ ừ XAMPP l ể ỉ cross-platform ĩ l XAMPP ó ể Windows, Linux, Mac OS, Solaris ò k ự ò l ĩ s :

 A = Apache, XAMPP b o ồ 1 Apache HTTP S v úp ứ dụ w b

- N o v ỗ ợ p b : Apache – PHP – MySQL – phpMyAdmin XAMPP ò ỗ ợ p k ộ số w bs v k k ó Webmail – FTP – SSL – Perl

- V s l ặ & sử dụ XAMPP p b 1 1 l ộ p b k ổ ị ồ Joomla! Zend

1.2 Cách cài đặt XAMPP ( sử dụng XAMPP1.7.1)

- T XAMPP1.7.1 : http://www.mediafire.com/download/5roo41557anzkxu/xampp-win32- 1.7.1-installer.exe

- Kí o xampp-win32-1.7.1-installer.exe C sẽ ỏ ữ ặ ộ ữ ặ ị v ấ OK

Hình 1: Lựa chọn ngôn ngữ cài đặt

- Cử sổ Choose Install Location dẫ ể l ặ N ấ Next

Hình 2: Chọn đường dẫn lưu file cài đặt

- Cử sổ XAMPP Options o vù dấ v Install (các p ò l k v dấ dị vụ Apache – MySQL

Hình 3: Lựa chọn mục cài dặt

Hình 4: Quá trình cài đặt

Hình 5: Hoàn tất quá trình cài đặt

- K ấ ú Finish sẽ ộ ử số ỏ ó ố XAMPP b k Yes ể bắ v o b ề k ể ủ XAMPP

Hình 6: Khởi động bảng điều khiển XAMPP

- Ở b ề k ể XAMPP ể ợ w bs v v PHP script chúng ta ấ ú Start b Apache và MySQL

Hình 7: Start các dịch vụ

Alert sẽ l ộ ử sổ b o Unblock ể o p ép XAMPP o ộ p ụ

- N ấ v o ú Admin b Apache ể v o í ủ webserver và ấ v o ú Admin b MySQL ể v o phpMyAdmin (p l

Hình 8: Giao diện quản trị

- N ấ v o l k English Để về PHP b ấ v o phpinfo() và phpMyAdmin ể v o p l MySQL o d w b

Hình 9: Xem thông tin PHP

- Để v o ợ XAMPP ú ó ể l d http://localhost/phpmyadmin

- Để ó b ề k ể ủ XAMPP b ấ vào nút Close XAMPP sẽ ẩ ố Tray ủ Windows ( ó d ớ p í b p ủ Windows)

- Để o k ỏ XAMPP ú ấ ú Stop b Apache và

- Joomla l ộ ề ồ ợ v bằ ữ PHP v sử dụ s dữ l MySQL o p ép dù ó ể dễ d so o v ấ b ộ d ( b v l blo ) ủ l Internet oặ

- Joomla úp dự v ể k w bs blo w bs ứ w bs b w bs ử o ớ ộ ồ ộ o ộ ắ v k ề sứ

- Joomla ó ộ ộ ồ p ể ũ sử dụ ấ lớ Đ ề ó ó ĩ l k b ặp vấ ề k ó k ấ ề sẵ s úp ỡ b

- Sử dụ Joomla ấ dễ d v ố vớ ữ p d v các chuyên gia

- Joomla ấp ấ ề ứ lĩ vự k p ộ ợ p ể b ứ b o k p lớ số ũ ề ó ồ v ễ p í

- Joomla ó w bs ấp l ớ dẫ sử dụ ừ b o ớ o C ớ dẫ ề dễ ể v ó bằ g v d o l p kè o

- C o ộ ủ Joomla : ể l Joo l (Joo l E b o ) ộ o Joo l (Joo l Wo ks op) ộ Joo l (Joo l D ) ợ ổ ứ p ố lớ ủ ớ Ú ỹ A p… l ú o v

- ồ ủ Joomla ố lớ dẫ ớ ố ề ố so vớ Drupal o sử dụ

- V ó ề extensions l ộ lợ ồ ó ũ l ộ bấ lợ C extensions ợ v b ấ ề l p v k dẫ ớ ề lỗ b o o extensions ó N l dù ớ ó ể b sẽ bố ố o v lự ác extensions o w bs ủ

- K SEO ủ Joomla ké ấ o lo CMS (Drupal, WordPress,

2.2 Cách cài đặt và cấu hình Joomla

2.2.1 Cài đặt và cấu hình trên localhost

 Đ l b Joomla ị ỉ http://www.joomla.org sẽ p b Joomla 1.5 Gó ặ Joomla ợ é d ớ d : ZIP, TAR.GZ và TAR.BZ2 b ó ặ ợ é d ớ d ZIP l d é dụ ó ể ợ í ó ặ Windows

 Để ợ Joomla í b ó s v o T ố vớ Joomla b lự XAMPP oặ WampServer

 Ở dù s v o XAMPP b é p Joomla vừ về v o ụ C:\xampp\htdocs\joomla ( joomla ụ ứ code vừ é ”

Hình 1: Nơi lưu code joomla

 T o database ộ bằ v o d http://localhost/phpmyadmin o database ớ o ô Create new database: joomla15  kiểu: utf8_general_ci  Create

- Choose Language ( Chọn ngôn ngữ cài đặt)

 d ị ỉ http://localhost/joomla B ữ ặ Đ ỉ l ữ ể ị o ặ s k ặ o ữ b ợ í ợp sẵ o bộ ặ thì Joomla sẽ ể ị l ữ k sẽ ể ị ữ ặ ị l T A v b p ự ặ ó ữ ủ S k o ấ Next

Hình 3: Chọn ngôn ngữ cài đặt

- Pre-installation Check ( Kiểm tra cấu hình hệ thống)

 Đ b o ị k ể p ó ó số o ỏ ứ ỏ số o k p ù ợp vớ Joomla b p ổ l số v ấ v o ú Check Again ể k ể l  Next

Hình 4: Kiểm tra cấu hình hệ thống

- License ( Thông tin bản quyền)

 B ó ể v ể ề k , ể v p về v sử dụ Joomla  Next

Hình 5: Thông tin bản quyền

- Database Configuration (Cấu hình cở sở dữ liệu)

 Database Type: C lo s dữ l l MySQL

 Username: N p ủ k o p Database do ặ lo l os p ặ ị l root

 Password: N p k ẩ p Database, do ặ localhost nên k ẩ p ể ố

 Database Name: N p ủ s dữ l l ợ b ặ lú o Database bên XAMPP  Next

Hình 6: Cấu hình cơ sở dữ liệu

- FTP Configuration ( Thiết lập cấu hình FTP)

Hình 7: Thiết lập cấu hình FTP

- Main Configuration ( Phần cấu hình chính)

 Install Defaul Sample Data: C ặ dữ l ẫ B ấ ú ể

- Finish ( Hoàn tất cài đặt)

Hình 9: Báo lỗi cài đặt

 H thống yêu c u b n xoá hoặ ổ ục installations o ục chứa joomla lúc gi i nén

Hình 10: Xóa thư mục installations

 Bây gi b n có thể vào trang chủ của web bằng cách gõ vào trình duy t http://localhost/joomla  Enter

 Vào trang qu n trị: http://localhost/joomla/administrator  Enter

Hình 12: Đăng nhập vào trang quản trị

 Nh p username và password qu n trị

Hình 13: Trang quản trị Joomla

2.2.1.2 Cài đặt ngôn ngữ Tiếng Việt cho Joomla

- Dow lo d ó ữ T V : http://www.mediafire.com/?j2dojs34k1d2x8n

- Đ v o Bảng Điều Khiển Joomla  Extensions 

Hình 14: Vào bảng Quản lý cài đặt

Hình 15: Chọn gói dành cho quản trị

- S ó ấ Upload File & Install ể ị báo Install Language

Hình 16: Cài đặt thành công

Hình 17: Chọn gói dành cho website

Hình 18: Vào bảng Quản lý ngôn ngữ

- T o B Language Manager Có hai tab Site và Administrator T tab Site  ữ Tiếng Việt  ấ Default

Hình 19: Chọn ngôn ngữ cho Site

Hình 20: Chọn ngôn ngữ cho Administrator

Hình 21: Website hiển thị Tiếng Việt

2.2.1.3 Cài đặt giao diện (Template) cho website

- Download template free 1.5 t : http://www.joomlaxe.com/

- Vào Bảng Điều Khiển của Joomla  ch n Phần mở rộng  Cài đặt/ Gỡ bỏ

Hình 23: Vào bảng Quản lý cài đặt

- Ch n Browse…  ó Template vừ ớ về  Open

- S ó ấ Tải tập tin lên & Cài đặt ể ị b o Cài đặt giao diện thành công

Hình 25: Cài đặt gói template thành công

- S k ặ o v o Phần mở rộng  Quản lý giao diện

Hình 26: Vào bảng Quản lý giao diện

Hình 28: Giao diện đã được đổi

2.2.1.4 Quản lý Phân mục (section)

- Vào Bảng Điều Khiển  Nội dung  Quản lý Phân mục

Hình 29: Quản lý Phân mục

- B Quản lý Phân mục  Thêm Mới

Hình 31: Nội dung Phân mục

2.2.1.5 Quản lý chuyên mục (Category)

- Vào Bảng Điều Khiển  Nội dung  Quản lý chuyên mục

Hình 33: Quản lý Chuyên mục

- T o b Quản lý chuyên mục  Thêm mới

- N p ộ d Tiêu đề v Phân mục ớ o  Lưu

Hình 35: Nội dung Chuyên mục

- Vào Bảng Điều Khiển  Nội dung  Quản lý bài viết

Hình 37: Quản lý Bài viết

- T o b Quản lý bài viết  Thêm mới

Hình 38: Tạo mới Bài viết

- N p ộ d ề Phân mục là News và Chuyên mục là

Hình 39: Nội dung Bài viết

2.2.2 Cách upload Website Joomla từ Localhost lên Internet

2.2.2.1 Chuẩn bị cho việc upload website

- T p ợ plo d l os : Joomla files và database

 Joomla files v ụ ứ dò l codes dữ l …( ấ ữ ằ o ụ ặ w bs )

 Joomla database ứ ấ b dữ l ủ w bs C export database localhost f l d sql

 ộ số ấp dị vụ ó sẵ phpMyAdmin

- ề ề f l s (VD: CuteFTP, 3DFTP) ể k ố vớ ủ webserver

 C k o ừ ấp dị vụ ( k o v o Bảng điều khiển và k o ề f l s))

2.2.2.2 Các thao tác thực hiện việc upload website

 ụ ố ( root directory) ủ ( ó htdocs, www, wwwroot, public_html)

- T p Bảng điều khiển (Control Panel) ể o ớ database và account dù database

Tùy nhà cu ấp ó ể sử dụ Hệ thống Quản trị ủ w b khác nhau  G o d Bảng điều khiển khác nhau

- K ố vớ ủ database ể import dữ l o database

 Sử dụ phpMyAdmin oặ ụ lí d b s k

 N sử dụ phpMyAdmin f l s o f p p o ụ phpMyAdmin ủ w b v sử số d ớ ú vớ ị ợ ừ ấp dị vụ:

 C database vừ o ớ Cl k T b Import  N ấ Browse và tìm f l ứ dữ l ủ database (.sql) N ấ Go

- Cấ k ố vớ database cho website

 Sử dụ p ề ề f l FTP ể file configuration.php o ụ ặ w b (xampp\htdocs\joomla\configuration.php) ộ sử

- WordPress l p ề ồ ợ ấp ễ p í sử dụ ữ l p PHP v s dữ l MySQL Do ó ó í ợp o ố ặ blo í w bs sử dụ ề ủ

- Wordpress úp dự v ể k w bs blo w bs ứ w bs b w bs ử o ớ ộ ồ ộ o ộ ắ v k ề sứ

- ổ ợ pl ự sự l ộ ể ủ Wordpress vớ ộ ộ ồ dù v plugin cho Wordpress B k lo plugin ể sử dụ

- ổ ợ Widget d kéo – ự kỳ lợ k ố ổ vị í widget, thay vì p ộ v o code b ỉ v kéo – ữ vị í í ợp

- ổ ợ tag/chuyên mục: G úp b dễ d p lo b v dễ d o k ũ l b v

- ổ ợ SEO k ố k ể ó l o ỉ ũ ấ ố vớ d kỹ s l l lắ k dù v p ữ í ằ o k về SEO

- Wordpress ợ p lo ộ l sử dụ dị vụ ủ ấp (Wordpress.com) l ự p cài trên host riêng (Wordpress.org)

- K o sử dụ Java blo ồ ĩ vớ v k ợ ặ bấ ứ b o o blo

3.2 Cách cài đặt và cấu hình Wordpress

3.2.1 Cài đặt và cấu hình trên localhost

- Download Wordpress : http://wordpress.org/download/

- S k dow lo d về é p v o C:\xampp\htdocs\wordpress ( wordpress ụ ứ code vừ é ”

Hình 41: Nơi lưu code wordpress

- ụ Create New Database, gõ vào wordpress k ể utf8_genaral_ci 

- d http://localhost/wordpress,  N ấ ú Create a Configuration File

Hình 43: Tạo tập tin cài đặt

 Database Name: wo dp ss ( d b s o)

Hình 44: Nhập cơ sở dữ liệu

- N ấ Run the install ể ặ wo dp ss

Hình 46: Cấu hình thông tin tài khoản

Hình 47: Đăng nhập quản trị

 Trang quản trị (BackEnd): http://localhost/wordpress/wp-admin

 Trang website (FrontEnd): http://localhost/wordpress/

- Download Template http://wordpress.org/themes/ ồ é v o ụ

C:\xampp\htdocs\wordpress\wp-content\themes\

Hình 50: Vị trí chứa template

- Click nút Activate ủ ComputerAnalyze vừ

- V o ị Wordpress, trong menu Post l k Categories

 Parent: No (do T Tứ k ó ấp k )

Hình 55: Tạo chuyên mục Tin Tức

 Parent: T Tứ (do T o ớ l o ủ T Tứ Parent

Hình 56: Tạo chuyên mục Tin trong nước

Hình 57: Tạo chuyên mục Tin thế giới

- V o ị Wordpress, trong menu Post l k Add N w

Hình 60: Xuất bản bài viết

Hình 61: Bài viết mới đã tạo

- V o ị Wordpress, trong menu Pages l k Add New

Hình 64: Trang mới đã được tạo

Hình 70: Vị trí cấp độ

Hình 72: Các menu đã tạo

3.2.2 Tạo website Wordpress trên Host

- ó ấ ề host ễ p í hostinger.vn, byehost.com, oni.cc … ó ể úp dễ d o ộ w b ó Ở sẽ sử dụ trang web hostinger.vn ể o w b Wordpress

- Đ v o w b www.hostinger.vn v v o ụ Tạo tài khoản mới

Hình 73: Tạo tài khoản mới

Hình 74: Nhập thông tin yêu cầu

- Kí o o p v o ố ẻ Hosting  Tạo account mới ( o ề ể v o w b)

- Có 3 gói Free, Premium, Business ể kí sẽ ó Free ể sử dụ C Đăng kí ngay d ớ ó Free

Hình 76: Đăng ký gói Free

- N p v o ữ o v Tạo ( s bdo ó ôi là thanhsang.besaba.com)

Hình 78: Host đã được tạo

- Kéo ố ớ k website v Trình tự động cài đặt

Hình 79: Tự động cài đặt

Hình 80: Tạo website bằng Wordpress

- N p v o username và password ủ Administrator v dẫ ể v ấ Cài đặt ố sẽ ố b o ộp o ộ d sẽ bị è N ấ OK ể p ụ ( ợ k o 1 ớ 2 p ú ể ố ặ )

- Để v o ị http://www.thanhsang.besaba.com/wordpress/wp- admin Đ p username và password

- Để v o w bs http://thanhsang.besaba.com/wordpress/

4 Tìm hiểu Macromedia Flash căn bản

4.2 Các công cụ trong Flash

4.2.2 Hộp công cụ (TOOL BOX)

C ụ s b s l o ool (A) ể bẻ od ố ợ (Bấ ữ Al + l k ộ v o od ể bẻ)

C ụ l sso ool ( ) ể lấ vù ool ( ) ụ vẽ ố ợ

R l (R) ụ ể vẽ ữ v Retangular (R) công ụ ể vẽ ữ v Options:

C ụ f ll sfo ool (F) ể o ỏ p ó lớ ố ợ ợ ể sắ

C ụ Zoo ool ( Z) ể p ó lớ v ỏ ố ợ ộp v ề ộp + ể sắ

4.2.3 Bảng điều khiển (Time line control)

Nú dd l d ( o ớ lớp ó ị ớ o ố ợ o) Nút xóa layer

Hình 86: Chi tiết Bảng điều khiển

- Copy các key frame: vị í ớ s ó bấ F6 ể op frame (Áp dụ o l ứ k frame và key frame ỗ )

- Thêm frame: vị í ớ bấ F5 ể frame

- Xóa các frame: é k ố f ó bấ shift+F5 ể ó frame

- Xóa key frame: k f bấ shift+F6

- Frame Rate: ể ổ số ất frame/giây

Hình 88: Bảng thay đổi màu Để ổ v ề Để ổ Để ổ kí ớ v ề Để ổ k ể v ề

Hình 89: Bảng thay đổi tùy chọn ự ể ổ k ể ( ụ í ù ộ v o ứ dụ o scroll text  dynamic text) ự fo ữ ự s z ữ ự ữ ự k ể ữ

- To stage: C ỉ ố ợ o k 4.2.5.2 Bảng lựa chọn màu sắc (Shift+F9, Ctrl+F9)

- B ứ ố ợ button, graphic, motion tween, shape tween, movie clip, component…

- : Nút + ể o ớ 1 symbol (button, graphic, movie clip)

- N o ò v k button, sound o l (windows component library buttons, sounds)

- Movie: ừ 24hình/giây ép ố ừ o lồ

4.3.1 Nguyên tắc tạo chuyển động:

- B l v ề k ể ể ộ p k nhau trong (s ) ợ p o ừ l layers ộ o ừ dò l frames

- Layer 3  có 1 keyframe và các frame 2 4 5 ể ỉ ố ợ o lớp sẽ ể ị d ễ o k o 5/24

 Copy keyframe  Alt + Click ộ d ể keyframes sang layer k ( oặ s vị í k ù layer)

- Tạo chuyển động quả banh

Hình 96: Chuyển động quả bánh

 Vớ ấ ể ộ 24 frames/giây  ể ộ k ấ ợ vị í b vị í ủ ú

 S k ổ ấ ể ộ 3 frames/giây  ấ ằ b ể ộ vị í ứ ồ vị í 1 ( ể ộ l ừ ) Đ ề o ấ ằ ể o ể ộ ợ o thêm 1 keyframe ứ 4 v op keyframe ứ 2 s vị í keyframe ứ 4 ể ó ợ 1 ể ộ ự ừ 1  v ợ l ừ  1

 Bằ ổ vị í vị í ố ủ ố ợ o keyframes v keyframes ố v flash sẽ ự ộ o o bộ ể ộ o ừ frames ữ keyframes v ố tweening

 Tweening o p ép o ể ộ ó v p dụ ứ fade, color, alpha, scale… o ừ ể ộ

- T o p b Flash CS5 p l 2 lo ể ộ l Classic tween và motion tween

- T o ể ộ o o w dễ d l ss w v ể ộ motion tween ấp ề k ể ố ợ í o k ể ộ classic tween p ứ p v ấp ề í ộ ể ề k ể ố ợ

- C p b fl s CS3 về ớ o ể ộ bằ k ể classic tween

Hình 97: Tạo chuyển động quả banh

Hình 98: Tạo chuyển động quả banh

Hình 99: Tạo chuyển động quả banh

Hình 100: Thuộc tính chuyển động

Hình 101: Thay đổi thuộc tính

Hình 102: Thay đổi màu sắc

- Cl k p ộ vị í frame ố ù o ể ộ l add keyframe

Hình 105: Công cụ Rectangle Tool (R)

Hình 106: Vẽ hình chữ nhật

- S ó ấ p í F8 ( oặ Modify  Convert to Symbol) ể ể ổ ộ Button

- Ấn phím F6 ể op keyframes vị í ò l

Hình 110: Chọn tấc cả vị trí

- C ố ù ấ ổ ợp p í Ctrl + Enter  R ộ v o ú vừ o sẽ ổ ừ s ồ

4.5 Chuyển động theo bảng Control Timeline

- T o 1 layer ặ l so sử dụ ụ Pen Tool (P) ể vẽ so ớ

- S ó d ụ Convert Anchor Point Tool (C) ể bẻ ỉ só ề

Hình 113: Đường sóng uốn cong

- S ó dù Paint Bucket Tool (K) d o só

- Click vào keyframes ứ 20 ấ F5 ể sử dụ o ể ộ

- Cl k ộ p v o keyframes ứ 20 v Create Motion Tween ể o ể ộ

Hình 118: Tạo Create Motion Tween

Hình 119: Tạo vị trí chuyển động

- T o layer ớ v ặ l s ó ự l só ấ F5 ể o thêm keyframes l k ộ p v o keyframes 20 v Create Motion

Hình 120: Vị trí chuyển động

Hình 121: Tạo đường cong chuyển động

Guides í k s b p sẽ ấ ấ b PROTERTIES v ấ dấ k v o Orient to path ể o ể ộ ủ o Guides

- C ụ Free Tranform Tool (Q) ể ể ủ l v ố vớ Guides

Hình 123: Tạo hướng chuyển động

- S ó ổ vị í 2 layer sóng và cá cho nhau

T ỔNG UAN C ƯƠNG TRÌN

Giới thiệu Joomla

- Joomla l ộ ề ồ ợ v bằ ữ PHP v sử dụ s dữ l MySQL o p ép dù ó ể dễ d so o v ấ b ộ d ( b v l blo ) ủ l Internet oặ

Chức năng của Joomla

- Joomla úp dự v ể k w bs blo w bs ứ w bs b w bs ử o ớ ộ ồ ộ o ộ ắ v k ề sứ

Ưu điểm của Joomla

- Joomla ó ộ ộ ồ p ể ũ sử dụ ấ lớ Đ ề ó ó ĩ l k b ặp vấ ề k ó k ấ ề sẵ s úp ỡ b

- Sử dụ Joomla ấ dễ d v ố vớ ữ p d v các chuyên gia

- Joomla ấp ấ ề ứ lĩ vự k p ộ ợ p ể b ứ b o k p lớ số ũ ề ó ồ v ễ p í

- Joomla ó w bs ấp l ớ dẫ sử dụ ừ b o ớ o C ớ dẫ ề dễ ể v ó bằ g v d o l p kè o

- C o ộ ủ Joomla : ể l Joo l (Joo l E b o ) ộ o Joo l (Joo l Wo ks op) ộ Joo l (Joo l D ) ợ ổ ứ p ố lớ ủ ớ Ú ỹ A p… l ú o v

C ÁC CÀI ĐẶT VÀ CẤU HÌNH J OOMLA

Cài đặt và cấu hình trên localhost

 Đ l b Joomla ị ỉ http://www.joomla.org sẽ p b Joomla 1.5 Gó ặ Joomla ợ é d ớ d : ZIP, TAR.GZ và TAR.BZ2 b ó ặ ợ é d ớ d ZIP l d é dụ ó ể ợ í ó ặ Windows

 Để ợ Joomla í b ó s v o T ố vớ Joomla b lự XAMPP oặ WampServer

 Ở dù s v o XAMPP b é p Joomla vừ về v o ụ C:\xampp\htdocs\joomla ( joomla ụ ứ code vừ é ”

Hình 1: Nơi lưu code joomla

 T o database ộ bằ v o d http://localhost/phpmyadmin o database ớ o ô Create new database: joomla15  kiểu: utf8_general_ci  Create

- Choose Language ( Chọn ngôn ngữ cài đặt)

 d ị ỉ http://localhost/joomla B ữ ặ Đ ỉ l ữ ể ị o ặ s k ặ o ữ b ợ í ợp sẵ o bộ ặ thì Joomla sẽ ể ị l ữ k sẽ ể ị ữ ặ ị l T A v b p ự ặ ó ữ ủ S k o ấ Next

Hình 3: Chọn ngôn ngữ cài đặt

- Pre-installation Check ( Kiểm tra cấu hình hệ thống)

 Đ b o ị k ể p ó ó số o ỏ ứ ỏ số o k p ù ợp vớ Joomla b p ổ l số v ấ v o ú Check Again ể k ể l  Next

Hình 4: Kiểm tra cấu hình hệ thống

- License ( Thông tin bản quyền)

 B ó ể v ể ề k , ể v p về v sử dụ Joomla  Next

Hình 5: Thông tin bản quyền

- Database Configuration (Cấu hình cở sở dữ liệu)

 Database Type: C lo s dữ l l MySQL

 Username: N p ủ k o p Database do ặ lo l os p ặ ị l root

 Password: N p k ẩ p Database, do ặ localhost nên k ẩ p ể ố

 Database Name: N p ủ s dữ l l ợ b ặ lú o Database bên XAMPP  Next

Hình 6: Cấu hình cơ sở dữ liệu

- FTP Configuration ( Thiết lập cấu hình FTP)

Hình 7: Thiết lập cấu hình FTP

- Main Configuration ( Phần cấu hình chính)

 Install Defaul Sample Data: C ặ dữ l ẫ B ấ ú ể

- Finish ( Hoàn tất cài đặt)

Hình 9: Báo lỗi cài đặt

 H thống yêu c u b n xoá hoặ ổ ục installations o ục chứa joomla lúc gi i nén

Hình 10: Xóa thư mục installations

 Bây gi b n có thể vào trang chủ của web bằng cách gõ vào trình duy t http://localhost/joomla  Enter

 Vào trang qu n trị: http://localhost/joomla/administrator  Enter

Hình 12: Đăng nhập vào trang quản trị

 Nh p username và password qu n trị

Hình 13: Trang quản trị Joomla

2.2.1.2 Cài đặt ngôn ngữ Tiếng Việt cho Joomla

- Dow lo d ó ữ T V : http://www.mediafire.com/?j2dojs34k1d2x8n

- Đ v o Bảng Điều Khiển Joomla  Extensions 

Hình 14: Vào bảng Quản lý cài đặt

Hình 15: Chọn gói dành cho quản trị

- S ó ấ Upload File & Install ể ị báo Install Language

Hình 16: Cài đặt thành công

Hình 17: Chọn gói dành cho website

Hình 18: Vào bảng Quản lý ngôn ngữ

- T o B Language Manager Có hai tab Site và Administrator T tab Site  ữ Tiếng Việt  ấ Default

Hình 19: Chọn ngôn ngữ cho Site

Hình 20: Chọn ngôn ngữ cho Administrator

Hình 21: Website hiển thị Tiếng Việt

2.2.1.3 Cài đặt giao diện (Template) cho website

- Download template free 1.5 t : http://www.joomlaxe.com/

- Vào Bảng Điều Khiển của Joomla  ch n Phần mở rộng  Cài đặt/ Gỡ bỏ

Hình 23: Vào bảng Quản lý cài đặt

- Ch n Browse…  ó Template vừ ớ về  Open

- S ó ấ Tải tập tin lên & Cài đặt ể ị b o Cài đặt giao diện thành công

Hình 25: Cài đặt gói template thành công

- S k ặ o v o Phần mở rộng  Quản lý giao diện

Hình 26: Vào bảng Quản lý giao diện

Hình 28: Giao diện đã được đổi

2.2.1.4 Quản lý Phân mục (section)

- Vào Bảng Điều Khiển  Nội dung  Quản lý Phân mục

Hình 29: Quản lý Phân mục

- B Quản lý Phân mục  Thêm Mới

Hình 31: Nội dung Phân mục

2.2.1.5 Quản lý chuyên mục (Category)

- Vào Bảng Điều Khiển  Nội dung  Quản lý chuyên mục

Hình 33: Quản lý Chuyên mục

- T o b Quản lý chuyên mục  Thêm mới

- N p ộ d Tiêu đề v Phân mục ớ o  Lưu

Hình 35: Nội dung Chuyên mục

- Vào Bảng Điều Khiển  Nội dung  Quản lý bài viết

Hình 37: Quản lý Bài viết

- T o b Quản lý bài viết  Thêm mới

Hình 38: Tạo mới Bài viết

- N p ộ d ề Phân mục là News và Chuyên mục là

Hình 39: Nội dung Bài viết

Cách upload Website Joomla từ Localhost lên Internet

2.2.2.1 Chuẩn bị cho việc upload website

- T p ợ plo d l os : Joomla files và database

 Joomla files v ụ ứ dò l codes dữ l …( ấ ữ ằ o ụ ặ w bs )

 Joomla database ứ ấ b dữ l ủ w bs C export database localhost f l d sql

 ộ số ấp dị vụ ó sẵ phpMyAdmin

- ề ề f l s (VD: CuteFTP, 3DFTP) ể k ố vớ ủ webserver

 C k o ừ ấp dị vụ ( k o v o Bảng điều khiển và k o ề f l s))

2.2.2.2 Các thao tác thực hiện việc upload website

 ụ ố ( root directory) ủ ( ó htdocs, www, wwwroot, public_html)

- T p Bảng điều khiển (Control Panel) ể o ớ database và account dù database

Tùy nhà cu ấp ó ể sử dụ Hệ thống Quản trị ủ w b khác nhau  G o d Bảng điều khiển khác nhau

- K ố vớ ủ database ể import dữ l o database

 Sử dụ phpMyAdmin oặ ụ lí d b s k

 N sử dụ phpMyAdmin f l s o f p p o ụ phpMyAdmin ủ w b v sử số d ớ ú vớ ị ợ ừ ấp dị vụ:

T ỔNG UAN C ƯƠNG TRÌNH

Giới thiệu Wordpress

- WordPress l p ề ồ ợ ấp ễ p í sử dụ ữ l p PHP v s dữ l MySQL Do ó ó í ợp o ố ặ blo í w bs sử dụ ề ủ

Chức năng của Wordpress

- Wordpress úp dự v ể k w bs blo w bs ứ w bs b w bs ử o ớ ộ ồ ộ o ộ ắ v k ề sứ

Ưu điểm của Wordpress

- ổ ợ pl ự sự l ộ ể ủ Wordpress vớ ộ ộ ồ dù v plugin cho Wordpress B k lo plugin ể sử dụ

- ổ ợ Widget d kéo – ự kỳ lợ k ố ổ vị í widget, thay vì p ộ v o code b ỉ v kéo – ữ vị í í ợp

- ổ ợ tag/chuyên mục: G úp b dễ d p lo b v dễ d o k ũ l b v

- ổ ợ SEO k ố k ể ó l o ỉ ũ ấ ố vớ d kỹ s l l lắ k dù v p ữ í ằ o k về SEO

- Wordpress ợ p lo ộ l sử dụ dị vụ ủ ấp (Wordpress.com) l ự p cài trên host riêng (Wordpress.org).

C ÁC CÀI ĐẶT VÀ CẤU ÌNH W ORDPRESS

Cài đặt và cấu hình trên localhost

- Download Wordpress : http://wordpress.org/download/

- S k dow lo d về é p v o C:\xampp\htdocs\wordpress ( wordpress ụ ứ code vừ é ”

Hình 41: Nơi lưu code wordpress

- ụ Create New Database, gõ vào wordpress k ể utf8_genaral_ci 

- d http://localhost/wordpress,  N ấ ú Create a Configuration File

Hình 43: Tạo tập tin cài đặt

 Database Name: wo dp ss ( d b s o)

Hình 44: Nhập cơ sở dữ liệu

- N ấ Run the install ể ặ wo dp ss

Hình 46: Cấu hình thông tin tài khoản

Hình 47: Đăng nhập quản trị

 Trang quản trị (BackEnd): http://localhost/wordpress/wp-admin

 Trang website (FrontEnd): http://localhost/wordpress/

- Download Template http://wordpress.org/themes/ ồ é v o ụ

C:\xampp\htdocs\wordpress\wp-content\themes\

Hình 50: Vị trí chứa template

- Click nút Activate ủ ComputerAnalyze vừ

- V o ị Wordpress, trong menu Post l k Categories

 Parent: No (do T Tứ k ó ấp k )

Hình 55: Tạo chuyên mục Tin Tức

 Parent: T Tứ (do T o ớ l o ủ T Tứ Parent

Hình 56: Tạo chuyên mục Tin trong nước

Hình 57: Tạo chuyên mục Tin thế giới

- V o ị Wordpress, trong menu Post l k Add N w

Hình 60: Xuất bản bài viết

Hình 61: Bài viết mới đã tạo

- V o ị Wordpress, trong menu Pages l k Add New

Hình 64: Trang mới đã được tạo

Hình 70: Vị trí cấp độ

Hình 72: Các menu đã tạo.

Tạo website Wordpress trên Host

- ó ấ ề host ễ p í hostinger.vn, byehost.com, oni.cc … ó ể úp dễ d o ộ w b ó Ở sẽ sử dụ trang web hostinger.vn ể o w b Wordpress

- Đ v o w b www.hostinger.vn v v o ụ Tạo tài khoản mới

Hình 73: Tạo tài khoản mới

Hình 74: Nhập thông tin yêu cầu

- Kí o o p v o ố ẻ Hosting  Tạo account mới ( o ề ể v o w b)

- Có 3 gói Free, Premium, Business ể kí sẽ ó Free ể sử dụ C Đăng kí ngay d ớ ó Free

Hình 76: Đăng ký gói Free

- N p v o ữ o v Tạo ( s bdo ó ôi là thanhsang.besaba.com)

Hình 78: Host đã được tạo

- Kéo ố ớ k website v Trình tự động cài đặt

Hình 79: Tự động cài đặt

Hình 80: Tạo website bằng Wordpress

- N p v o username và password ủ Administrator v dẫ ể v ấ Cài đặt ố sẽ ố b o ộp o ộ d sẽ bị è N ấ OK ể p ụ ( ợ k o 1 ớ 2 p ú ể ố ặ )

- Để v o ị http://www.thanhsang.besaba.com/wordpress/wp- admin Đ p username và password

- Để v o w bs http://thanhsang.besaba.com/wordpress/

4 Tìm hiểu Macromedia Flash căn bản

4.2 Các công cụ trong Flash

4.2.2 Hộp công cụ (TOOL BOX)

C ụ s b s l o ool (A) ể bẻ od ố ợ (Bấ ữ Al + l k ộ v o od ể bẻ)

C ụ l sso ool ( ) ể lấ vù ool ( ) ụ vẽ ố ợ

R l (R) ụ ể vẽ ữ v Retangular (R) công ụ ể vẽ ữ v Options:

C ụ f ll sfo ool (F) ể o ỏ p ó lớ ố ợ ợ ể sắ

C ụ Zoo ool ( Z) ể p ó lớ v ỏ ố ợ ộp v ề ộp + ể sắ

4.2.3 Bảng điều khiển (Time line control)

Nú dd l d ( o ớ lớp ó ị ớ o ố ợ o) Nút xóa layer

Hình 86: Chi tiết Bảng điều khiển

- Copy các key frame: vị í ớ s ó bấ F6 ể op frame (Áp dụ o l ứ k frame và key frame ỗ )

- Thêm frame: vị í ớ bấ F5 ể frame

- Xóa các frame: é k ố f ó bấ shift+F5 ể ó frame

- Xóa key frame: k f bấ shift+F6

- Frame Rate: ể ổ số ất frame/giây

Hình 88: Bảng thay đổi màu Để ổ v ề Để ổ Để ổ kí ớ v ề Để ổ k ể v ề

Hình 89: Bảng thay đổi tùy chọn ự ể ổ k ể ( ụ í ù ộ v o ứ dụ o scroll text  dynamic text) ự fo ữ ự s z ữ ự ữ ự k ể ữ

- To stage: C ỉ ố ợ o k 4.2.5.2 Bảng lựa chọn màu sắc (Shift+F9, Ctrl+F9)

- B ứ ố ợ button, graphic, motion tween, shape tween, movie clip, component…

- : Nút + ể o ớ 1 symbol (button, graphic, movie clip)

- N o ò v k button, sound o l (windows component library buttons, sounds)

- Movie: ừ 24hình/giây ép ố ừ o lồ

4.3.1 Nguyên tắc tạo chuyển động:

- B l v ề k ể ể ộ p k nhau trong (s ) ợ p o ừ l layers ộ o ừ dò l frames

- Layer 3  có 1 keyframe và các frame 2 4 5 ể ỉ ố ợ o lớp sẽ ể ị d ễ o k o 5/24

 Copy keyframe  Alt + Click ộ d ể keyframes sang layer k ( oặ s vị í k ù layer)

- Tạo chuyển động quả banh

Hình 96: Chuyển động quả bánh

 Vớ ấ ể ộ 24 frames/giây  ể ộ k ấ ợ vị í b vị í ủ ú

 S k ổ ấ ể ộ 3 frames/giây  ấ ằ b ể ộ vị í ứ ồ vị í 1 ( ể ộ l ừ ) Đ ề o ấ ằ ể o ể ộ ợ o thêm 1 keyframe ứ 4 v op keyframe ứ 2 s vị í keyframe ứ 4 ể ó ợ 1 ể ộ ự ừ 1  v ợ l ừ  1

 Bằ ổ vị í vị í ố ủ ố ợ o keyframes v keyframes ố v flash sẽ ự ộ o o bộ ể ộ o ừ frames ữ keyframes v ố tweening

 Tweening o p ép o ể ộ ó v p dụ ứ fade, color, alpha, scale… o ừ ể ộ

- T o p b Flash CS5 p l 2 lo ể ộ l Classic tween và motion tween

- T o ể ộ o o w dễ d l ss w v ể ộ motion tween ấp ề k ể ố ợ í o k ể ộ classic tween p ứ p v ấp ề í ộ ể ề k ể ố ợ

- C p b fl s CS3 về ớ o ể ộ bằ k ể classic tween

Hình 97: Tạo chuyển động quả banh

Hình 98: Tạo chuyển động quả banh

Hình 99: Tạo chuyển động quả banh

Hình 100: Thuộc tính chuyển động

Hình 101: Thay đổi thuộc tính

Hình 102: Thay đổi màu sắc

- Cl k p ộ vị í frame ố ù o ể ộ l add keyframe

Hình 105: Công cụ Rectangle Tool (R)

Hình 106: Vẽ hình chữ nhật

- S ó ấ p í F8 ( oặ Modify  Convert to Symbol) ể ể ổ ộ Button

- Ấn phím F6 ể op keyframes vị í ò l

Hình 110: Chọn tấc cả vị trí

- C ố ù ấ ổ ợp p í Ctrl + Enter  R ộ v o ú vừ o sẽ ổ ừ s ồ

4.5 Chuyển động theo bảng Control Timeline

- T o 1 layer ặ l so sử dụ ụ Pen Tool (P) ể vẽ so ớ

- S ó d ụ Convert Anchor Point Tool (C) ể bẻ ỉ só ề

Hình 113: Đường sóng uốn cong

- S ó dù Paint Bucket Tool (K) d o só

- Click vào keyframes ứ 20 ấ F5 ể sử dụ o ể ộ

- Cl k ộ p v o keyframes ứ 20 v Create Motion Tween ể o ể ộ

Hình 118: Tạo Create Motion Tween

Hình 119: Tạo vị trí chuyển động

- T o layer ớ v ặ l s ó ự l só ấ F5 ể o thêm keyframes l k ộ p v o keyframes 20 v Create Motion

Hình 120: Vị trí chuyển động

Hình 121: Tạo đường cong chuyển động

Guides í k s b p sẽ ấ ấ b PROTERTIES v ấ dấ k v o Orient to path ể o ể ộ ủ o Guides

- C ụ Free Tranform Tool (Q) ể ể ủ l v ố vớ Guides

Hình 123: Tạo hướng chuyển động

- S ó ổ vị í 2 layer sóng và cá cho nhau

C ÁC CÔNG CỤ TRONG F LASH

Giao diện Flash

Hộp công cụ (TOOL BOX)

C ụ s b s l o ool (A) ể bẻ od ố ợ (Bấ ữ Al + l k ộ v o od ể bẻ)

C ụ l sso ool ( ) ể lấ vù ool ( ) ụ vẽ ố ợ

R l (R) ụ ể vẽ ữ v Retangular (R) công ụ ể vẽ ữ v Options:

C ụ f ll sfo ool (F) ể o ỏ p ó lớ ố ợ ợ ể sắ

C ụ Zoo ool ( Z) ể p ó lớ v ỏ ố ợ ộp v ề ộp + ể sắ

Bảng điều khiển (Time line control)

Nú dd l d ( o ớ lớp ó ị ớ o ố ợ o) Nút xóa layer

Hình 86: Chi tiết Bảng điều khiển

- Copy các key frame: vị í ớ s ó bấ F6 ể op frame (Áp dụ o l ứ k frame và key frame ỗ )

- Thêm frame: vị í ớ bấ F5 ể frame

- Xóa các frame: é k ố f ó bấ shift+F5 ể ó frame

- Xóa key frame: k f bấ shift+F6.

Bảng thuộc tính (Properties)

- Frame Rate: ể ổ số ất frame/giây

Hình 88: Bảng thay đổi màu Để ổ v ề Để ổ Để ổ kí ớ v ề Để ổ k ể v ề

Hình 89: Bảng thay đổi tùy chọn ự ể ổ k ể ( ụ í ù ộ v o ứ dụ o scroll text  dynamic text) ự fo ữ ự s z ữ ự ữ ự k ể ữ

Các bảng khác

- To stage: C ỉ ố ợ o k 4.2.5.2 Bảng lựa chọn màu sắc (Shift+F9, Ctrl+F9)

- B ứ ố ợ button, graphic, motion tween, shape tween, movie clip, component…

- : Nút + ể o ớ 1 symbol (button, graphic, movie clip)

- N o ò v k button, sound o l (windows component library buttons, sounds)

T ẠO C UYỂN ĐỘNG

Nguyên tắc tạo chuyển động

- B l v ề k ể ể ộ p k nhau trong (s ) ợ p o ừ l layers ộ o ừ dò l frames

- Layer 3  có 1 keyframe và các frame 2 4 5 ể ỉ ố ợ o lớp sẽ ể ị d ễ o k o 5/24

 Copy keyframe  Alt + Click ộ d ể keyframes sang layer k ( oặ s vị í k ù layer)

- Tạo chuyển động quả banh

Hình 96: Chuyển động quả bánh

 Vớ ấ ể ộ 24 frames/giây  ể ộ k ấ ợ vị í b vị í ủ ú

 S k ổ ấ ể ộ 3 frames/giây  ấ ằ b ể ộ vị í ứ ồ vị í 1 ( ể ộ l ừ ) Đ ề o ấ ằ ể o ể ộ ợ o thêm 1 keyframe ứ 4 v op keyframe ứ 2 s vị í keyframe ứ 4 ể ó ợ 1 ể ộ ự ừ 1  v ợ l ừ  1

 Bằ ổ vị í vị í ố ủ ố ợ o keyframes v keyframes ố v flash sẽ ự ộ o o bộ ể ộ o ừ frames ữ keyframes v ố tweening

 Tweening o p ép o ể ộ ó v p dụ ứ fade, color, alpha, scale… o ừ ể ộ

- T o p b Flash CS5 p l 2 lo ể ộ l Classic tween và motion tween

- T o ể ộ o o w dễ d l ss w v ể ộ motion tween ấp ề k ể ố ợ í o k ể ộ classic tween p ứ p v ấp ề í ộ ể ề k ể ố ợ

- C p b fl s CS3 về ớ o ể ộ bằ k ể classic tween

Hình 97: Tạo chuyển động quả banh

Hình 98: Tạo chuyển động quả banh

Hình 99: Tạo chuyển động quả banh

Hình 100: Thuộc tính chuyển động

Hình 101: Thay đổi thuộc tính

Hình 102: Thay đổi màu sắc

- Cl k p ộ vị í frame ố ù o ể ộ l add keyframe

T ẠO CÁC NÚT

Hình 105: Công cụ Rectangle Tool (R)

Hình 106: Vẽ hình chữ nhật

- S ó ấ p í F8 ( oặ Modify  Convert to Symbol) ể ể ổ ộ Button

- Ấn phím F6 ể op keyframes vị í ò l

Hình 110: Chọn tấc cả vị trí

- C ố ù ấ ổ ợp p í Ctrl + Enter  R ộ v o ú vừ o sẽ ổ ừ s ồ

4.5 Chuyển động theo bảng Control Timeline

- T o 1 layer ặ l so sử dụ ụ Pen Tool (P) ể vẽ so ớ

- S ó d ụ Convert Anchor Point Tool (C) ể bẻ ỉ só ề

Hình 113: Đường sóng uốn cong

- S ó dù Paint Bucket Tool (K) d o só

- Click vào keyframes ứ 20 ấ F5 ể sử dụ o ể ộ

- Cl k ộ p v o keyframes ứ 20 v Create Motion Tween ể o ể ộ

Hình 118: Tạo Create Motion Tween

Hình 119: Tạo vị trí chuyển động

- T o layer ớ v ặ l s ó ự l só ấ F5 ể o thêm keyframes l k ộ p v o keyframes 20 v Create Motion

Hình 120: Vị trí chuyển động

Hình 121: Tạo đường cong chuyển động

Guides í k s b p sẽ ấ ấ b PROTERTIES v ấ dấ k v o Orient to path ể o ể ộ ủ o Guides

- C ụ Free Tranform Tool (Q) ể ể ủ l v ố vớ Guides

Hình 123: Tạo hướng chuyển động

- S ó ổ vị í 2 layer sóng và cá cho nhau