[Tutorial full] – cách tạo homepage có menu kiểu Mac – giống www.thptdoanket.info

[goldenfish]

Chuẩn bị:
Aleo 3D Flash Slideshow Creator full = go here : http://www.mediafire.com/?o0e33zmbne5
Microsoft Office FrontPage 2003
Các icon cho menu.

Cài đặt Aleo 3D Flash Slideshow Creator
Các bạn cài bình thường, sau đó crack chương trình bằng cách copy filde “flash3dslideshow.exe” vào thư mục cài Aleo flash, mặc định là “C:\Program Files\Aleo Software\3D Flash Slideshow Creator” sau đó xác nhận ghi đè file đã có, tiếp theo nhấn vào file “dangky.reg”
http://up.anhso.net


Bắt đầu là menu Mac
Bật Ctrinh` lên nào ^^!


http://up.anhso.net



Chọn phần select style : bạn chọn là 3D_Dock_menu

Bạn cũng có thể chọn phần khác nhưng ở đây mình chỉ hướng dẫn cho Dock menu thôi ^^



Chú ý, khi làm menu kiểu này, bạn chỉ cần chú ý tới 3 mục :
1: Size and possion
2: Tool tip
3: Audio controller


Các bạn chỉnh chiều rộng và chiều cao của hình, chiều rộng của menu và chiều cao của hình như sau:
Chiều rộng của menu : 400
Chiều cao của menu: 170
View center x: 200 (chiều rộng chia đôi)
View center y: 85 (chiều cao chia đôi)
Max image width: 160
Max image height: 120
Min image Size scale(%): 40
Image size fade: 2
Image space: 20
Align: bottom
http://up.anhso.net


Chỉnh tool tip:
- lưu ý- tool tip là cái gì ? nó là phần chữ chú thích hiện lên khi bạn rê chuột lên hình á
Display: yes
Width: 120
Top: 120
Corner radius: 4
Margin: 2
Corlor: tùy chọn (cái này là màu nền của khung chữ)
Alpha: 80
Display shadow: yes
Shadow color: tùy chọn màu của bóng

http://up.anhso.net


Chình nút điều khiển âm thành(bật/tắt)
(lưu ý, phần này cỉ dành co những ai cài nhạc nền theo menu thôi)
Display: yes – chọn là no nếu như không có nhạc nền
Color : tùy chọn - màu cho nút điều khiển
Postion: tùy chọn: có thể là trên góc trái, trên góc phải, dưới góc trái, dưới góc phải ^^!
Custom left, custom top: 2 cái này dành cho những ai muốn di chuyển nút điều khiển về vị trí nhất định.

http://up.anhso.net



Xong cơ bản menu


Tiếp tục các phần quan trọng

Phần 1 liên kết và miêu tả button:
Các bạn click vào 1 hình ảnh bên góc trái: => sau đó chỉnh sửa các thông số sau:
Title : tên của button (Ex: home)
Description: phần này chính là tool tip, các chữ này sẽ xuất hiện khi rê chuột vào.
Đánh dấu tick vào ô weblink nếu như nó còn bỏ trống
Target: chọn là “_blank”
Url address: link liên kết mà bạn muốn liên kết tới
~~> làm tương tự với các hình còn lại, nha ^^!.

http://up.anhso.net




Phần 2, nền toàn tập ^^
Click vào thẻ global option:

http://up.anhso.net


Background music: chọn tick nếu như muốn cài nhạc nền cho trang chủ_nếu chọn tick rồi thì nhấn Browse để duyệt tìm file nhạc nền cho mình.
Nhấn tick vào ô stop after loop time rồi chọn 1 con số kế bên phải nếu như bạn muốn bài nhạc nền dừng lại sau số lần mà bạn đã chọn ở bên phải lúc nãy.
Nhấn bỏ nút tick ở tất cả các ô “As external file” đi (làm như vậy sẽ giúp chúng ta dồn tất cả các file vào 1 file *.swf duy nhất ^^)
Background color: cái này là nền của men – chúng ta không cần nó ở đây, vì vậy chọn vào ô “transparent”
Frame rate: chọn là 30 – đừng hỏi nhiều, đây là tần số ảnh xuất hiện trong 1 giây thôi- số càng cao thì menu càng mượt nhưng sẽ gây rối cho các trình duyệt cũ nếu như set quá cao)
Jipeg Quality – dĩ nhiên ai cũng muốn các icon của chúng ta hiển thị đẹp nhất có thể rồi phải không ^^ vậy thì chọn :100%
Nếu thấy ô web link đã tick rồi thì nhấn bỏ tick đi ( vì cái này sẽ phá hư menu của chúng ta, click vào đâu cũng dính vào cái link đã cài đặt ở dòng này)

Đã hoàn thành menu:
Xuất menu:
Click vào nút “Publish”


http://up.anhso.net


Tạo 1 thư mục – chọn ở desktop cho dễ làm ^^

Bấm nút browses để duyệt tới chỗ sẽ lưu file -> chọn thư mục bạn vừa tạo hồi nãy. Xong nhấn ok
http://up.anhso.net



File name: chọn là ghi là “index” – hoặc cái gì cũng được
Xong nhấn chọn vào dòng “Flash slide show: image files are embedded into SWF file.
Nhấn Publish !

http://up.anhso.net
chờ

http://up.anhso.net


Xong !

http://up.anhso.net


Lúc này chương trình sẽ xuất ra cho bạn 1 file *.swf và 1 file *.htm

Đã hoàn thành menu của bạn rồi đó.



Làm homepage:
Tắt Aleo 3D flash slideshow đi, bật microsoft front page lên.
Copy 1 hình nào đó cỡ 1024x768 vào thư mục lúc nãy bạn tạo để lưu menu của bạn, rename thành bg.jpg và copy banner forum của bạn vào chung thư mục này, đổi tên thành banner.jpg.
Bắt đầu:

Dùng front page (FP) mở file *.htm lúc nãy aleo xuất kèm theo file SWF

http://up.anhso.net




Bạn nhấn vào nút table -> kéo chọn 1 bảng có 3 hàng, 1 cột

http://up.anhso.net

Cắt file swf hiện lên trong FP dán vào dòng thứ 2, xong nhấn enter cuống dòng cỡ 3 dòng

http://up.anhso.net

Click chuột lên file swf rồi sau đó nhấn nút center
http://up.anhso.net

Click chọn vào dòng tứ nhất của bảng lúc nãy bạn tạo và click vào nút insert picture và chọn tìm đến nơi chứa file banner , nhấn chọn file hình và nhấn insert, sau đó cũng chọn lên tấm hình đã được chèn và nhấn nút center.

http://up.anhso.net
http://up.anhso.net


Nhấn menu file => Properties
Nhập các thông số sau
+ Thẻ general
- Tilte: tên websitre của bạn
- Page description: miêu tả của web site ( Ex: trường THPT Đoàn kết huyện Tân Phú tỉnh Đồng Nai - Admin goldenfish)
- Key word: copy nội dung phía trên xuống hoặc là tự thêm từ khóa cho website của bạn, google sẽ tìm ra website của bạn dựa trên những từ khóa này, càng nhiều từ khóa thì cơ may google tìm ra trang của bạn nhiều hơn nhưng website sẽ nặng hơn khi load về máy của thành viên

Lưu ý, không chọn tick ở phần background music nha !

+ Thẻ Formating
Nhấn tick ở 2 dòng: “Back ground picture” và “make it water mark”
PS: dòng make it water mark là dùng để cố định hình nền lại 1 chỗ trong khi ta cuộn website lên hoặc xuống
Nhấn nút browses -> tìm tới file hình nền lúc nãy bạn copy vào chung thư mục chứa file SWF
Xong nhấn ok để chèn hình nền
+ Thẻ language
mark current document as: chọn none
HTML encoding: Unicode (UTF-8)
Reload document as: chọn none
Xong nhấn ok
Nhấn vào ô tứ 3 của bảng lúc đầu bạn tạo, phần cuối của website bạn nên để vài dòng về bản quyền của website ^^ .
Xong nhấn lưu website lại.

Chưa xong đâu nhá ^^!, nhấn tiếp vào nút split phía dưới góc trái màn hình, sau đó nhấn vào khung mà bạn chọn để chọn ghi bản quyền website
Sau đó vào menu “Format-> Border and shading -> thẻ shading -> chọn background là màu trắng, xong nhấn ok

http://up.anhso.net
Sau đó nhấn vào khu vực con nháy vân bản nháy trên phần code html và chèn 1 đoạn mã của forumotion

Code:

<a href="http://www.forum-viet.net" target="_blank">forum-viet.net</a>

http://up.anhso.net




Gần cuối cùng: upload file banner, backround , *.swf lên 1 host nào đó cho phép direct link, sau đó thay thế link vào các phần banner, bg
Nếu ko biết thay thì PM mình chỉ cách
Thay luôn link cho file swf.

Xong lưu website lại.


Phần quan trọng đây

Nhấn vô nút code phía góc dưới bên trái màn ình, copy toàn bộ mã htlm, vào ACP -> modules => html page management -> tạo mới 1 trang html, tên là homepage dán toàn bộ nội dung code html mà bạn vừa copy hồi nãy vào.

Chọn các tùy chọn cài là trang chủ -> chọn có
Hiện ở phần đầu trang hoặc cuối trang -> chọn không -> sau đó nhấn cập nhật ^^.
Xong, bạn có thễ vào ngay trang web của mình để xem kết quả rồi
Ví dụ địa chỉ web của bạn là http://domain.com thì chỉ vào với đại chỉ http://domain.com không được vào bằng đại chỉ http://domain.com/index.htm hoặc http://domain.com/forum.htm

Chúc các bạn thành công

Người viết hướng dẫn: goldenfish
Thời gian hoàn thành 18h35’-> 19h41’
ngày 6-10 – 2009 – sinh nhật forum http://www.thptdoanket.info


Cảm ơn các bạn đã xem bài này, nếu thấy có ích thì vote cho tớ phát để khích lệ anh em nhé ^^!

[hunghsmn]

Rất công phu , nhưng hay đấy. mình lưu topic này hôm khác thực tập.
Cam ơn nhiều.

[Kiến]

Tut dài kinh khủng
Càng dài càng chi tiết

[goldenfish]

đã bảo tut full mừ.

cố lên nhé ^^

[Việt]

tut hay lắm ... nhưng hình như cũng có thể làm menu kiểu này bằng java script ấy...

[goldenfish]

uh, mình có nguyên cái source đó nhưng mờ ko thích xài, upload nguyên cái source lên host của forumotion ??
thử up lên host khác rồi thay link vào nhưng ko chạy >"<

[quanson]

goldenfish ơi! Chỉ mình cách tạo hiệu ứng loading cho flash với.

[goldenfish]

làm loading cho file này hả ?? bạn cần 1 file loading hay là chèn nó dình liền với file flash ??

[quanson]

làm giống như thptdoanket.info của bạn đó. khi vào là nó loading đến 100% là hiện ra flash,còn mình thì nó chỉ hiện 1 khoảng trống mà không biết được là nó load được bao nhiêu rồi.Nhất là khi mạng yếu thì cũng bất tiện. Mong bạn chỉ giúp mình với.

ah` mà nhân tiện cho mình hỏi chút:
mình có 1 cái code last topic thì paste vào đâu vậy bạn.Mình đã paste vàoHomepage/Generalities.Và cả QLTT/Messages and Emails/Announcements.
Nhưng nó đều ko hiện tên bài viết cũng như những thứ khác mà chỉ hiện {classical_row.recent_topic_row.L_TITLE}
{classical_row.recent_topic_row.S_POSTER

[Devil_nhok_x]

đơn giản thế này mà cũng cần làm tt ah2. ^^

[quanson]

đơn giản thế này mà cũng cần làm tt ah2. ^^

ý bạn là sao,hông hỉu

[goldenfish]

đơn giản thế này mà cũng cần làm tut ah2. ^^

uhm`. tuy dễ nhai thế, nhưng không phải ai cũng làm dc. mình biết dc chút ít, đem ra chia sẽ với member thôi. còn ai nói gì kệ há. ko quan tâm thì thôi.

[goldenfish]

làm giống như thptdoanket.info của bạn đó. khi vào là nó loading đến 100% là hiện ra flash,còn mình thì nó chỉ hiện 1 khoảng trống mà không biết được là nó load được bao nhiêu rồi.Nhất là khi mạng yếu thì cũng bất tiện. Mong bạn chỉ giúp mình với.

ah` mà nhân tiện cho mình hỏi chút:
mình có 1 cái code last topic thì paste vào đâu vậy bạn.Mình đã paste vàoHomepage/Generalities.Và cả QLTT/Messages and Emails/Announcements.
Nhưng nó đều ko hiện tên bài viết cũng như những thứ khác mà chỉ hiện {classical_row.recent_topic_row.L_TITLE}
{classical_row.recent_topic_row.S_POSTER

bạn chưa upload file flash đó lên 1 host cho phép link trực tiếp ah ?? sau đó thay link vào phần code html




còn phần kia thì vào display=>template=>portal.

[quanson]

mình up file flash lên host rồi và đang sử dụng nhưng mình muốn khi mở web lên là file flash sẽ loading từ 1-100% như của bạn đó.
rum tớ đây: http://thptquanson.co.cc

[Sponsored content]