SỬ DỤNG GOGLE SITES LẤY LINK URL CHO FILE FLASH ĐỘNG NGÀY 10.1.2014

19.SỬ DỤNG GOGLE SITES

LẤY LINK URL CHO FILE FLASH ĐỘNG

NGÀY 10.1.2014   

Khi bạn đã tạo một file.swf bằng chương trình Flash Slideshow Maker Professional rồi thì bạn cần phải dùng một Host để upload nó lên để lấy link URL chèn vào Code HTML, sau đó phải có tên file này trong dòng address của trình duyệt và xem file đang chạy trình chiếu banner động.

Cách upload file.swf lên host để lấy kink. Ở đây là hướng dẫn sử dụng Google Sites. Bạn cũng có thể Upload lên các Hosting như BYETHOST hoặc Hostinger. Các Hosting này cho phép bạn Uplaod lên bằng Folder và có thể tạo Website. Tuy nhiên cách dễ naht61, nhanh nhất và gọn nhất vẫn là Google Sites.

1. Vào:  http://goo.gl/tgToLb . Bấm nút tạo bên trái.
2. Nhập văn bản trong dòng: Đặt tên trang web của bạn. Bấm nút tạo.    

3. Nhập mã hiển thị. Bấm nút TẠO TRANG WEB. Xuất hiện thông báo: Đang tạo trang web của bạn.   

4. Cách đăng nhập vào Google Sites: Vào trình duyệt nhập: https://sites.google.com/site/tuhoctaoblog/. Đây là tên trang web Út Bỉnh đã tạo
5. Bấm xổ xuống của nút Thêm, xuất hiện bảng danh sách. Bấm chọn Quản lý trang Web.   

6. Xuất hiện trang Quản lý trang Web, bấm Tài liệu đính kèm.   

7. Kế tiếp, bấm thẻ Tải lên. Bạn đến file.swf. Xuất hiện CS đang tải file lên.  

            

8. Sau khi tải lên xong, ra trang kế tiếp, bạn đã thấy tên file SWF vừa tải lên. Bấm Xem.   

9. Xuất hiện trình duyệt dang trình chiếu file Flash động của bạn. Bạn Copy Link trong thanh Address lưu tại Desktop để dán vào Blog.   

Sau đây là Link URL cảu file swf trong thanh địa chì của trình duyệt, địa chỉ này rất dài. Bạn có thể lấy Link URL của Google rút gọn.

https://d4c638cf-a-62cb3a1a-s-sites.googlegroups.com/site/tuhoctaoblog/anh%20banner.swf?attachauth=ANoY7coy7jzNfT_ylPC6jIrJg6ymtzXyhP_eEUbVBTlShssFU-OKUZMQzcbxmcXqRlRE3JHwHXemI1f_QCkOyKXXM5HKQWifVqAXATvA_U2BAmtyVBlsHPW5Kf3HzHjsxS9Y3smJ3ztmgQ5qC2ZdfGcroc58H0qpIgJU1QjKJh9_T67pFMKEVyKTnYGLfmVyYadpNDISeJZCh9Z5pECdqrYmTiO1gaG9EA%3D%3D&attredirects=0

Bấm chữ G góc phải trên (bạn phải cài Goo GL tại:  http://goo.gl/0fYJT), bạn đã có Link rút gọn. Lấy Link này sử dụng dán vào Code của HTML.

http://goo.gl/9mPh1r

NGUYỄN ĐĂNG DOANH, ra đi lúc 16 giờ ngày 9 1 2014 Tập 1

18.TẠO BANNER FLASH ĐỘNG BẰNG CHƯƠNG TRÌNH Flash Slideshow Maker Professional

NGÀY 9.1.2014  

Chương trình tạo Banner Flash Động dễ sử dụng, đơn giản và hiệu quả cao đó là Flash Slideshow Maker Professional . Các bạn có thể download bản Full tại: http://goo.gl/LW28Ba

Chương trình này có 3 Tab: Photo – Theme – Publish.

1. Tab PHOTO:  Bấm Shortcut để mở chương trình. Bấm Tab Photo, bấm File Explorer. Đến nơi chứa các ảnh làm Banner. Bạn đã thấy 10 ảnh trong khung bên phải. Giử phím Ctrl và chọn hết 10 ảnh. Bấm nút Add góc trái. 10 ảnh đã xuất huện khung dưới.   

               

·         Tạo hiệu ứng chuyển cảnh: Có 68 kiểu hiện ứng. Bấm nút hiệu ứng chuyển cảnh bên trái của 1 ảnh. Bấm chọn một hiệu ứng. Bấm nút Apply To Selected. Bạn đã thấy nút chuyển cảnh có biểu tượng giống nút hiệu ứng đã chọn. Xem Preview bên phải.   

·         Bạn lần lượt chọn từng hiệu ứng cho từng ảnh còn lại. Việc tạo hiệu ứng cho ting72 ảnh sẽ hiển thị rất hấp dẫn với người xem. Nếu chỉ có một hiệu ứng cho toàn ảnh sẽ dễ gây nhàm chán.

·         Hiệu ứng Random (ngẫu nhiên): Khi bạn chọn hiệu ứng ngẫu nhiên chương trình sẽ tạo hiệu ứng chuyển cảnh tự động chèn ngẫu nhiên các hiệu ứng vào mà bạn khỏi  phải lựa ừng hiệu ứng. Bạn bấm nút hiệu ứng đầu tiên trong khung dưới và ctrl+A để chọn tất cả ảnh trong khung dưới. Bấm nút random đầu tiên trong khung Transition Effects. Bấm nút Apply To All và xem Preview đẽ chuyển cảnh đủ kiểu. Bấm Tab Theme.   

2. Tab THEME: Bấm Tab Basic. Trong Khung Theme bạn chọn một kiểu. Trong khung Flash Options, bạn thấy dòng Album  Title có tên folder chứa 10 ảnh. Dòng Width nhập giá trị của ảnh là 1000 và dòng Height nhập 250. Trong dòng Frame Rate, Transition Duration, Photo show duration bạn nhập giá trị ước muốn và các tùy chọn bên phải để mặc định. Nấu muốn chọn tiếp các tùy chọn nhấp nút More Options bên trên. Bấm Tab Public.   

3. Tab PUBLISH:  

·         Bạn tạo một folder tại Desktop tên flash10anh chứa 2 files sắp tạo là: html và swf. Mục đích bạn tạo Folder dùng dễ theo dỏi nơi chứa 2 files HTML và SWF.

·         Bấm nút 3 chấm và đến folder flsh10anh, bạn đã thấy đường dẫn thay đổi trong dòng Output folder. Bạn thấy có 2 files SWF và HTML tên anh banner (đây là folder chứa 10 ảnh).

·         Bấm nút Public Now. Xuất hiện Cửa sổ Public. Bấm nút Close. Trở ra Desktop.  

·         Bấm folder flash10anh bạn đã thấy 2 files HTML và SWF. Như vậy là bạn vừa tạo xong Banner Flash Động.  

                    

·         Preview: Bấm phải lên file anh banner.html. Chọn Open with. Chọn FireFox.

                 

Như vậy là bạn đã tạo xong 2 files cần thiết là HTML và SWF.  File SWF dùng để  Upload lên Host để lấy link URL. Chính link URL này mới có thể  dán vào Code trong HTMLvà  Code HTML dùng để dán vào Khung HTML của Blog để hiện thị Banner Flash Động.  

Út Bỉnh xin giải thích tại sao cần phải có 2 files HTML và SWF này để tạo Banner Flash Động.  Ví dụ đơn giản cho dễ hiểu: File HTML như là cái chén. File SWL như là cơm trong cái chén. Cần phải đưa cái chén  cơm lên mạng thì mới có File Banner Flash Động chạy trình chiếu. Một mình File SWF thì không trình chiếu được, phải dùng Google Sites lấy link URL mới có thể biến thành Cơm được. Khi thành Cơm rồi thì phải chèn vào File HTML (cái chén) để thành chén cơm, sau đó mối Up lên Mạng (blog) được.

Bạn có thể dùng Google Sites lấy link URL (cách này dễ nhất) hoặc dùng Hosting BYETHOST, hoặc HOSTINGER. Hosting nào cho phép bạn Upload lên bằng Folder đều được cả.

TẠO ẢNH LÀM BANER FLASH ĐỘNG BẰNG PHOTOSHOP

17.TẠO ẢNH LÀM BANER FLASH ĐỘNG

      BẰNG PHOTOSHOP

         NGÀY 8.1.2014  

Download bài viết tại :  http://gg.gg/utbinh22

Xem Video hướng dẫn:  http://gg.gg/utbinh23

Nếu Blogspot của bạn có chèn một Flash động thay thế Banner tỉnh thì sẽ tăng thêm phần hấp dẫn gấp đôi. Trong các bài trước Út Bỉnh đã hướng dẫn các bạn tạo banner tỉnh cho Blogspot, bài này hướng dẫn các bạn tạo Flash động. Bảo đảm sẽ chỉ dẫn rất cho tiết qua nhiều giai đoạn vì bài này khó và bạn tìm trên Mạng sẽ không thấy bài có nội dung tương tự. Bạn phải tuần tự từng bước một thiết kế Flash và sau cùng chèn vào Blog.

Các giai đoạn cần tỉ mỉ thiết kế:

• Tạo Ảnh làm Banner Flash Động bằng chương trình Photoshop.
• Tạo Files html và swf bằng chương trình Flash Slideshow Maker Professional.
• Tạo Link URL cho file Flash.
• Chèn Banner Flash Động vào Blog.

I.TẠO BANNER TỪNG ẢNH BẰNG PHOTOSHOP.

1.TÌM ẢNH VÀ TAỌ ĐỒNG KÍCH CỞ 1200 X 250 PIXELS

• Cách tìm ảnh và  lưu ảnh: Tạo một folder tại Desktop tên: anh banner. Vào trình duyệt nhập: saigon panorama photos, bấm Hình ảnh. Để tìm ảnh chất lượng cao bạn  bấm nút Các công cụ tìm kiếm. Bấm xổ xuống của Kích thước, chọn lớn hơn và chọn 2024 X 768.
• Chọn một ảnh ưng ý. Bấm lên ảnh. Bấm nút Xem hình ảnh. Bấm phải lên. Chọn Save Image As.  Chọn Desktop, bấm folder anh banner. File name nhập: 1 bấm nút Save. Bạn đã có một ảnh tên 1 trong folder anh banner.
• Tiếp tục những bước trên cho 9 ảnh còn lại. Lưu ý nhập nhập tên ảnh: 2,3,4…

• Mở chương trình Photoshop (http://www.fshare.vn/file/TN3AT06G7T/), vào Menu File .
• Tạo 10 ảnh đồng kích cở: Bấm Open và đến 10 files ảnh trong folder anh banner. Vào menu Image. Bấm Image Size. Nhập kích cở 1200 X 250 và Resolution 300. Bấm Ok.  

                    

        

o   Bạn đã có ảnh kích cở 1200 X 250.

                   

o   Lưu chọn dung lượng nhỏ dễ Upload và dễ download: Vào Menu File . Bấm Save for Web (Ctrl+Shift+Alt+S). Trn6 cùng bên phải CS chọn JPEG và LOW. Bấm nút Save. Bấm Save. Bấm Replace thay thế ảnh cũ. Bmấ Nút Close . Bấm nút No.

o   Bạn thực hiện như các bước trên cho 9 ảnh còn lại. Ra Desktop bạn đã thấy có 10 ảnh đồng kích cở 1200 X 250 pixels.  

2.CHÈN CHỮ LÊN TỪNG ẢNH

• Bấm Ctrl+N nhập giá trị theo hình MH:   

• Nhập văn bản vào trang trống Transparent.  

• Tạo hiệu ứng cho chữ: Chọn Layer TỰ HỌC TẠO BLOGSPOT. Bấm nút fx đáy Tab layers, bấm Blending Options để mở CS Layer Style.  

                     

• Tạo các hàng chữ còn lại giống các bước trên. Sau cùng bạn tạo nhóm cho các layers. Bạn lưu lại với định dạng PSD tại Desktop tên cover.  

                   

• Mở 10 files ảnh. Chọn công cụ Move và rê chữ qua từng ảnh. Chỉnh đúng vị trí chữ và bấm Crtl+Shift+S, chọn JPEG và bấm nút SAVE. Bấm Ok ,Bấm Ok.  

• Ra Desktop mở folder anh banner đã thấy các ảnh có chèn chữ đầy đủ. Như vậy là bạn đã tạo xong các ảnh để chuẩn bị tạo banner Flash Động bằng chương trình Flash Slideshow Maker Professional.