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

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC MỞ THÀNH PHỐ HỒ CHÍ MINH

BAN TRUNG CẤP CHUYÊN NGHIỆP

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

SINH VIÊN: PHẠM THANH SANG (MSSV: 1100100042)

VÕ VƯƠNG HOÀNG TÚ (MSSV: 1100100060)

TRẦN NGỌC SƠN (MSSV: 1100100043)

TÊN BÁO CÁO THỰC TẬP: WORDPRESS

NGÀNH: KỸ THUẬT MÁY TÍNH

Thành phố Hồ Chí Minh - Năm 2013

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC MỞ THÀNH PHỐ HỒ CHÍ MINH

BAN TRUNG CẤP CHUYÊN NGHIỆP

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

SINH VIÊN: PHẠM THANH SANG (MSSV: 1100100042)

VÕ VƯƠNG HOÀNG TÚ (MSSV: 1100100060)

TRẦN NGỌC SƠN (MSSV: 1100100043)

TÊN BÁO CÁO THỰC TẬP: WORDPRESS

NGÀNH: KỸ THUẬT MÁY TÍNH

LỚP: TH11TC

GV HƯỚNG DẪN: NGUYỄN HOÀNG SƠN VĨ

Thành phố Hồ Chí Minh - Năm 2013

LỜI CÁM ƠN

B G Đ T C V V T T C Đ ỉ b o v ề k ứ o ú o s ố ( khóa 2011 – 201 ) D ớ sự ỉ b o ủ úp ú ó ợ ộ ề k ứ v ó ợ ể vữ b ớ o l Đặ b l N ễ o S Vĩ lò ự p ớ dẫ v ề ề k ũ o ề k k ứ b o s ố ẩ bị ự v o b b o o ự p Vớ k ứ ò ẹp k p dụ k ứ v o ự ể ợ ố Do ó o dự b b o o ự p k k ỏ ữ s só v ữ E ấ o ợ ữ ó óp k ủ ù b ể o ỉ k ứ ủ C ố ù ú B G v o ể b dồ d o sứ k ỏ v o v

Sinh viên thực hiện Phạm Thanh Sang Võ Vương Hoàng Tú Trần Ngọc Sơn

NHẬN XÉT CỦA CƠ QUAN THỰC TẬP

.......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... .......................................................................................................................................... ..........................................................................................................................................

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

PHÂN CÔNG CÔNG VIỆC

Công Việc

STT 1 Họ Tên Phạm Thanh Sang - Tìm hiểu Joomla. Ghi Chú Ráp tấc cả

- Tìm hiểu Wordpress. bài lại với

nhau thành

bài hoàn

chỉnh.

2 Võ Vương Hoàng Tú - Tìm hiểu cách sử dụng và cài đặt Đã hoàn

phần mềm XAMPP. thành xong

- Tạo website WordPress trên Host. ngày

01/07/2013.

3 Trần Ngọc Sơn - Tìm hiểu Macromedia Flash căn Đã hoàn

bản. thành xong

ngày

01/07/2013.

MỤC LỤC

1 TÌM HIỂU CÁCH SỬ DỤNG VÀ CÀI ĐẶT PHẦN MỀM XAMPP. ............ 9

1.1 TÌ IỂU C UNG. ............................................................................................. 9

1.1.1 Web Server là gì? ..................................................................................... 9

1.1.2 XAMPP là gì? ........................................................................................... 9

1.2 CÁC CÀI ĐẶT XAMPP ( SỬ DỤNG XAMPP1.7.1). ......................................... 10

2 TÌM HIỂU JOOMLA. .................................................................................... 14

2.1 TỔNG UAN C ƯƠNG TRÌN . .......................................................................... 14

2.1.1 Giới thiệu Joomla. .................................................................................. 14

2.1.2 Chức năng của Joomla. .......................................................................... 14

2.1.3 Ưu điểm của Joomla. .............................................................................. 14

2.1.4 Nhược điểm của Joomla. ........................................................................ 15

2.2 CÁC CÀI ĐẶT VÀ CẤU HÌNH JOOMLA. ............................................................ 15

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

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

3 TÌM HIỂU WORDPRESS. ............................................................................. 33

3.1 TỔNG UAN C ƯƠNG TRÌNH. .......................................................................... 33

3.1.1 Giới thiệu Wordpress. ............................................................................. 33

3.1.2 Chức năng của Wordpress. ..................................................................... 33

3.1.3 Ưu điểm của Wordpress. ......................................................................... 34

3.1.4 Nhược điểm của Wordpress. ................................................................... 34

3.2 CÁC CÀI ĐẶT VÀ CẤU ÌNH WORDPRESS. ..................................................... 34

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

3.2.2 Tạo website Wordpress trên Host. .......................................................... 48

4 TÌM HIỂU MACROMEDIA FLASH CĂN BẢN. ......................................... 52

4.1 GIỚI T IỆU MACROMEDIA FLASH. .................................................................. 52

4.2 CÁC CÔNG CỤ TRONG FLASH. ......................................................................... 52

4.2.1 Giao diện Flash. ..................................................................................... 52

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

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

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

4.2.5 Các bảng khác. ....................................................................................... 57

4.3 TẠO C UYỂN ĐỘNG. ....................................................................................... 59

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

4.4 TẠO CÁC NÚT. ................................................................................................ 67

4.5 C UYỂN ĐỘNG T EO BẢNG CONTROL TIMELINE. ........................................... 71

1 Tìm hiểu cách sử dụng và cài đặt phần mềm XAMPP.

1.1 Tìm hiểu chung.

1.1.1 Web Server là gì?

- Web Server ( p ụ vụ W b) l í ó ặ p ề

p ụ vụ W b k ũ í p ề ó l W b S v

- 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.

1.1.2 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

 M = MySQL ị s dữ l MySQL ũ ợ b o ồ o

XAMPP.

 P = PHP ữ l p PHP P = Perl ữ l p Perl.

- N o v ỗ ợ p b : Apache – PHP – MySQL –

phpMyAdmin. XAMPP ò ỗ ợ p k ộ số w bs v

k k ó Webmail – FTP – SSL – Perl.

- C sử dụ ủ XAMPP dễ d ó

- ỗ ợ ủ v ộ ủ PHP ồ í ợp v

PEAR.

- V s l ặ & sử dụ XAMPP p b 1 1 l ộ

p b k ổ ị ồ Joomla! Zend

Framework, Drupal….

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

– Filezilla sẽ ợ k k ộ Windows).

Hình 3:

Lựa chọn mục cài dặt.

- ặ XAMPP.

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

- S k ặ o ấ Finish ể o ặ

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ụ.

- T l ấ v o ú Start ố Windows Security

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

MySQL o d w b)

- K ấ v o ú Admin b Apache sẽ ợ o d w b s :

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)

- K b ể k ể ú ỉ ấ v o b ể ợ Tray ủ

Windows.

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

MySQL s ó ấ ú Exit.

2 Tìm hiểu Joomla.

2.1 Tổng quan chương trình.

2.1.1 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ặ

Intranet.

2.1.2 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ứ

2.1.3 Ưu điểm của Joomla.

- Joomla l ồ v ợ ấp o o ễ p í

- Joomla l ề ồ ợ dự v ó óp b ữ

v ữ v í ự k

- Joomla ó ộ ộ ồ p ể ũ sử dụ ấ lớ Đ ề ó

ó ĩ l k b ặp vấ ề k ó k ấ ề sẵ

s úp ỡ b

- Joomla úp k v sứ k W bs

- 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 ó ộ số l ợ pl ( o d ) k ổ lồ ừ ữ o d

ứ o ớ p ứ 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

- T l API d o l p v p ể v ợ ấp ủ

- 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

2.1.4 Nhược điểm của Joomla.

- ồ ủ 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 ó k Multiple s Drupal ( extensions ớ ó

ợ í )

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

Joomla).

- K ố ủ Windows (IIS).

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.

2.2.1.1 Cài đặt Joomla.

- Chuẩn bị.

 Đ 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 mới.

 T o database ộ bằ v o d

http://localhost/phpmyadmin o database ớ o ô Create new

database: joomla15  kiểu: utf8_general_ci  Create.

Hình 2:

Tạo database mới.

- 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.

 Host Name: N p ủ Host l localhost.

 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).

 l p FTP ộ o ứ ề p B ớ

ặ k p ự ừ k ố vớ ộ số

Host ó B bỏ số v ấ Next ể p ụ

Hình 7:

Thiết lập cấu hình FTP.

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

 Site Name: s ủ b

 Your E-mail: ị ỉ l ủ b

 Admin password: k ẩ ể ị Joo l

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

Joo l o ẫ o b ộ w b  Next.

Hình 8: Cấu hình chính.

- 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.

Hình 11: Trang chủ website.

 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.

- V o v ặt Joomla trên localhost.

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 .

- T o ó ữ ó b d o ị v b d o

web.

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

Install/Uninstall.

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

- B Extension Manager  Browse…  ó ữ d o

ị  Open.

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

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

Success là thành công.

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

- T ự ó ữ d o w bs

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

- S k ặ o v o Extensions  Language Manager.

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.

- T ự b Administrator  ữ Tiếng Việt  ấ Default.

T ấ ị ể ị ữ Tiếng Việt.

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

- w bs k ể ũ ể ị ữ Tiếng Việt.

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/ .

Hình 22: Website download temptale.

- 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.

Hình 24: Chọn templale mới.

- 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.

- T o b Quản lý Giao diện  o d ớ ợ ặ 

Mặc định.

Hình 27: Chọn template mới.

- Ta qua website k ể v ấ ổ o d ớ

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 30: Tạo Phân mục.

- Đặ o ề v ộ d  Lưu.

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

- T ấ p ụ ớ ợ o

Hình 32: Phân mục mới.

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.

Hình 34: Tạo Chuyên mục.

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

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

- T ấ ộ ụ ớ ợ o T ự ũ l ề

ụ

Hình 36: Chuyên mục mới.

2.2.1.6 Quản lý bài viết.

- 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à

Newsflash p ộ d b v  Lưu.

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

- ộ b v ớ ợ o

Hình 40: Bài viết mới.

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.

- Cop ụ phpMyAdmin v o ụ ặ w b ( )

 ộ 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.

- K ố vớ ủ w b (w bs v ) ể ề f l s

 ụ ố ( root directory) ủ ( ó htdocs,

www, wwwroot, public_html).

 Cop o bộ f l s v ụ o ụ ặ w b ừ localhost lên

ụ ố ủ

- 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ụ:

 $ f [‘S v ’][$ ][‘ s ’] = “ _ _ p”;

 $ f [‘S v ’][$ ][‘p sswo d’] = “ _k ”;

 $ f [‘S v ’][$ ][‘ os ’] = “ _ _w bs ”;

- Import dữ l v o database.

 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ử

 Sử số í s o ú ị ợ ừ ấp v

ị ợ o o b ớ o database.

 v $ os = “lo l os ”;

 var $use = “ o _d _d b s ”;

 v $p sswo d = “ _k ”;

 v $db = “ _d b s ”;

 v $lo _p = “/ o / o s /www/lo ”;

 v $ p_p = “/ o / o s /www/ p”;

- K ể k ể ị v k ắ p ụ lỗ ( ó)

 T p ủ ủ w bs ể k ể tra.

 K ắ p ụ lỗ ( ặ b l lỗ k ố d b s ) ó

3 Tìm hiểu Wordpress.

3.1 Tổng quan chương trình.

3.1.1 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ụ ề ủ

3.1.2 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ứ

3.1.3 Ưu điểm của Wordpress.

- V l b v ụ p ồ l k … ấ

- ổ ợ theme dù ó ể ỉ sử ù b o d ộ

ẹ

- ổ ợ 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).

3.1.4 Nhược điểm của Wordpress.

- Wordpress o ộ ẹ í ố k w bs b ó

l ợ p lớ Wordpress l ố ố

- WordPress í ợp o v Blo v ấ b ộ d k ể ó ỏ Nó

k ó ó ể p ứ ứ ộ v o

- 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.

3.2.1.1 Cài đặt Wordpress.

- 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.

- d http://localhost/phpmyadmin.

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

Create.

Hình 42: Tạo database mới

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

Configuration File.

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

- N ấ ú Let’s go! Để p s dữ l

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

 User Name: root.

 Password: password MySQL.

 Database Host: localhost.

 Table Prefix: b ề ố.

- N ấ Submit.

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

- N ấ Run the install ể ặ wo dp ss

Hình 45: Cài đặt wordpress.

- Cấ k o ị

 Site Title: T w b ủ b

 Username: admin.

 Password, twice: password admin.

 Your E-mail: l ủ ị

- N ấ Install WordPress.

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

- C ặ ể ị p

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

- C ặ b ó ể k

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

Hình 48: Trang quản trị

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

Hình 49: Trang website.

3.2.1.2 Cài đặt giao diện.

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

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

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

- V o ị Wordpress b l k

b p Appearance l k Themes.

Hình 51: Vị trí Themes.

- Click nút Activate ủ ComputerAnalyze vừ

Hình 52: Kích hoạt Themes.

- w bs ( http://localhost/wordpress) k

Hình 53: Giao diện mới.

3.2.1.3 Tạo chuyên mục (Categorises).

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

Hình 54: Thêm chuyên mục.

- T o ụ ớ

 Name: T Tứ

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

- N ấ Add New Categories.

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

- T o ụ :

 Name: T o ớ

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

T Tứ )

- N ấ Add New Categories.

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

- T ự o ụ T ớ l o ủ T Tứ

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

- X ụ ợ o

Hình 58: Các chuyên mục.

3.2.1.4 Tạo bài viết mới.

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

Hình 59: Thêm bài viết.

- N p T ề v ộ d b v B v ộ ó T o ớ

k v o T Tứ v T o ớ

- T o ReadMore ể b v ủ.  N ấ Publish ể ấ

b b v

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

- K ể ủ

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

3.2.1.5 Tạo trang mới.

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

Hình 62: Thêm trang.

- N p T l v ộ d  ấ Publish.

Hình 63: Nội dung trang.

- T l ộ số k ộ G ớ T K ể k

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

3.2.1.6 Tạo menu chính.

- V o ị o Appearance, cl k Menus.

Hình 65: Thêm menu.

- N p ó l Đ l k Create Menu.

Hình 66: Tạo menu chính.

- T o T C ủ  Add to Menu.

Hình 67: Menu Trang chủ.

- T o G ớ T

Hình 68: Menu Giới thiệu.

- T o T ể S

Hình 69: Menu Tuyển sinh.

- Kéo ụ ú vớ ấp ộ

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

- ụ Main Navigation Menu: Đ l k ổ

Hình 71: Chọn Navigation Menu.

- X k

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

- N p ữ o v ấ Tạo tài khoản.

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

- S k o k o b v o l k ể kí o k o

- Kí o o p v o ố ẻ Hosting  Tạo

account mới. ( o ề ể v o w b)

Hình 75: Tạo tên miền.

- 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 77: Tạo host.

- S ó ấ l v o ẻ Hosting sẽ ấ ợ os vừ o v l k v o ú

Chuyển.

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.

- Ở k Blogs Wordpress.

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 ú ể ố ặ )

Hình 81: Cài đặt Wordpress.

- Để v o ị http://www.thanhsang.besaba.com/wordpress/wp-

admin Đ p username và password.

Hình 82: Trang quản trị.

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

Hình 83: Trang website.

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

4.1 Giới thiệu Macromedia Flash.

- Macromedia flash l ứ dụ dù ể k v o

ể ộ

- K ợp ứ dụ ồ k v í l

ov ( l d ) o p ép ó ể o d ễ ộ

- C ứ dụ p dụ w b ppl o p s o s –

l …

4.2 Các công cụ trong Flash.

4.2.1 Giao diện Flash.

Hình 84: Giao diện Flash.

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

C ụ ẩ ov ool (v) ể d ể ố ợ C ụ s b s l o ool (A) ể bẻ od ố ợ (Bấ ữ Al + l k ộ v o od ể bẻ) C ụ l ool (N) ể vẽ line.

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

Ov l ool (O) ụ ể vẽ ov l ò

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

Op o vẽ ữ v ó ó ò

C ụ p l ool (Y) Options:

Vẽ ẳ Vẽ o Vẽ o

C ụ b s ool (B)

C ụ f sfo ool ( ) ể ổ kí ớ v o ố ợ

C ụ f ll sfo ool (F) ể o ỏ p ó lớ ố ợ ợ ể sắ C ụ I k bo l ool (S) ể ổ sắ l C ụ p b k ool (K) ể ố ợ

C ụ E d op ool (I) ể ú ẫ C ụ E s ool (E) ể ó ố ợ C ụ d ool ể ị ớ v ố ợ

C ụ Zoo ool ( Z) ể p ó lớ v ỏ ố ợ

ộp v ề ộp + ể sắ

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

Hình 85: Bảng điều khiển.

Nú s ow / d l (ẩ oặ l )

Nú lo k / lo k l (k ó oặ k k ó l )

Nú v w o l l ( ể ị v ề ố ợ )

Nút t o ớ l

Nú dd l d ( o ớ lớp ó ị ớ o ố

ợ o)

Nút xóa layer.

Nú s bol

Nú s

Nú ề ỉ ộ ể ị k f ớ

Co bo bo ề ỉ ộ ể ị k

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

- T o k frame: vị í ớ s ó bấ F7 ể o k frame ỗ

- 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.

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

Hình 87: Bảng thuộc tính.

- Size: ú ể ổ kí ớ ủ k

- Background: ú ể ổ ề ủ k

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

- Pubish: ấ f l fl s ề d k

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 ể ữ

T ổ ớ ữ ( d o )

Nớ ộ ẹp ộ ộ ữ

T ổ k ể ữ s bs p

supperscript.

C ỉ

4.2.5 Các bảng khác.

4.2.5.1 Bảng canh chỉnh (Ctr+K).

Hình 90: Bảng canh chỉnh.

- To stage: C ỉ ố ợ o k

4.2.5.2 Bảng lựa chọn màu sắc (Shift+F9, Ctrl+F9).

Hình 91: Bảng màu sắc.

- Alpha: ổ ứ ộ o s ố ủ ố ợ

4.2.5.3 Bảng thư viện (F11).

Hình 92: Bảng thư viện.

- 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).

4.2.5.4 Bảng Aciton script (F9).

Hình 93: Bảng Action Script.

- : C ể ộ coding normal hay expert.

4.3 Tạo chuyển động.

- T k v o ể ộ o flash ố l ộ bộ film

(movie).

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

- Flash: o ể ộ ừ 24frame/giây k ừ ể

ộ v o ể ộ

- T ự v l ể ộ o Flash p ứ p ề vớ

lý do:

- T k ể ộ oặ p ứ p

- C ổ ứ l ể ộ

- Tổ ứ l ố ợ o ừ ể ộ

- ự ể ộ …

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

- V ổ vị í ố ợ o ừ

- B TimeLine Control.

Hình 94: Bảng Timeline Control.

- B l v ề k ể ể ộ p k nhau trong

(s ) ợ p o ừ l layers ộ o ừ

dò l frames.

- Frames ứ ố ợ ể o ể ộ

- Vớ ỗ layer ứ f s k o p ép o v l ề

ể ộ ù lú

Hình 95: Layer chuyển động.

- Layer 1  có 1 keyframe ỗ ( ó ố ợ b o )

- Layer 2  có 1 keyframe ( ó ứ ố ợ b o )

- Đố ợ b o keyframe ó ể l 1 1 ữ oặ 1 ov l p …

- Layer 3  có 1 keyframe và các frame 2 4 5 ể ỉ ố ợ o lớp

sẽ ể ị d ễ o k o 5/24

- Để o ể ộ

- T ổ ấ ặ ị 24 frames/giây .

- T số frame o ừ lớp

- C p í ắ ử l frames:

 Thêm frames  F5.

 Xóa frames  Shift + F5.

 Copy keyframe  F6.

 Xóa keyframe  Shift + F6.

- C o ử l k

 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.

- N é ể ộ b

 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.

- G ớ motion tween.

 T o fl s v o ể ộ k ấ l ổ vị í

ố ợ o ừ frames.

 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.

- Motion tween.

 Y o ể ộ

 Co v ố ợ symbol.

 C ỉ 1 keyframes ể o ể ộ

 Đặ ể k

 K o v s p ự p frames.

 C o p ép o ể ộ ố ợ 3D.

- Classic tween.

 Y o ể ộ

 Co v ố ợ symbol.

 C ỉ 1 keyframes ể o ể ộ

 Đặ ể k

 K o v s p ự p frames.

 C o p ép o ể ộ ố ợ 3D.

- C ể ố ợ 1 symbol (convert symbol)

 Đ ố ợ v o k

 Bấ F8  ị ố ợ ứ dụ s

 Movie clip

 Graphic

 Button

- ụ í ể ổ ố ợ symbol

 T o ể ộ

 Sử dụ l ể ộ

 l ể ộ

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.

- N ấ Ctrl + Enter ể k ể ể ộ

- C ộ í ể ộ (motion tween).

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

- v sử dụ l ể ộ :

 Menu windows  motion preset.

 Đặ ể ộ

- Áp dụ ể ộ o ố ợ k :

 T o ớ ố ợ

 Convert symbol  movie clip.

 Menu windows  motion preset ẫ ể ộ o ớ

 C ú apply ể p dụ ẫ

 Bấ Ctrl + Enter k

- C ộ í ể ộ (classic tween):

 Ease  ộ í ổ vị í ố ợ o ể ộ

 Orient to path  ộ í ặ ố ợ ể ộ d o

path.

 Snap  ộ í bắ dí ố ợ o p

 Rotate  ộc tính xo ố ợ ( w w)

 Scale  ộ í ổ ỉ l ố ợ

- :

 C keyframe ể ổ ộ í

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

- C ứ o ể ộ :

 Color effect các ứ l sắ

 Alpha  ổ ộ o s ố ố ợ .

 Brightness  ổ ộ s ố ợ

 Tint  ổ sắ ố ợ

 Advance  k ợp ổ sắ v ộ o s ố

 Display  ổ mode ò ộ

 Filters  p dụ bộ l

 Drop shadow  ứ bó ổ

 Blur  ứ

 Glow  ứ o

 Bevel  ứ ổ

 Gradient glow  ứ o ể sắ

 Gradient bevel  ứ ổ ổ

 Ajust color  ứ ổ sắ

- :

 C ố ợ v ố ể p dụ ứ ( ố ợ

trong keyframe).

- T ổ sắ

 Tint – Alpha – Brightness – Advance.

 Filter.

 Dropshadow – Blur – Glow.

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

Hình 103: Chuyển động frame.

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

keyframe.

- T ổ ể ộ ể ổ ứ í ợp

Hình 104: Tạo chuyển động.

4.4 Tạo các nút.

- Dù ụ Rectangle (R) ể vẽ 1 ữ .

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.

Hình 107: Chuyển đổi button.

- Ở dò Type button  OK.

Hình 108: Chọn button.

- Double l k v o vừ vẽ ợ d ớ .

Hình 109: Chọn vị trí.

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

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

- Đổ vị í over.

Hình 111: Vị trí Over.

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

s ồ

- Các ú :

 Up  ặ ị ủ út.

 Over  ổ k ộ v o

 Down  ổ k ấ v ữ ú

 Hit  vù ú

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

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

Hình 112: Tạo layer sóng.

- 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ó

Hình 114: Tô màu.

- Ấ v o v ề v ó ó ể só ợ ẹp .

Hình 115: Xóa viền.

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

Hình 116: Tạo keyframes.

- S ó Click v o v ấ p í Alt ể op ồ ộ kéo

s b p v ố v o b

Hình 117: Di chuyển hình.

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

ể ộ

Hình 118: Tạo Create Motion Tween

- T keyframes ứ 20 kéo về p í b s o o ù vớ ũ b

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

- N ấn Enter ể k ể k l só sẽ ứ p v l p l l

ụ

- T o layer ớ v ặ l s ó ự l só ấ F5 ể o

thêm keyframes l k ộ p v o keyframes 20 v Create Motion

Tween.

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

- Cl k ộ v o G d s v kéo l ể o ể ộ b

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

- C về ụ ẩ l Selection Tool (V) sau ó l k ộ v o

Guides í k s b p sẽ ấ ấ b

PROTERTIES v ấ dấ k v o Orient to path ể o ể ộ ủ

o Guides.

Hình 122: Tạo đường 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.

- Ấ ổ ợp p í Ctrl + Enter ể k

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