Hỏi - Đáp
Giáo viên trả lời:
.productbox
{
border-radius: 5px;
position:relative;
text-align:center;
box-shadow: 0 0 5px silver;
display: inline-block;
width:180px;
margin-top: 25px;
margin-right: 5px;
margin-bottom: 25px;
/*padding-top: 15px;*/
padding-right: 0px;
/*padding-bottom: 15px;*/
padding-left: 0px;
float: left;
}
Khi Bạn áp dụng class main_box vào thì nó sẽ áp các thuộc tính đó vào cho hình của Bạn.
Class main_box không có định nghĩa độ rộng và chiều cao có nghĩa là nó sẽ lấy tự động độ rộng và chiều cao theo nội dung bạn đưa vào box này
Bạn có thể hiệu chỉnh lại một số thuộc tính sau để giữ nguyên định dạng của Bạn
.main_box{
/*background: red;*/
/* Important parameters of style start */
position: relative;
overflow: hidden;
float: left;
/* Important parameters of style end */
margin-right: 10px;
margin-bottom: 10px;
width:180px !important;
}
.productbox-image
{
/*width:130px;*/
width:180px;
/*height:130px;*/
height:150px
}
Để ý những chỗ màu đỏ
Giáo viên trả lời:
Trong phần tài nguyên web có rất nhiều mẫu menu dọc, bạn chịu khó tìm kiếm trong đó và xem demo thử đi.
Check mail để nhận vài mẫu tham khảo.
Giáo viên trả lời:
Site này rất đơn giản, về cơ sở dữ liệu cũng đơn giản nữa Bạn,
Chỉ hiện hình, bấm vào nhảy tới địa chỉ website demo là xong.
Học xong lớp này thì Bạn có thể dư sức làm được Bạn.
Khi nào học xong muốn làm tôi sẽ phân tích database webiste này cho Bạn rồi tiến hành làm thôi.
Giáo viên trả lời:
Nếu mới học thì nên dùng bản DWCS4 để làm quen với giao diện đơn giản trước, sau này khi quen rồi ta sẽ chuyển qua làm việc trên CS6 thì sẽ dễ làm việc hơn.
Trong lúc học sau này ta cũng có làm luôn trên DW CC luôn.
Bản CS6 giao diện hơn phức tạp mới vào đụng liền sợ các Bạn bị rối cho nên Bạn nên dùng CS4 trước đi Bạn.
Một máy tính cài bao nhiêu DW phiên bản khác nhau cũng được cả, cứ cài lên để trải nghiệm, còn sau náy thích dùng bản nào thì chọn nó thôi Bạn.
Bạn cứ giữ bảng CS6 của bạn, cài thêm CS4 vào để trải nghiệm trước.
Giáo viên trả lời:
====
Phần bên dưới này nhìn rất là đơn giản, bạn không cần phải cắt gì cả mà chỉ dùng vài thẻ và CSS là thể hiện được rồi
Bạn có thể thiết kế ví dụ như:
<section class="phan1">
<section class="phan2">
<section class="phan4">Nội dung cột 4</section>
<section class="phan4">Nội dung cột 4</section>
<section class="phan4">Nội dung cột 4</section>
</section>
<section class="phan3">Nội dung phần 3</section>
</section>
Phần 1: cho width:100%, overflow:auto và chỉ tôi màu là xong
Phần 2: width:990px, margin-left, margin-right cho auto để cho nó vào giữa
Phần 4: width:32%, floaf:left, margin-right:1%
Phần 3: width:990px, height:80px, clear:both và có thể cho border-top là 1px màu trắng là xong
Nói chung là giao diện này toàn là màu không do đó không cần phải cắt ảnh từ layout gì cả, chỉ dùng HTML và CSS là được
Giáo viên trả lời:
Đầu tiên bạn phải dùng Fireworks vẽ phác thảo lên giao diện trang web muốn làm.
Sau khi giao diện này đã được khách hàng duyệt rồi thì ta sẽ cắt nó ra (chỉ cần những phần nào cần cắt).
Sau đó nhìn vào bảng giao diện này ta sẽ dùng HTML,CSS và nhiều thứ khác nữa (HTML5,CSS3,RWD,BOOTSTRAP,JQUERY) để ráp lại làm sau cho ra được đúng mẫu giao diện đã vẽ.
Giáo viên trả lời:
if($_SESSION['kt_login_id']=="
{
thì hiện gì ở chỗ này khi người dùng chưa login
}
if($_SESSION['kt_login_id']!="
{
thì hiện gì ở chỗ này khi người dùng đã login
}
Giáo viên trả lời:
Muốn cập nhật như vậy thì rất dễ trong lệnh update trong tab Server behavior chỗ Filed ngaycapnhat để chọn kiểu Enter Value và cho {NOW_DT} vào là xong.
Nhưng làm như vậy sẽ không hợp lý lắm. Ví dụ bạn muốn vào sửa giá của một sản phẩm sau khi sửa giá xong tự nhiên sản phẩm này lại thành sản phẩm mới nhất vì ngày nó cập nhật lại và ngày mới thì sản phẩm sẽ hiện ở trang chủ (mặc dù sản phẩm này củ mèm rồi) cứ sai chính tả hay muốn đổi nội dung có một chút xíu thôi mà tự nhiên nó thành sản phẩm mới thì rất là kỳ cục.
Về ngày thì phải chinh xác lúc tại thời điểm ta khởi tạo ra mẫu tin.
Nếu Bạn muốn cập nhật ngày thì tốt nhất là trường ngay trong trang Form bạn chọn kiểu Text rồi tự nhập vào là OK nhất
Giáo viên trả lời:
Transition là chuyển cảnh, có nghĩa là hiệu ứng của chúng ta sẽ chuyển cảnh trong bao nhiêu lâu, nó định nghĩa khoảng thồi gian xảy ra hiệu ứng.
Ví dụ: transition:width 2s;
Có nghĩa là thời gian hiệu ứng sẽ xảy ra trong 2s
Nó chung khoảng thời gian từ bắt đầu hiệu ứng tới kết thúc hiệu ứng hay khoảng thời gian chờ hiệu ứng xảy ra ta gọi là transition
Còn transform thì liên quan tới hình dáng, kích thước hay vị trí của đối tượng mà ta đang muốn tạo hiệu ứng cho nó, ví dụ một đối tượng từ nhỏ xuất hiện ra sau đó to dần lên thì đó là transfrom, hay một đối tương đang là màu đỏ rồi nó đổi sang màu xanh thì cũng là transform, hay đối tượng đang nằm ở bên trái rồi nó chạy qua phải cũng là transform. Hay đối tượng xoay bao nhiêu độ cũng là thuộc transform vv...
Còn mất bao lâu để làm được các chuyện này là transition (dùng để định nghĩa khoản thời gian xảy ra các hiệu ứng này)
Giáo viên trả lời:
Trong tập tin flatmenu.css trong thư mục menu bạn sửa lại thuộc tính chiều cao của các class sau:
.nav{
height:40px;
position:relative;
z-index:999;
font-family:Arial, Helvetica, sans-serif;
}
ul.dropdown a,
ul.dropdown span {
display: block;
outline:none;
cursor:pointer;
padding:10px 8px;
position:relative;
}
ul.dropdown ul a,
ul.dropdown ul span {
padding:10px 15px;
}
ul.dropdown li.divider{
padding:0!important;
margin:0!important;
border:0!important;
display:block;
height:40px;
float:left;
width:1px;
}
.menu-icon {
color: #fff;
width:100%;
height:40px;
line-height:40px;
padding:5px;
font-size:1.3em;
font-weight:bold;
cursor: pointer;
display:block;
position:relative;
}
.menu-icon span{
width: auto;
padding:0 15px;
padding-left:40px;
height:40px;
background:#000 url(../images/nav-toggle.png) center no-repeat ;
color:#FFFFFF;
text-align: center;
text-indent:-999em;
display: inline-block;
position:absolute;
top:0px;
right:0px;
}
Trong trang style1.css Bạn nên để chiều cao chỗ chứa menu tự động
.menu_ngang
{
width:100%;
height:auto;
background-color:#EEEEEE;
}
Giáo viên trả lời:
Theo như mô tả của Bạn khi nhập liệu trực tiếp vào MySQL thì trang list của bạn hiện ra được dữ liệu => trang list làm đúng.
Vậy bạn sai ở trang Form ví nó không thêm được dữ liệu vào MySQL khi Submit.
Do đó Bạn phải kiểm tra lại trang Form xem đã làm đúng hay chưa?
Kiểm tra lại kiểu hiển thị của các thành phần trong Form xem đã đúng chưa?
Kiểm tra kiểu dữ liệu khi Submit của từng trường trong Form xem đúng chưa?
Nếu vẫn chưa sửa được, cho tôi số Teamview để tôi vào kiểm tra cho bạn hay gửi Source đang làm qua để tôi sửa và báo chỗ sai cho Bạn
Giáo viên trả lời:
.main_box{
/*background: red;*/
/* Important parameters of style start */
position: relative;
overflow: hidden;
float: left;
/* Important parameters of style end */
/*margin-right: 10px;*/
/*margin-bottom: 10px;*/
padding-bottom: 5px;
padding-top: 3px;
}
Trong tập tin layout1.css bạn chỉnh lại class sanpham_box
.sanpham_box {
float: left;
margin-right: 10px;
margin-bottom: 30px;
margin-top: 10px;
text-align: center;
border: 1px solid #069;
padding-top: 0px;
line-height: 20px;
/*height: 220px;*/
width: 170px;
}
Để ý những chỗ chỉnh lại có màu đỏ
Giáo viên trả lời:
Đã Fixed Link
Giáo viên trả lời:
Đã Fixed link. Bạn vào xem lại thử đi.
Giáo viên trả lời:
Bạn hãy gửi source Code thư mục web bạn đang làm qua để tôi kiểm tra và sửa cho bạn,
Nhìn hình của bạn gửi thì thấy lề bị lấn qua phải có nghĩa là động rộng tổng các cột trái, giữa, phải đã lố độ rộng chung của phần bao quanh
Ví dụ độ rộng phần content là 990px
cột trái và phải là 200px => độ rộng 2 cột là 400px
cột giữa còn lại ta sẽ để là 570 vậy cột giữa và 2 cột trái phải ta có thể chỉnh hở ra 10px
Tổng độ rộng bạn phải tính luôn các phần padding và margin nữa
Tôi thấy class content phần margin bạn để là 10px vậy nó sẽ hở ra 4 xung quanh 4 cạnh là 10px,. Bạn phải tính luôn phần hở 10px này vào cho cả 3 cột trái, giũa, phải.
margin:10px => trong đó có margin-left:10px và margin-right:10px nữa vậy là phần hở này là 20px
Vậy Bạn cộng động rộng này với độ rộng của 3 cột xem nó có lố 990px không? Bạn phải tính sao khi cộng lại vừa bằng 990px là OK
Giáo viên trả lời:
Hãy kiểm tra email để nhận soft và hướng dẫn cài đặt
Giáo viên trả lời:
Một số lỗi bạn bị sai khi làm trang sản phẩm này
Lỗi 1: Định chiều cao bị thiếu cho class sp_box
.sp_box {
height: 280px;
width: 170px;
margin-top:10x;
margin-bottom: 20px;
float: left;
margin-left: 6px;
text-align: center;
margin-right: 5px;
background-color: #FFF;
padding-left: 1px;
border: 1px solid #06F;
padding-top: 0px;
}
Lỗi 2: Kết thúc sai thẻ div cho phần thống kê
<div class="box_top">THỐNG KÊ WEBSITE</div>
<div class="box_con">
<div class="online">
Số người đang online: <span class="dodam">500</span><br />
Tổng số lượt truy cập: <span class="dodam">1,000</span> </div>
</div>
<!-- Kết thúc thống kê website -->
</div> <!-- Kết thúc quảng cáo -->
</div> => Thẻ kết thúc chỗ này sai chỗ => thẻ này phải kết thúc sau phần tổng số lượng truy cập (phần thẻ div màu xanh)
Lỗi 3: Thiếu đóng khung cạnh dưới cho class box_con
.box_con {
margin-bottom: 20px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #069;
border-right-color: #069;
border-left-color: #069;
margin-bottom:10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #069;
}
Giáo viên trả lời:
============================================
Bạn có thể thêm class clear giữa 2 phần này
<div class="col_user">Username:</div>
<div class="col_input"><input name="username" type="text" class="username" id="username" /></div>
<div class="clear"></div>
<div class="col_user"> Password:</div>
<div class="col_input"><input name="password" type="text" class="password" id="password" /></div>
Chỉnh lại class col_user
.col_user {
float: left;
text-align: right;
width:60px;
}
Giáo viên trả lời:
Bài 9 - Phần 9 này bị dư vì trùng với Bài 2 phần 1.
Tôi đã xoá bỏ bài này
Bạn xem thêm Bài 5 phần 3 mới bổ sung thêm.
Giáo viên trả lời:
======================
Trong class col_left bạn thêm 2 thuộc tính
width:90px;
text-align:right
...[Trang trước] ... 11 12 13 14 15 ...[Trang kế] ...
