Hỏi - Đáp

Giáo viên trả lời:
Cái này tôi có nhiều lắm để tôi lục lại rồi gửi email cho bạn nhe. Tôi lục được cái nào sẽ gửi liền cho bạn.


Xem một cái miễn phí ở đây: http://www.csslab.cl/2011/08/18/jquery-timelinr/
Một cái nữa ở đây: 
   Download: https://github.com/technotarek/timeliner

Check mail để nhận thêm.

Giáo viên trả lời:
Bạn làm theo các bước sau đây:


+ Bước 1: Trong website tạo thư mục js
+ Bước 2: Trong thư mục js tạo tập tin ví dụ tên BannerFloat.js có nội dung như sau:
   
$(document).ready(function(){
var bFLeft = $("#divBannerFloatLeft");
var bFRight = $("#divBannerFloatRight");
var left_Positiion = 0;
var right_Positiion = 0;
var window_Width = $(window).width();
var document_Width = 1020;
if (window_Width < document_Width && jQuery(window).width() < 1280)
{
bFLeft.hide();
bFRight.hide();
} else
{
//Calculate right position for left banner
right_Positiion = (window_Width - document_Width)/2 + document_Width;
left_Positiion = (window_Width - document_Width)/2 + document_Width;
bFLeft.attr("style", "float: left; position: fixed; top: 165px; right: " + right_Positiion + "px;");
bFRight.attr("style", "float: right; position: fixed; top: 165px; left: " + left_Positiion + "px;");
bFLeft.append("<br style='clear: both;' />");
bFRight.append("<br style='clear: both;' />");
}
});

+ Bước 3: Tạo thư mục css trong website, trong thư mục này tạo tập tin ads.css có nội dung như sau:

#divAdLeft{width: 120px; line-height:30px; position: fixed;overflow:hidden; left:0px !important;}
#divAdRight{width: 120px; line-height:30px; position: fixed;overflow:hidden;right:0px !important;}
#divAdLeft img,#divAdRight img{ width:120px}

+ Bước 4: Trong trang chủ chèn vào các thẻ như sau

      -  Trước thẻ /head hãy gọi 2 tập tin js và css vào

        <link href="css/ads.css" rel="stylesheet" type="text/css">
         <script type="text/javascript" src="js/BannerFloat.js"></script>

      -  Sau thẻ body chèn đoạn thẻ như sau

<div class="adfloat" id="divBannerFloatLeft" >
<p><a href="http://hocwebgiare.com" target="_blank"><img src="http://hocwebgiare.com/images/left_banner.png" /></a></p>
</div>
<div class="adfloat" id="divBannerFloatRight">
<p><a href="http://hocwebgiare.com" target="_blank"><img src="http://hocwebgiare.com/images/right_banner.jpg" /></a></p>
</div>

+ Bước 5: Hãy thay đổi đường dẫn tới  các hình banner của bạn và địa chỉ liên kết của banner

Ghi chú: 

+ Bạn có thể tạo các ảnh động để banner thêm sinh động hay có thể dùng thẻ object để chèn các banner Flash vào.
+ Bạn có thể chỉnh tại toạ độ của banner tại vị trí 165px trong đoạn Jquery cho hợp với layout của website Bạn.

Giáo viên trả lời:
Mỗi bộ Dreamweaver phiên bản khác nhau sẽ có cái hay riêng của nó. Nếu bạn dùng bản DW SC6 thì không cần phải cài đặt thêm HTML5/CSS3 nữa vì mặc định nó đã hỗ trợ sẳn. Bản DW CS6 chủ yếu dùng để làm web chạy trên di động bằng công nghệ HTML5/CSS3/RWD nhưng bản này chạy hơi nặng và không mạnh về phần làm web động kết nối với database MySQL còn bản DWCS4 thì rất nhẹ và chạy tốt trên tất cả các máy và làm web động database rất tốt vì có nhiều tài nguyên Plugin cho phiên bản này và ta vẫn dùng nó làm web động HTML5/CSS3/RWD/ PHP & MySQL tốt hơn trên bản CS6.


Chú ý: Một máy tính có thể cài nhiều phiên bản DW khác nhau mà không bị xung đột gì cả, bạn nên cài nhiều bản khác nhau để trải nghiệm sau này thấy bản nào ngon thì mình sẽ dùng nó thôi. Tôi thì thấy bản DW CS3 là OK nhất trong các bản DW

Giáo viên trả lời:
Khi bạn vào làm phần đề tài, lúc đó ta sẽ phối hợp Javascript và Jquery vào chung Code PHP thì lúc đó ta mới hiểu rõ nó áp dụng như thế nào vào web còn dùng riêng mình nó trong web tĩnh thì cũng chỉ để kiểm tra hợp lệ trong form và tìm hiểu nguyên tắc lập trình về javascript như thế nào, phần kỹ thuật lập trình Javascript này sẽ làm nền tảng để khi vào học PHP bạn sẽ dễ hiểu hơn vì PHP viết cũng có phần giống như javascript.


Trong phần học lập trình PHP bản tôi đã trình bày rất kỹ về mảng 1 chiều và nhất là phần mảng 2 chiều, bạn nên tập trung phần mảng vì sau này trong lập trình ta dùng mảng rất nhiều. Bạn nên làm qua hết tất cả các bài tập này trước khi vào phần đồ án vì phần đồ án ta sẽ áp dụng cụ thể vào website cụ thể và sử dụng nó với mức độ khó hơn. bạn nên tập trung vào phần làm đồ án thực tế vì qua đồ án là ta sẽ có kinh nghiệm dùng nó hơn.

Jquery là một thư viện miễn phí ta chỉ việc download về và dùng thôi bạn, quan trọng là khi dùng nhưng cái trong thư viện có sẳn này ta phải biết cách tuỳ biến nó lại còn khi nào nó chạy không đúng ý của ta thì ta phải viết lại.

Khi nào có thời gian tôi sẽ mở thêm một lớp chuyên về Lập trình Jquery không nữa. Thường thì khi học Jquery thì ta phải kết hợp nó với ngôn ngữ khác nữa như PHP thì ta mới thấy nó hay.

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

Bạn xem các video về cách tạo menu Dropdown bằng HTML và CSS trong phần hướng dẫn đề tài PHP có 2 bài Video hướng dẫn về cách tạo menu dạng Droptdown

Bạn tìm xem các bài trong phần hướng dẫn đồ án PHP tên các bài là

Viết chương trình bán hàng online bằng PHP (P5) => Menu này chạy được trên di động
Viết chương trình bán hàng online bằng PHP (P6) => => Menu này chạy được trên di động

Kỹ thuật tạo menu cho website đáp ứng chuẩn RWD (Bài 5 - Phần 1) => Menu này chạy được trên di động
Kỹ thuật tạo menu cho website đáp ứng chuẩn RWD (Bài 5 - Phần 2) => Menu này chạy được trên di động

Thiết kế giao diện website bán hàng trực tuyến (Bài 36) => Menu này không chạy được trên di động

Nếu bạn xem bài LAB nào về menu mà chưa hiểu rõ về nó thì hãy vào phần Hỏi đáp của đúng bài đó
để đặt câu hỏi để tôi giải thích thêm cho Bạn về cách hoạt động của menu đó.

Khi tạo menu bạn chỉ chú ý là ta sẽ dùng thẻ UL là LI để tạo: muốn có 1 menu thì ta sẽ dùng thẻ UL và LI
Khi di chuột vào thì ta dùng hover còn khi không đụng vào thì tự nhiên nó sẽ biến mất không hiện menu ra

Ví dụ:

<ul class="menu">
      <li>Menu 1</li>
      <li>Menu 2</li>
      <li>Menu 3 </li>
</ul>

Còn muốn trong 1 mục menu có con nữa thì ta sẽ tổ chức trong thẻ LI có thẻ UL nữa

<ul class="menu">
      <li>Menu 1</li>
      <li>Menu 2</li>
      <li>Menu 3
                <ul>
                    <li>Menu 3.1</li>
                    <li>Menu 3.1</li>
                   <li>Menu 3.2</li>
               </ul>
</li>
</ul>

========

+ Một phần tử menu hiển thị trong trang có 2 dạng cơ bản:

block: Phần tử có kiểu hiển thị block có xu hướng chiều rộng giãn ra bằng độ rộng của phần tử chứa nó. Nó không nằm chung hàng với các phần tử khác (mỗi phần tử block nằm trên 1 hàng dù nó rộng hay hẹp). Và không có liên hệ gì với các dòng văn bản trên trang. Các phần tử html mặc định có kiểu block gồm: p,div, các thẻ h1 tới h6, ul, li...

inline: Phần tử có kiểu hiển thị inline có xu hướng chiều rộng co lại vừa nội dung chứa trong nó. Nó giống như một kí tự và bị gắn với dòng văn bản ở trên trang. Các phần tử html mặc định có kiểu inline gồm: span, a, i, strong...

Ngoài ra cũng có các kiểu là phối hợp của 2 kiểu trên (inline-block, inline-table).
Áp dụng điều này vào trường hợp menu của chúng ta Như bạn nhận thấy mặc định khi tạo ra thì menu (danh sách) trên nằm dọc (mỗi li nằm 1 dòng).
Lý do là các thẻ li có kiểu display là block. Chúng ta chỉ cần định dạng cho chúng có kiểu inline (hoặc inline-block) thì ngay lập tức chúng sẽ nằm cùng trên 1 dòng.

Ví dụ CSS ta sẽ định nghĩa như sau:

<style>
li {
display: inline-block;
}
/*Khi đụng chuột vào các mục trong menu*/
li:hover {
color: #f00;
}
ul.menu li {
display:inline-block;
background: #ddd;
height: 20px;
padding: 5px 10px;
vertical-align: middle;
}
ul.menu li li {
display:block;
background: #aaa;
}
ul.menu li ul {
display:none;
padding: 0;
}
ul.menu li:hover ul {
display:block;
}
</style>
=====================
Trong menu đơn giản này

Các thẻ <li> cấp 1 nằm cùng hàng (inline)
Các thẻ <li> cấp 2 nằm riêng trên mỗi hàng (block)
Bình thường thẻ <ul> cấp 2 không hiển thị
Khi chạm chuột vào (hover) thẻ <li> cấp 1 (mà có con) thì thẻ <ul> cấp 2 là con (đang không hiển thj) sẽ hiện ra.

==========================
Ví dụ mẫu gồm đoạn tạo menu và đoạn tạo CSS

<style>
li {
display: inline-block;
}
li:hover {
color: #f00;
}
ul.menu li {
display:inline-block;
background: #ddd;
height: 20px;
padding: 5px 10px;
vertical-align: middle;
}
ul.menu li li {
display:block;
background: #aaa;
}
ul.menu li ul {
display:none;
padding: 0;
}
ul.menu li:hover ul {
display:block;
}
</style>
</head>
<body>
<ul class="menu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3
          <ul>
               <li>Menu 3.1</li>
              <li>Menu 3.1</li>
              <li>Menu 3.2</li>
         </ul>
</li>
</ul>

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

Vào Start -> All Programs -> AppServ- > Configuration Server -> PHP Edit PHP ini

Tìm dòng session.save_path = "C:/Users/SONY/AppData/Local/Temp"

Cấu hình lại đường dẫn này cho đúng. Có thể tạo một thư mục trên ổ đĩa D:
hay ổ đĩa nào cũng được, rồi chỉ đường dẫn đến đó

Ví dụ: session.save_path = "P:/PHP/Temp"

Lưu lại tập tin php.ini

Stop và Start lại web server

Giáo viên trả lời:
Bạn gửi source website bạn đang làm qua email để tôi kiểm tra xem bạn làm sai chỗ nào, có thể do bị lỗi xung đột về các Jquery trong trang web của bạn.

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

Chào Bạn
Trên điện thoại chạy hệ điều hành Android bạn hãy cài thêm trình duyệt Firefox vào và hãy dùng trình duyệt này để xem các video bài học.

Giáo viên trả lời:
Đúng rồi Bạn, vì đang có thời gian khuyến mãi, do đó bạn cũng sẽ được hưởng phần học phí trong thời gian khuyến mãi này.

Xem thông tin mới về cách thanh toán tại đây http://hocwebgiare.com/thanh-toan.html

Giáo viên trả lời:
Đã Email cho Bạn. Kiểm tra mail để nhận nhé.

Giáo viên trả lời:
Khi nào Bạn học tới phần C thì sẽ tới phần có làm về MySQL, và phần này học làm chương trình toàn bằng PHP, MySQL, CSS3, HTML5, RWD.

Bạn đóng học phí học tới phần nào vậy? khi đăng ký học chương trình sẽ cài đặt tự động đúng với số học phí đăng ký của bạn cho chương trình đăng ký.
Tôi xem trong phần đăng ký thấy bạn đóng chỉ mới 1 nữa học phí của lớp web lành nghề và thời gian học của bạn được cài đặt học bao gồn Phần A và phần B của chương trình chuyên viên website lành nghề.

Khi bắt đầu qua phần C của chương trình web lành nghề là ta vào tới phần thiết kế database và phân tích database và bắt đầu thực hiện 2 web site lớn đó là website tin tức và website bán hàng trực tuyến trên mạng (bạn xem phần demo trong chương trình)

Bạn xem chi tiết lại chương trình website lành nghề tại đây http://hocwebgiare.com/dao-tao-online/Chuyen-vien-website-lanh-nghe-online.html

Học phần C này học khoảng 2 tháng và 2 tháng làm đề tài là khoảng 4 tháng cho phần này.

Giáo viên trả lời:
Với dữ liệu dạng lớn chừng vài chục ngàn mẫu tin trở lên thì ta nên dùng XML, còn cỡ 1000 như vậy thì ta dùng database được rồi. Hiện tại website hocwebgiare.com số lượng video học cũng vài ngàn, tôi dùng Database thì thấy vẫn truy cập bình thường. Trong phần học web lành nghề khi ta học tới phần database thì mấy cái này làm rất dễ bạn, khi nhập mã số thì ta cứ đem mã số này rồi dò vào bản hocsinh là có thể suy ra được mọi thông tin của học sinh đó thôi. bạn đã học tới phần thiết kế database cho website chưa vậy? Còn để truy xuất XML sau này ta sẽ dùng dataset để truy xuất.


Web lành nghề học khoảng 6 tháng + 2 tháng hướng dẫn đề tài nữa là khoảng 8 tháng. Còn học nhanh hay chậm là tuỳ theo tiến độ xem video của các bạn thôi, bạn nào thường xuyên vào học sẽ sẽ rút ngắn thời gian lại.
Theo chương trình web lành nghề thì sẽ có 3 phần

Phần A: học các môn như: HTML4,HTML5,CSS2,CSS3,RWD,Javascript, Jquery, Fireworks, Flash, Dreamweaver, Swishmax (2 tháng)
Phần B: Lập trình PHP (2 tháng)
Phần C: Thiết kế web động bằng các công cụ chuyên dụng (2 tháng)

Thời gian này chưa kể phần hướng dẫn đề tài (tổng thời gian hướng dẫn đề tài khoảng 3 tháng: 1 tháng làm đề tài PHP, 2 tháng làm đề tài web lành nghề)

Bạn học tới đâu rồi?

Giáo viên trả lời:
Rewite chỉ là tạo link đẹp để hỗ trợ cho SEO website thôi do đó tôi không nghỉ nó làm chậm website nhiều đâu bạn.

Vấn đề chậm website chúng ta phải tìm các nguyên nhân như hình ảnh ta dùng trong website đã xử lý tối ưu chưa?
Có chèn quá nhiều Jquery vào trang web hay không?

Bạn gửi thử hình trang web bị lỗi để tôi xem thử nó bị lỗi gì?
Nếu có thể gửi website bị lỗi để tôi kiểm tra xem bạn rewrite đúng hay chưa?

Rewrite là một cơ chế rất hay của Apache do đó webserver nào cũng hỗ trợ cả, do đó nó sẽ không làm chậm website đâu, vì nếu chậm
thì sẽ không ai dùng đâu, mà bây giờ mọi người phải đua nhau rewrite để website mau lên hạng.

Giáo viên trả lời:
Đã Email source đồ án trắc nghiệm cho bạn rồi đó. Check mail tìm hiểu thử đi nhé.

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



===============================
Muốn bỏ chức năng Slideshow khi click vào hình, thì trong các trang như: inc_sanphamcap1.php,inc_ sanphamcap2.php,inc_ sanphamcungloaicap1.php,inc_ sanphamcungloaicap2.php cấu hình như sau:

lightBox: true,
lightboxKeyboardNav: false,
lightBoxSpeedFx: 500,
lightBoxZoomAnim: true,
lightBoxText: true,
lightboxPlayBtn: false,
lightBoxAutoPlay: false,
lightBoxPlayInterval: 4000,
lightBoxShowTimer: false,
lightBoxStopPlayOnClose: false,

Trong tập tinmediaBoxes_1.css trong thư mục plugin/css thêm 2 class này vào

.mediaBoxes-next, .mediaBoxes-prev
{
display:none;
}

+ Muốn đụng vào hình chỗ nào cũng click được thì phải bỏ chức năng Zoom hình thì mới làm được, vì trong một hình ta đã có 2 điểm click chuột rồi, 1 điểm là Zoom và 1 điểm là Link thì không thể làm 1 điểm link toàn hình được vì lúc bây giờ nó sẽ không biết cái nào là zoom và cái nào là Link

Giáo viên trả lời:
Hiện tại Trung Tâm Việt Chuyên không còn đào tạo các lớp Off Line nữa bạn. 

Các lớp web học Off line đã được chuyển toàn bộ sang học online.
Không biết Bạn đã học tới phần nào rồi, tôi thấy tài khoản của Bạn đăng nhập vào học không thường xuyên lắm. 
Nếu Bạn học chưa kịp cứ Email cho tôi để tôi gia hạn thêm thời gian cho bạn vào học để hoàn thành khoá học.
Tôi đã gia hạn thêm cho bạn đến cuối năm 2015 (31-12-2015) rồi đó. 
Nhớ vào học thường xuyên và hỏi đáp các vấn đề mình gặp phải khi học trong mục Hỏi đáp với giáo viên .

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

Tạo menu bằng Code html & css thì sẽ có rất nhiều video hướng dẫn trong lúc học.

Khi học tới các bài về HTML5 & CSS3 ta sẽ làm menu bằng các kỹ thuật này và dùng toàn thẻ HTML5 và CSS3 thôi, sau này học tới phần công nghệ RWD ta cũng sẽ dùng Jquery để tạo menu theo chuẩn RWD để có thể chạy được trên di động luôn. Trong phần Project chúng ta cũng có áp dụng menu này vào. Bạn tham khảo menu này ở website phpcoban.hocwebgiare.com.

Hiện tại Bạn đang học ôn tập 2 tuần đầu chưa tới phần tạo các menu theo các chuẩn này. Tôi sẽ gửi script tạo menu để bạn tham khảo và áp dụng vào website của mình. Khi nào học tới các phần này thì Bạn sẽ biết cách làm nó như thế nào. 

Bạn checkmail để nhận script tạo menu chuẩn HTML5/CSS3/RWD/JQUERY như trong website phpcoban.hocwebgiare.com
Trong này có kèm tài liệu document để sử dụng. Bạn hãy làm thử có gì thắc mắc về script này cứ hỏi để được giải đáp.

Giáo viên trả lời:
Trước khi vào phần học lập trình PHP Bạn phải qua phần ôn tập hỗ trợ phần kiến thức bao gồm: Kiến thức thiết kế web cơ bản, Lập trình  HTML và CSS (khoảng 2 tuần). Sau đó ta sẽ vào phần lập trình PHP cơ bản (học khoảng 3 tháng và 1 tháng làm đề tài).

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

sau loi xung dot jquery

Tôi đã kiểm tra thấy lỗi này là do xung đột về Jquery
Xung đột xảy ra giữa Jquery elevatezoom và Jquery zalki_hover
Xử lý lại bằng cách bạn hãy load elevatezoom trước khi load zalki_hover

<!-- ZoomImage -->
<script src="js/jquery.elevatezoom.js" type="text/javascript"></script>
<script src="js/storybox/jquery.zalki_hover_img.min-0.2.js" type="text/javascript"></script>