Hỏi - Đáp

Giáo viên trả lời:



Trong cột sapxep thấy còn bị trống dữ liệu rất nhiều, phải điền lại số thứ tự cho tất cả các sản phẩm đã thêm vào rồi, chịu khó điền vào lại. Còn các sản phẩm nào thêm sau thì nó sẽ tự tạo cho ta số thứ tự sapxep này.

Giáo viên trả lời:
Canvas thì hay hơn SVG vì nó nhiều hỗ trợ hơn, nó thường được dùng nhiều trong việc làm game cho web. Về vẽ bằng Canvas thì bạn có thể xem thêm tại đây http://www.html5canvastutorials.com/

Giáo viên trả lời:
Muốn sắp xếp được thì phải thêm cột sắp xếp đồng thời phải gán giá trị cho cột sắp xếp này cho các sản phẩm đã nhập rồi có thứ tự tăng dần, trong trang Form thêm lệnh Auto Increment vào là được, bây giờ những sản phẩm thêm mới vào và sản phẩm củ có thể sắp xếp được bằng tay theo ý của mình

Giáo viên trả lời:
Khi bạn muốn đổi hiệu ứng thì kể như bạn phải xoá hết các thư mục đã có sẳn data1 và engine1 trong website của bạn đi, sau đó thiết kế lại, xuất ra lại và crack lại, rồi chép vào làm như lúc trước bạn đã làm, vì mỗi lần xuất ra thì file của nó đã mã hoá hết rồi chúng ta chỉ crack được phần đóng dấu của nó thôi. Lúc chạy nhớ xoá Cache của trình duyệt vì coi chừng trình duyệt của bạn còn lưu giữ file cũ.

Giáo viên trả lời:


Nhìn Code của bạn thì Ok hết, và ở đây là bạn dùng totalRows_rs_theloai-1 có nghĩa là bạn muốn danh mục kế cuối trên menu có hướng lật ngược từ phải qua trái, bạn hãy kiểm tra lại xem trong phần quản lý danh mục tin này danh mục muốn lật ngược này đã nằm kế cuối hay chưa và nó có menu con bên trong hay chưa

Giáo viên trả lời:
Bạn hãy nén website của bạn rồi gửi mail cho tôi để tôi kiểm tra cho bạn làm sai chỗ nào nhé.

Giáo viên trả lời:
Thường thì Thứ 7, Chủ nhật tôi rãnh, có gì Alo rồi mình đi uống Cafe thôi.

Đã gửi LAB qua Email cho bạn rồi đó.  Hoặc bạn có thể download ở đây 

Giáo viên trả lời:

figure.captions {
position:relative;
margin:0;
overflow:hidden;
display:inline-block
}
figure.captions figcaption {
width:100%;
position:absolute;
padding:20px;
overflow:hidden;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box
}
theo nhu phan giai thich cua thay thi` em chi hieu duoc la ap dung nhieu class vao 1 the html nhu the nay :
<figure class="captions push top">
...
</figure>
thay giai thich ho ho rox hon ve phan nay` voi a? vd:
figure.captions.push figcaption {
width:100%;
height:100%;
top:0;
-moz-transition:0.4s ease-in-out;
-webkit-transition:0.4s ease-in-out;
-o-transition:0.4s ease-in-out;
-ms-transition:0.4s ease-in-out;
transition:0.4s ease-in-out
}

===============================
figure.captions.push figcaption

+ Trong này thẻ figure của ta là thẻ chính dùng để chứa hình và mô tả của hình, do đó thuộc tính chính mà thẻ figure này bị ảnh hưởng đó là thuộc tính nằm trong class captions, còn các thuộc tính của class push là bạn thấy người ta dùng các hiệu ứng transiton để tạo hiệu ứng dạng ease-in-out và thẻ figcaption là đang chứa phần mô tả của hình ảnh thì nó sẽ bị ảnh hưởng của các thuộc tính trong class push. Bạn chú ý cái nào là thẻ thì sẽ không có dấu . phía trước còn thuôc tính class khi định nghĩa thì sẽ có dấu . phía trước.
Phần mô tả nằm trong thẻ figcaption bao gồm thẻ h1 và thẻ p của chúng ta sẽ bị ảnh hưởng bởi hiệu ứng CSS3 transition của các thuộc tính trong class push do class này đặt trước nó.
Cách nghĩa này theo dạng phân cấp ta nhìn vào hiểu là trong đây thẻ figure là thẻ cha còn thẻ con bên trong nó là thẻ figcaption trong đó thẻ figure bị ảnh hưởng bởi thuộc tính trong class captions còn thẻ figcaption bị ảnh hưởng bởi thuộc tính của class push chính là hiệu ứng CSS3 transiton mà ta muốn.

Giáo viên trả lời:
Cách viết CSS này theo dạng phân cấp, 

Ví dụ figure là ta định nghĩa CSS cho thẻ figure còn captions là thẻ figure này sẽ áp dụng thuộc tính của class captions còn push có nghĩa là thẻ figure này lại có thêm hiệu ứng của class push nữa. Khi ta sử dụng class thì một thẻ ta có thể áp dụng nhiều class được còn khi bạn dùng id thì sẽ không được.
Cách định nghĩa này bây giờ rất thường hay dùng đó bạn, ví dụ ta làm giao diện bằng Bootstrap thì cũng sẽ định nghĩa theo dạng này hay sau này ta dùng LESS thì cách dịnh nghĩa nó cũng dạng phân cấp như vậy.

Giáo viên trả lời:
Đã gửi script cho bạn rồi đó, kiểm tra mail để nhận script và file mẫu. Mọi thắc mắc về cái Zoom sản phẩm này bạn hãy gửi câu hỏi để được hướng dẫn. 

Chú ý về phần kích thước của hình ảnh, hiện tôi đang đặt width=900, height=900. Nếu bạn dùng kích thước khác thì hãy cấu hình lại trong file .js và chỗ lệnh Show Thumnail

Giáo viên trả lời:
Được bạn, khi nào IP của bạn trong một thời điểm mà vừa ở TPHCM vừa ở Hà Nội thì mới bị vi phạm.

Giáo viên trả lời:


================================

Bạn xem cái này được không vậy? 

Cái này tôi thấy thông dụng và dễ làm đó, nếu OK thì tôi gửi cho bạn script này (trong phần thư viện tài nguyên web cũng có đó nó tên là Etalage)

Giáo viên trả lời:
Nếu muốn có menu con thì menu cha bạn không được phép đặt Link, menu cha chỉ để <a href="#"> (vì nếu đặt link cho menu cha thì vừa click vào menu cha thì nó đã hiện ra nội dung rồi đâu kịp nhìn thấy menu con) và menu cha ta phải có thêm class="sub" trong thẻ li

Giáo viên trả lời:


==========================================================
Mỗi một Thể loại menu khi ta click vào thì ta sẽ truyền tham số URL là ID_theloai (tương đượng cat) do đó ta phải dựa vào biến cat này để biết người dùng click chọn danh mục tin nào để ta so sánh nếu đúng bằng danh mục tin đó thi ta sẽ dùng class tô màu cho danh mục đó

<li class="nav-item">

<a <?php if($_GET['cat']==$row_ Recordset1['ID_theloai']) echo 'id="active"'; ?>  href="tintuc.php?cat=<?php echo $row_Recordset1['ID_theloai']; ?>"><?php echo $row_Recordset1['tentheloai']; ?></a>

</li>


Giáo viên trả lời:
Đã mở tiếp 2 tuần PHP kế tiếp cho bạn rồi đó, vào học tiếp đi nhé.

Giáo viên trả lời:
Cái CSS trên di động nó không co lại được là sao hả bạn, chưa hiểu bạn muốn cái CSS co lại là co cái gì, bạn muốn cái Video Youtube co lại phải không? Video khi chèn vào thì nó là dạng Video thì nó phải có 1 player để chơi, bạn chuyển qua chế độ Code chỉnh width cho player này là 100% để nó tự co dãn theo màn hình.

Bạn cho  cái hình minh hoạ xem, nhìn hình sẽ dễ hiểu ý bạn hơn.

Giáo viên trả lời:
Cái dỡ của Flash là chỉ chạy trên Desktop thôi bạn, thường khi ta muốn chạy Flash trên di động thì ta phải cài các Plugin Flash vào di động nữa thì mới xem được. Còn khi bạn click nút kiểm tra RWD trong trình duyệt là ta chỉ xem cách thể hiện của nó theo độ phân giải kích thước khác nhau của di động thôi chứ khi xem trên di động chưa chắc là nó chạy đâu vì phải cài thêm Plugin để xem file Flash trên di động nữa.

Khi ta chạy trên di động thường thì các Banner Flash là ta phải tìm cách dấu nó đi không cho nó chạy để nhẹ trang web khi xem trên di động. Khi dùng Flash vì nó là một dạng Video Flash do đó ta phải định chiều cao cho nó do đó bạn muốn làm Responsive sẽ rất khó, bạn chỉ có thể định width cho nó là 100% còn chiều cao bạn để cố định là bao nhiêu px (ví dụ 150) . Khi bạn chèn Flash bằng DW SC3 thì đoạn code sẽ ra gọn và ngắn hơn, còn CS4 thì đoạn code này rất dài và ta phải chỉnh width và height ở cả 2 chỗ, vì bạn để ý nó có tới 2 thẻ object trong đoạn chèn Flash  bạn nên chuyển sang dùng Jquery để tạo các Banner cho website để có thể đáp ứng tốt chuẩn RWD khi chạy trên di động và Tablet.

Giáo viên trả lời:
Trong trang này tôi thấy bạn đang dùng banner bằng Flash và định nghĩa cố định độ rộng và chiều cao cho cái banner Flash của bạn là width="990" height="150".

Bạn hãy đặt độ rộng là 100% thay vì là 990px và chiều cao là Auto thử xem. Chú ý phải chỉnh cả 2 chỗ trong thẻ object của bạn

Giáo viên trả lời:
Nếu cài đặt mà nó không báo lỗi gì và vào được là có nghĩa là đã cài đặt OK. Vấn đề còn lại là cách ta dùng nó chưa đúng cách. Bạn kiểm tra lại là bạn đã cấu hình tạo website trong Dreamweaver hay chưa vậy? và đã Save trang web lại trước khi thực hiện lệnh này hay chưa? Chú ý: không mở trang web thiết kế từ menu File mà phải double click mở lên từ trong website trong cửa sổ File ở gốc phải bên dưới.

Nếu làm vẫn chưa được Alo cho tôi theo số máy 0945861290, hoặc nhắn ID và password Teamview của máy bạn để tôi vào máy của bạn kiểm tra cho.

Giáo viên trả lời:
Lỗi này có thể là do bạn chưa định nghĩa webiste trong Dreamweaver do đó sẽ không thể sử dụng được các Extension cài đặt vào.

Nguyên tắt khi sử dụng Dreamweaver là ta phải định nghĩa một website trong Dreamweaver trước bằng cách là vào menu Site-> chọn Manage Site, sau đó Add một Site mới vào Dreamweaver. Bạn hãy xem lại bài Video clip trong tuần học đầu tiên bài

Tạo và quản lý website trong Dreamweaver CS4 (Bài 2)

http://hocwebgiare.com/hocwebonline2/Tao-va-quan-ly-website-trong-Dreamweaver-CS4-%28Bai-2%29.html

Và sau khi có website rồi thì ta phải mở trang web từ bên trong website bằng cách Double click vào tên trang web trong website (chú ý không dùng menu File -> Open)
Trước khi thực hiện lệnh thì trang web của bạn cũng phải Save lại trước, rồi mới thực hiện lại.

Bạn hãy chụp hình ảnh website của bạn và hình ảnh phần cài đặt trong Adobe Extension Manager CS4 để tôi xem thử.
Khi cài đặt các extension thì bạn phải để các tập tin cài đặt trong thư mục gố của ổ đĩa C: để đường dẫn nó ngắn lại vì nếu để sâu trong nhiều cấp thư mục thì nó nhiều khi sẽ không cài đặt được. Nếu cài đặt thành công thì trong Adobe Extension Manager CS4 của bạn sẽ thấy được tên của Extension này