| |
| |
Học thiết kế web - Tạo nút Aquabutton bằng hiệu ứng CSS3 
|
|
| |
Các bạn học viên xem demo tại đây
Download tại đây
|
|
| |
|
|
| |
 |
|
| |
Học thiết kế web - Dùng CSS3 để tạo hiệu ứng cho hình ảnh
|
|
| |
Các bạn học viên Việt Chuyên làm bài tập ở đây
Xem Demo tại đây
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Chèn quảng cáo góc phải website
|
|
| |
Các bạn học viên Việt Chuyên làm bài tập ở đây
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 66 - Tạo Dynamic Spry Content Slide Show
|
|
| |
1. Thiết kế database để lưu thư viện hình ảnh và nội dung cần tạo Slideshow
2 . Tạo phần quản lý trong Admincp để admin có thể thêm,sửa,xóa,di chuyển, ẩn hiện bất kỳ hình ảnh hay nội dung nào.
3 . Xuất dữ liệu động từ database để tạo Slideshow dạng tin tức
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 65 - Tạo Dynamic Spry Slide Image
|
|
| |
1. Thiết kế database để lưu thư viện hình ảnh cần tạo Slideshow
2 . Tạo phần quản lý trong Admincp để admin có thể thêm,sửa,xóa,di
chuyển, ẩn hiện bất kỳ hình ảnh nào.
3 . Xuất dữ liệu động từ database để tạo Slideshow
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 64 - Tạo Dynamic Spry Sildeshow Image
|
|
| |
1. Thiết kế database để lưu thư viện hình ảnh cần tạo Slideshow
2 . Tạo phần quản lý trong Admincp để admin có thể thêm,sửa,xóa,di
chuyển, ẩn hiện bất kỳ hình ảnh nào.
3 . Xuất dữ liệu động từ database để tạo Slideshow
Dùng DWCS5 để thực hiện. Nếu bạn nào chưa cài DWCS5 thì cũng có thể
dùng CS3/CS4 để làm vẫn được.
Demo: http://labs.adobe.com/technologies/spry/ui/samples/ImageSlideShowWithThumbFS.html
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 46 - CẤU HÌNH APACHE CHẠY NHIỀU HOST
|
|
| |
Trong bài thực hành này các bạn lớp web công cụ nào chưa làm bài LAB
này thử cấu hình Apache và Dreamweaver sao cho có thể cùng lúc chạy
nhiều host để dễ dàng cho công việc thực hành. Ví dụ như bạn vừa làm
Site cms vừa làm Site shopping thì làm sao có thể chuyển đổi qua lại
giữa các Hosting này mà không cần phải cấu hình và Restart lại Apache.
Xem bài viết tại đây : http://vietchuyen.org/forum/showthread.php?t=3517
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 30 - Tạo hiệu ứng Zoom cho hình ảnh
|
|
| |
Các bạn lớp Web công cụ hay lớp Web lành nghề hãy làm bài tập thử thách này như sau:
+ Tạo Zoom hình cho các sản phẩm theo các mẫu sau:
Mẫu 1: http://project28.vietchuyen.org/demo_zoom.php
Mẫu 2: http://project28.vietchuyen.org/demo_zoom1.php
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 16 - Tạo trình diễn ảnh động từ database
|
|
| |
Các bạn lớp Web công cụ hay lớp Web lành nghề hãy làm bài tập thử thách này như sau:
+ Tạo trình diễn ảnh động theo các mẫu như sau:
Mẫu 1: http://project33.vietchuyen.org/slideshow3_dynamic.php
Mẫu 2: http://project33.vietchuyen.org/slideshow2_dynamic.php
Mẫu 3: http://project33.vietchuyen.org/slideshow1_dynamic.php
Mẫu 4: http://project33.vietchuyen.org/slideshow4_dynamic.php
Mẫu 5: http://project33.vietchuyen.org/slideshow5_dynamic.php
Mẫu 6: http://project33.vietchuyen.org/slideshow6_dynamic.php
Mẫu 7: http://project33.vietchuyen.org/slideshow7_dynamic.php
Mẫu 8: http://project33.vietchuyen.org/slideshow8_dynamic.php
Mẫu 9: http://project33.vietchuyen.org/slideshow9_dynamic.php
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 11 - Tạo Banner Slide Show động
|
|
| |
Các bạn lớp Web công cụ hay lớp Web lành nghề hãy làm bài tập thử thách này như sau:
Yêu cầu của bài tập này như sau:
+ Tạo banner Silde Show động theo mẫu ở website sau http://project28.vietchuyen.org/ex1.php
|
|
| |
|
|
| |
|
|
| |
Học thiết kế web - Bài tập thử thách số 10 - Tạo hiệu ứng Zoom cho hình ảnh bằng Lightbox2
|
|
| |
Các bạn lớp Web công cụ hay lớp Web lành nghề hãy làm bài tập thử thách này như sau:
Yêu cầu của bài tập này như sau:
+ Tạo Zoom hình cho các sản phẩm theo các mẫu sau:
Mẫu 1: http://project28.vietchuyen.org/demo_lightbox1.php
Mẫu 2: http://project28.vietchuyen.org/demo_lightbox2.php
|
|
| |
|
|
| |
|
|
| |
Học thiêt kế web - Bài tập thử thách số 142 - Tạo diễn đàn đơn giản bằng Dreamweaver - Phần 7 
|
|
| |
Các bạn học viên lớp Web Lành Nghề thử làm bài tập này theo yêu cầu sau:
Nội dung của phần 7
1- Đếm số bài viết của mỗi Forum
2- Xuất ra bài viết mới nhất của mỗi Forum
3- Tạo trang hiện chi tiết của bài viết trong Forum
“Học viên của Trung Tâm gửi mail đến địa chỉ mail hỗ trợ để nhận tài liệu hướng dẫn kỹ thuật thực hiện và hỗ trợ kỹ thuật từ giảng viên trong quá trình thực hiện tình huống này”
|
|
| |
|
|
| |
|
|
| |
Học thiêt kế web - Bài tập thử thách số 141 - Tạo diễn đàn đơn giản bằng Dreamweaver - Phần 6
|
|
| |
Các bạn học viên lớp Web Lành Nghề thử làm bài tập này theo yêu cầu sau:
Nội dung của phần này bao gồm:
- Tạo trang inc_topic_sub_display.php để lọc ra các diễn đàn con
“Học viên của Trung Tâm gửi mail đến địa chỉ mail hỗ trợ để nhận tài liệu hướng dẫn kỹ thuật thực hiện và hỗ trợ kỹ thuật từ giảng viên trong quá trình thực hiện tình huống này”
|
|
| |
|
|
| |
|
|
| |
Học thiêt kế web - Bài tập thử thách số 140 - Tạo diễn đàn đơn giản bằng Dreamweaver - Phần 5
|
|
| |
Các bạn học viên lớp Web Lành Nghề thử làm bài tập này theo yêu cầu sau:
Nội dung của phần này bao gồm:
- Tạo trang inc_show_message.php để hiện nội dung chi tiết của bài viết
- Chèn biểu tượng biểu cảm diễn đàn vào các trang khi hiện chủ đề
- Tạo trang lọc ra các diễn đàn khi click vào một thể loại diễn đàn - Xem demo tại đây
“Học viên của Trung Tâm gửi mail đến địa chỉ mail hỗ trợ để nhận tài liệu hướng dẫn kỹ thuật thực hiện và hỗ trợ kỹ thuật từ giảng viên trong quá trình thực hiện tình huống này”
|
|
| |
|
|
| |
|
|
| |
Học thiêt kế web - Bài tập thử thách số 139 - Tạo diễn đàn đơn giản bằng Dreamweaver - Phần 4
|
|
| |
Các bạn học viên lớp Web Lành Nghề thử làm bài tập này theo yêu cầu sau:
Nội dung của phần này bao gồm:
- Thiết kế trang để gửi bài viết
- Xem demo tại đây
“Học viên của Trung Tâm gửi mail đến địa chỉ mail hỗ trợ để nhận tài liệu hướng dẫn kỹ thuật thực hiện và hỗ trợ kỹ thuật từ giảng viên trong quá trình thực hiện tình huống này”
|
|
| |
|
|
| |
|
|
| |
Học thiêt kế web - Bài tập thử thách số 138 - Tạo diễn đàn đơn giản bằng Dreamweaver - Phần 3
|
|
| |
Các bạn học viên lớp Web Lành Nghề thử làm bài tập này theo yêu cầu sau:
Nội dung của phần này bao gồm:
- Tạo trang xuất ra các diễn đàn inc_topicdisplay.php
- Xem demo tại đây
“Học viên của Trung Tâm gửi mail đến địa chỉ mail hỗ trợ để nhận tài liệu hướng dẫn kỹ thuật thực hiện và hỗ trợ kỹ thuật từ giảng viên trong quá trình thực hiện tình huống này”
|
|
| |
|
|
| |
|
|
142 LAB WEB LÀNH NGHỀ
ĐỒ ÁN WEBSITE MỚI
