Hỏi - Đáp

(#444) -thưa thầy! thầy có thể hướng dẫn cho em cách tạo slideshow mà chỉ sử dụng javascript ko ah. cảm ơn thầy
Học viên: dangbaoviet

Giáo viên trả lời:
Ví dụ mình có thể dùng mảng trong Javascript để lưu các hình ảnh


+ Tạo đoạn javascript này trong phần head của trang web

<script language="JavaScript1.1">
var slidespeed=3000
var slideimages=new Array("photo1.jpg","photo2.jpg","photo3.jpg")
var slidelinks=new Array("http://hocwebgiare.com","http://news.hocwebgiare.com","http:/phpcoban.hocwebgiare.com")

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>

+ Sau đó dùng đoạn script bên dưới này trong phần thân body của trang web

<a href="javascript:gotoshow()"><img src="photo1.jpg" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>

<script language="JavaScript1.1">
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
</script>

(#448) -Thầy cho em hỏi, em thấy trong video về thiết kế menu left, em thấy mục menu cấp 2 nó ăn sâu vào menu cấp 1, em muốn khi di chuyển chuột vào menu mà có menu cấp 2 thì nó sẽ không ăn sâu vào menu cấp 1 và nó chỉ ở mép ngoài menu cấp 1, mong thầy giải đáp giúp em
Học viên: nguyenkimthang

Giáo viên trả lời:
Cái này thì ta chỉ cần chỉnh lại thuộc tính CSS của menu trong tập tin SpryMenuBarVertical.css trong thư mục SpryAssets


Trong tập tin này bạn tìm class

ul.MenuBarVertical ul li
{
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #09C;
color: #FFF;
margin-left:10px;
}

Thêm vào thuộc tính cách lề trái margin-left để nó cách lề trái 10px thì nó sẽ lệch qua phải là vừa khớp.

(#447) -chao thầy, trong bài 12 phần đô án cuối khóa php cơ bản em có làm theo video vào link download cái News_ticker.rar nhưng ko dc, toàn báo ko có link này, thây xem lại hộ em với ạ
Học viên: dangcaoson

Giáo viên trả lời:
Kiểm tra Email để nhận

(#446) -Thầy ơi! em không hiểu về dấu chấm trong trong url(../đường dẫn). Hai dấu chấm hoạt động như thế nào vậy thầy. Một chấm khác hai chấm ở chỗ nào ?
Học viên: huuhuy

Giáo viên trả lời:
. là đang đứng ở gốc

còn dấu ../ là đang nằm sau 1 cấp thư mục (không phải ở gốc)

Khi bạn để dấu ../ có nghĩa là tập tin này đang nằm sau 1 cấp thư mục

Ví dụ :
Nếu bạn đang đứng thiết kế trang web sau 1 cấp thư mục tintuc/vd1.html (trang vd1.html này đang nằm sau 1 cấp thư mục)
Trong trang này ví dụ bạn có chèn 1 hình ảnh lấy ở thư mục images/hinh1.jpg
=> hình ảnh trong trang vd1.html của bạn phải có đường dẫn ghi là ../images/hinh1.jpg (có nghĩa bạn đang đứng trong thư mục tintuc bạn phải đi ra 1 cấp thư mục để về gốc do đó ta ghi dấu ../  rồi lại đi vào thư mục images để lấy ra hinh1.jpg => ../images/hinh1.jpg)

(#445) -thầy ơi sao em vào localhost/phpmyadmin không được nơi thầy ơi, nó thông báo là Not Found The requested URL /phpmyadmin was not found on this server. Apache/2.2.8 (Win32) PHP/5.2.6 Server at localhost Port 80
Học viên: leconghoang

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

Bạn đang dùng phần mềm tạo web server Appserv 2.5.10 phải không?
Kiểm tra lại đường dẫn cấu hình tới thư mục đang chứa web Server của bạn trong tập tin httpd.conf.
Nếu thông số DocumentRoot bạn đang cấu hình là C:/AppServ/www thì thư mục phpmyadmin sẽ nằm trong thư mục www.
Còn nếu bạn đã chuyển thư mục chứa web sang thư mục riêng của bạn C;/AppServ/www/yourwebsite thì bạn hãy chép thư mục phpmyadmin bỏ vào thư mục yourwebsite của bạn

Nếu muốn chạy được phpmyadmin thì bạn phải chép thư mục này bỏ vào bên trong thư mục gốc của Bạn để test thử.
Sau này trên hosting thực thì nó sẽ có sẳn phpmyadmin mà ta không phải cấu hình gì cả cứ đăng nhập vào là dùng thôi. 

(#443) -Hi Thầy, Hiện tạo menu sẽ tự động có thư mục spry...tuy nhiên em xem một số Html khác thì ko có thư mục này, có thư mục css, js, images, img, plugin Như vậy có phải họ dùng phần mềm khác, hay là họ đã chỉnh sửa thư mục cho gọn hơn?
Học viên: congnguyen

Giáo viên trả lời:
Chỉ có Dreamweaver mới hỗ trợ tạo menu dạng Spry này.

Còn không thì phải tự Code tay thôi bạn

(#442) -Có thể dùng chương trình Dreamweaver mới nhất áp dụng cho các bài giảng đc ko. Extension HTML5/CSS3 có tương thích hay không?
Học viên: congnguyen

Giáo viên trả lời:
Nếu Bạn dùng Extension HTML5/CSS3 thì có thể dùng được cho Dreamweaver CS3 & Dreamweaver CS4. Chúng ta cài vào DWCS3 và DWCS4 để các bản Dreamweaver này có chức năng HTML5 và CSS3 giống như các phiên bản DW mới. 


Còn nếu dùng từ DWCS5 trở lên thì không cần phải cài Extension này vào vì mặc định các bản DW này đã hỗ trợ sẳn HTML5 & CSS3 bên trong nên ta không cần phải cài thêm Extension HTML5 & CSS3 vào nữa.

(#441) -Thay oi, em dang hoc tuan 25 bai cau hinh web server ,php server va dreamweaver server tren dreamweaver cs4. May bai thuc hanh truoc day e chay voi dreamweaver cc.khi cau hinh xong em de cac file bai hoc truoc vao thu muc vua cau hinh va chinh lai trong file ini.php vi truoc day dung port 8080 thi chay duoc. Nhung khi bo file .htaccess vao la ko chay duoc trang web nao.cai nay la loi gi thay!ben dreamweaver chay binh thuong thay ah.
Học viên: Le Cong Hoang

Giáo viên trả lời:
Muốn chạy được .htaccess thì trong tập tin cấu hình của web server httpdf.conf bạn phải mở Module Rewrite lên. mặc định dòng này bị khoá lại. Bạn hãy bỏ dấu # trước dòng này. Sau đó lưu file cấu hình này lại. Sau đó Stop Web Server Apache và khởi động Server lại thì nó mới hiểu được Rewrite.


LoadModule rewrite_module modules/mod_rewrite.so

(#440) -thầy ơi, răng em ko cài được toolbox này được nơi thầy ơi. nó báo là để cài cái này là cần phiên bản cs3 đến 9.1.0. em cài trên extension dreamweaver cs4 mà thầy cung cấp ở những bài trước đó thầy. Không biết file tải về bị lỗi hay bị gì nữa, cái extension cs4 này trước đây đã cài những extension bình thường thầy ah.
Học viên: leconghoang

Giáo viên trả lời:
Bạn kiểm tra mail để nhận phần mềm và cài đặt theo hướng dẫn.

Nếu vẫn chưa được cho tôi số Teamview của máy bạn để tôi vào cài đặt cho Bạn.

(#439) -Dear Thầy, em đã làm ok rồi. Thầy hướng dẫn giúp em cách chỉnh thanh trượt đứng thành màu xanh giống trang của thầy làm sao được không thầy? Em cảm ơn! Khanm
Học viên: Minh Kha

Giáo viên trả lời:
doi mau thanh cuon


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

Bạn viết CSS như sau

@charset "utf-8";
/* CSS Document */

/* For the "inset" look only */
html {
    overflow: auto;
}
body {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px; 
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px; /*10*/
    border-radius: 0px; /*10*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(152,204,153,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
Chú ý, nó chỉ chạy trên Firefox thôi.
Bạn dùng Nice Scroll đi cho đẹp và chạy tốt trên tất cả các trình duyệt luôn (Nhớ đã có nhiều Video về nó rồi thì phải, xem lại phần bài học lại thử đi)
Bạn vào phần thư viện tài nguyên web download mấy cái script này tôi upload trong đó nhiều lắm.
Download về Test đi


(#438) -thầy chỉnh giùm hình ảnh canh giửa ở các chế độ màn giúp em
Học viên: nguyen khiet

Giáo viên trả lời:
Xem 2 tập tin captions.css và giaodien.css chỗ các dòng ghi chú


Chỉnh lại trong tập tin captions.css

figure.captions {
position:relative;
margin-left:40px; /*Sửa lại dòng này*/
margin-right:40px; /*Sửa lại dòng này*/
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
display:inline-block
}

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

Chỉnh lại trong tập tin giaodien.css

@media only screen and (min-width:320px) and (max-width:479px)
{
.captions img {
width:100%; /*Chỗ này phải có dấu ; kết thúc */
height:auto;
margin-left:0px; /*Chỉnh thêm dòng này*/
}
.wrapper{
width:100%; /*Chỗ này dư dấu ;*/
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
margin-top:0px;
-webkit-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
}
.banner img{
display:block;
width:100%;
}
}
@media only screen and (min-width:480px) and (max-width:767px)
{
.captions img {
width:100%; /*Chỗ này phải có dấu ; kết thúc */
height:auto;
}

.wrapper{
width:100%; /*Chỗ này dư dấu ;*/
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
margin-top:0px;
-webkit-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
}
.banner img{
display:block;
width:100%;
}
}
@media only screen and (min-width:768px) and (max-width:1000px)
{
/*Chỗ min-width và max-width phải có đơn vị là px và max-width chỉ cho 1000px thôi*/
.wrapper{
width:100%; /*Chỗ này dư dấu ;*/
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
margin-top:0px;
-webkit-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
box-shadow: 6px 6px 5px rgba(50, 50, 50, 0.4);
}
.banner img{
display:block;
width:100%;
}
.captions img{
width:100%; /*Chỗ này phải có dấu ; kết thúc */
height:auto;
}
}

Để ý sửa những chỗ mà bạn bị lỗi trong các dòng màu đỏ

(#437) -Dear Thầy, Em đã làm theo hướng dẫn, kết quả ok rồi. Nhưng còn cái thống kê website thì xử lý sao thầy. Em xử lý chưa được. Tks Em Kha
Học viên: Minh Kha

Giáo viên trả lời:
Trong thư mục counter Bạn hãy mở trang counter.php lên sửa lại.


+ Tìm các hàm nào tên là split thay bằng hàm explode để nó tương thích với PHP 5.3
+ Tại dòng số 2 bỏ hàm session_start() đi

//session_start();

(#436) -Dear Thầy, Chuyển sang PHP 5.3 phát sinh cũng nhiều lỗi. Em đã fix một số lối rồi như còn 2 lỗi: 1. Phân trang của blog nó báo lỗi như hình em gửi 2. Thông kế website nó không chạy Thầy hướng dẫn em xử lý nó nhé! Cảm ơn thầy! Em Kha
Học viên: Minh Kha

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

==============
Trong trang blog_news.php bạn sửa lại 2 dòng sau

Dòng 88:
<?php if(isset($_GET['pageNum_rs_blognews']) > $totalRows_rs_blognews) {

<?php
$hocwebbatky="";
for ($i = $TFM_startLink; $i <= $TFM_endLink; $i++) {
$TFM_LimitPageEndCount = $i -1;
$hocweb=$i;
if($TFM_LimitPageEndCount != $pageNum_rs_blognews) {
//printf('<a href="'."%s?pageNum_rs_blognews=%d%s", $currentPage, $hocweb, $queryString_rs_blognews.'">');
printf('<a href="'."%s%d%s", $currentPage, $hocweb, $hocwebbatky.'.html">');
echo "$i</a>";
}else{
echo "<span class=current_paging>$i</span>";
}
if($i != $TFM_endLink) echo(" ");}
?>

Khởi gán giá trị cho biến hocwebbatky là rỗng.

(#435) -Dear Thầy, Em chuyển qua dung wampserver 2.0 thì nó báo lỗi này, thầy xem giúp em nhé! Notice: Undefined index: lang in C:\wamp\www\inc_language.php on line 40 Notice: Use of undefined constant loixoasanpham - assumed 'loixoasanpham' in C:\wamp\www\lang\vietnam.php on line 2 Notice: Use of undefined constant danhsachsanphamyeuthich - assumed 'danhsachsanphamyeuthich' in C:\wamp\www\lang\vietnam.php on line 3 Notice: Use of undefined constant comuonxoa - assumed 'comuonxoa' in C:\wamp\www\lang\vietnam.php on line 4 Notice: Use of undefined constant khongdongy - assumed 'khongdongy' in C:\wamp\www\lang\vietnam.php on line 5
Học viên: Minh Kha

Giáo viên trả lời:
+ Trong thư mục lang tìm file vietnam.php chỉnh lại như sau:

define('loixoasanpham','Lỗi xoá sản phẩm. bạn không có quyền xóa sản phẩm này'); => Thêm dấu ' bao quanh tên biến. Sửa hết cho tất cả các biến

+ Trong trang inc_language.php sửa lại như sau

if (isset($_GET['lang']) =="") //mới mở website , chưa chọn ngôn ngữ

if (isset($_COOKIE["mylang"]) =="") //kiểm tra vùng nhớ cookie mylang đã có lưu ngôn ngữ nào hay chưa?


(#434) -Hi Thầy ,Thầy cho e xin cái Jquery sroll sản phẩm giống như bên dưới hình với ah, nó dùng được RWD lun đó Thầy Em cảm ơn Thầy nhìu
Học viên: Hồng Ngọc Triết

Giáo viên trả lời:
tao scroll san pham


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

Dùng cái Smartware này thử đi Bạn vì thấy gần giống mẫu này.
Muốn giống y chang nó luôn thì cho tôi địa chỉ website của nó để tôi vào lấy script này về cho bạn.
Check mail để nhận script.

 

(#433) -Thầy ơi, pc ở nhà em đã cài sẵn DW CS6, em có cần cài đặt thêm ứng dụng hay phần mềm nào nữa không ạ?
Học viên: hoanglinh

Giáo viên trả lời:
Dreamweaver CS6 giao diện hơi phức tạp, theo kinh nghiệm của tôi bạn nên cài thêm Dreamweaver CS4 để chúng ta làm quen với bản này trước rồi sau này ta mới qua tới bản Dreamweaver CS6 thì sẽ tốt hơn (dạng giống như ta đi từ căn bản rồi lên nâng cao hay từ đơn giản lên phức tạp).

Một máy bạn cài bao nhiêu chương trình Dreamweaver cũng được cả Bạn nó chạy độc lập với nhau cả, với lại các phần mềm này tương đối nhẹ do đó chúng ta cài lên để trãi nghiệm xem mỗi bản có cái hay cái dỡ chỗ nào, còn sau này khi quen dùng cái nào và mình thấy cái nào hay thì mình dùng nó thôi Bạn.

Trong chương trình học thì mình dùng Dreamweaver CS3, Dreamweaver CS4 và cả Dreamweaver CC
Máy Bạn có Dreamweaver CS6 rồi thì không cần cài mấy bản còn lại cũng được, dùng luôn Bản này cũng được

(#432) -Module fanpage.Thầy ơi, em muốn tạo trang fanpage cho website của mình, nhưng giờ vào đó làm không được như videoclip của thầy vì các plugin của nó đã thay đổi, thầy có thể hướng dẫn em ở chỗ này được không Thầy? Em cảm ơn Thầy nhiều. Chúc Thầy luôn vui khỏe.
Học viên: Ngo Diem

Giáo viên trả lời:
Bước 1: vào trang này


Bước 2
Chọn mục Social Plguin

tao fanpage

Bước 3:
Click nút Like Share & Send

tao facebook fanpage

Bước 4:
Nhập địa chỉ Face Book Fanpage của bạn vào hộp và Get Code
Sau khi có Code rồi bạn dán nó vào trong trang web của mình thôi,

tao box fanpage facebook cho trang web

Bạn hãy trang trí đóng khung lại hay thêm thuộc tính chiều cao vào để có nhiều ảnh bạn bè hơn

(#431) -Chào Thầy, Em dang học đến bài :Thiết kế giao diện web bằng CSS3 - CSS3 Transitions - Animations (Bài 13 - Phần 1), nhưng không down load được storybox.rar. Xin Thầy cho link mới. Cám ơn Thầy
Học viên: nguyenhungminh

Giáo viên trả lời:
Đã gửi mail cho Bạn, hãy kiểm tra mail để nhận file

(#430) -thầy có thể chỉ hộ e tí được không ạ,e muốn đính kèm video trong bài viết,sử dụng bộ soạn thảo thì làm thế nào ạ,e cám ơn thầy
Học viên: huuhoang

Giáo viên trả lời:
Trong bộ soạn thảo nó sẽ cho chúng ta chèn Video trực tiếp vào nội dung luôn. Do đó:

=> Đầu tiên Bạn hãy vào trang Youtube.com, đăng nhập vào bằng tài khoản Gmail của bạn
=> Sau đó chọn Upload video cần đưa lên. 
=> Sau khi Upload xong thì bạn sẽ có được link Video của bạn trên Youtube (bạn chỉ việc bấm vào link mà youtube cho bạn sau khi upload xong).
=> Bạn hãy lấy link này bằng cách copy link của Video mà Bạn đang xem này
=> Sau đó trong bộ soạn thảo bạn click nút YouTube và dán link video vào là nó sẽ chèn video vào nội dung cho Bạn

chen video trong bo soan thao

======================
Còn nếu bạn không muốn upload lên Youtube mà chỉ muốn tạo link tới Video của bạn thì bạn hãy sử dụng chức năng tạo liên kết Hyperlink trong bộ soan thảo
Ví dụ 
=> Bạn đặt một link tên là Download, 
=> Sau đó chọn link Download này
=> Click vào nút Hyper link và dán đường dẫn tới tập tin Video của bạn (Bạn có thể upload video của bạn lên bất kỳ server miên phí nào trên mạng cũng được)



=> Cho source bạn chọn giao thức ví dụ là http://
=> Còn ô bên phải dán link của Video của bạn đã upload lên server rồi (nhó bỏ http:// đi vì bên ô source bạn đã chọn rồi)


(#429) -chào thầy ,thầy cho e hỏi ở cái giao diện drcs3,e muốn nó hiện 3 menu code split design thì làm thế nào ạ,e xin cám ơn
Học viên: Hoàng lê

Giáo viên trả lời:
Ban chỉ cần mở bất kỳ một trang web nào trong website lên thì nó sẽ hiện ra 3 nút này ở góc trên bên trái


học thiết kế web

Còn nếu lỡ tắt nó rồi thì vào menu View -> Toolbars rồi chọn menu Document để bật lên lại (Xem hình nhé)

học thiết kế web bằng Dreamweaver


...[Trang trước] ... 14 15 16 17 18 ...[Trang kế] ...