Hỏi - Đáp
Giáo viên trả lời:
Khóa học Chuyên viên website lành nghề chia làm 3 phần chính
Phần A:
+ Học HTML4,HTML5,CSS2,CSS3,RWD,JQUERY
+ Học thiết kế giao diện web bằng Fireworks, CSS3, HTML5, RWD
=> Học tới đây giao diện thiết kế ra phải chạy được trên tất cả các thiết bị Desktop, Phone, Tablet
+ Học tạo hiệu ứng Flash cho website với Flash CS6, Swishmax 4
+ Học lập trình Javascript
+ Thực hiện đồ án kết thúc phần A
=> Yêu cầu thiết kế hoàn chỉnh 2 giao diện cho webiste: tin tức và bán hàng online bằng các công nghệ: HTML5, CSS3, RWD, JQUERY, Fireworks, Flash vv...để chuẩn bị cho phần B và C
Học Phần B:
+ Học lập trình PHP cơ bản
=> Thực hiện đồ án phần B: Viết chương trình bán hàng Online bằng PHP
Phần này viết Code PHP từ A->Z đề xây dựng được website bằng các công nghệ: HTML5,CSS3, RWD, PHP, XML, JQUERY, JAVASCRIPT vv...
Xem demo website phải làm tại đây (phần đồ án này Code PHP 100%, HTML5 100%, CSS3 100%, RWD 100%, XML 100%, JAVASCRIPT 100%)
Học phần C:
+ Học thiết kế web động PHP & MySQL bằng các phần mềm chuyên dụng của Dreamweaver
=> Phần này chủ yếu dùng Dreamweaver để làm web động không có viết code nhiều chỉ có
áp dụng số số kiến thức lập trình PHP ở phần B đề chỉnh sửa Code và tuỳ biến code do
Dreamweaver tạo ra để nó chạy theo ý của mình.
áp dụng số số kiến thức lập trình PHP ở phần B đề chỉnh sửa Code và tuỳ biến code do
Dreamweaver tạo ra để nó chạy theo ý của mình.
+ Thực hiện 2 đồ án thiết kế web PHP & MySQL bằng Dreamweaver , các phần mềm chuyên dụng của Dreamweaver & PHP
=> Đồ án 1: Xây dựng webiste tin tức bằng các công nghệ như: HTML5, CSS3, RWD, JQUERY, PHP, MySQL vv...
Trong phần đồ án này yêu cầu tự làm từ A->Z như từ thiết kế giao diện website tin tức bằng Fireworks CS6, sau đó tự cắt giao diện,
ráp giao diện bằng các công nghệ nêu trên nhưng không được phép viết nhiều Code PHP mà chủ yếu làm bằng Dreamweaver (Dreamweaver 80% + Code PHP 20% + HTML5 100%, CSS3 100%, RWD 100%),
tự thiết kế database cho website (100%)
tự thiết kế database cho website (100%)
=> Đồ án 2: Xây dựng website bán hàng Online bằng các công nghệ như: HTML5, CSS3, RWD, JQEURY, PHP, MySQL vv...
Trong phần đồ án này yêu cầu tự làm từ A->Z như từ thiết kế giao diện website Shopping bằng Fireworks CS6, sau đó tự cắt giao diện,
ráp giao diện bằng các công nghệ nêu trên nhưng không được phép viết nhiều Code PHP mà chủ yếu làm bằng Dreamweaver (Dreamweaver 80% + Code PHP 20%),
tự thiết kế database MySQL cho website (100%)
tự thiết kế database MySQL cho website (100%)
Xem demo website phải làm tại đây (phiên bản yêu cầu khi học là phải làm thêm phần webiste đa ngôn ngữ, đa giao diện cho website bán hàng này nữa)
Do học phần C là làm web động bằng Dreamweaver và Các công cụ chuyên dụng do đó phần này yêu cầu phải làm 2 đề tài này bằng Dreamweaver
không được viết bằng Code PHP mà chỉ cho phép viết code PHP khoảng 20% thôi còn lại làm bằng Dreamweaver 80%)
không được viết bằng Code PHP mà chỉ cho phép viết code PHP khoảng 20% thôi còn lại làm bằng Dreamweaver 80%)
Giáo viên trả lời:
Trong đây thấy có 2 lỗi viết sai chính tả tiếng anh
Sai tại dòng này
tx.executeSql("CREATE TABLE IF NOT EXIST sanpham(ID uniquee,tensp)");
Chữ EXIST phải có chữ S phía sau
Chữ uniquee chỉ 1 chữ e thôi bạn ghi 2 chữ e do đó sai
Hãy kiểm tra mail nhận lại file đã sửa, chạy và test lại thử.
Giáo viên trả lời:
Tôi thường dùng cái này
Count Everest Countdown
Website tôi cũng đang dùng cái này. Đã gửi email support, kiểm tra mail để nhận.
Giáo viên trả lời:
if(isset($_POST['btnTinh']) && $_POST['diemtoan'] <= 10 && $_POST['diemli'] <= 10 && $_POST['diemhoa'] <= 10 && $_POST['diemchuan'] <= 30 ){
$diemtoan = $_POST['diemtoan'];
$diemli = $_POST['diemli'];
$diemhoa = $_POST['diemhoa'];
$diemchuan = $_POST['diemchuan'];
$tongdiem = $diemtoan + $diemli + $diemhoa;
if($diemtoan = 0 || $diemli = 0 || $diemhoa = 0 || $tongdiem < $diemchuan){
$kq = "trượt";
}else{
$kq = "Đậu";
}
}else{
$thongbao = "điểm toán, lí, hóa phái >= 0 và <= 10 và điểm chuẩn <=30";
}
=====================================
Trong đoạn code của bạn viết chỗ điều kiện so sánh bạn viết sai nên nó không hiểu
chỗ điều kiện if phát biểu = bạn phải ghi là == thì mới được.
if($diemtoan == 0 || $diemli == 0 || $diemhoa == 0 || $tongdiem < $diemchuan){
Giáo viên trả lời:
Bước 1:
Tại hình banner hay section bạn muốn chèn hiệu ứng pháo hoa vào hãy đặt tên id cho nó
ví dụ: Muốn chèn hiệu ứng vào banner ta đặt id cho banner
<div class="banner1" id="demo1">
<img src="images/hocthietkeweb_online_banner.jpg" alt="Học thiết kế web online">
</div>
Bước 2:
<script src="js/xteam_fireworks.min.js" type="text/javascript"></script>
<script>
jQuery(function($){
var firework = Xteam.fireworkShow('#demo1', 400);
});
</script>
+ Chèn đoạn script bên trên vào trước thẻ </body>
+ Download tập tin xteam_fireworks.min.js bỏ vào thư mục js trong website của bạn
Bước 3:
Tạo nhạc nền cho website thêm sinh động
<object data="music/Ngay_Tet_Que_Em.mp3" width="0" height="0">
<param name="filename" value="music.mp3">
<param name="autostart" value="1">
<param name="playcount" value="false">
</object>
Hãy chèn đoạn thẻ object này vào trước phần footer của trang web
Nhớ chép tập tin nhạc .mp3 bỏ vào thư mục music trong website của bạn.
=> vậy là xong, hãy thưởng thức kết quả của bạn.
Giáo viên trả lời:
Do hosting download file bị lỗi, tôi đã cập nhật lại link download khác cho bài này rồi. Vào download lại thử đi.
Giáo viên trả lời:
Bạn có thể dùng công cụ này để kiểm tra xem website của Bạn thiết kế có đáp ứng chuẩn RWD để có thể chạy được trên tất cả các thiết bị di động hay Tablet hay không
Giáo viên trả lời:
//Khởi gán giá trị cho biến
$dtich ="";
$dai = "";
$rong ="";
if(isset($_POST['btnTinh'])){
if($dai != 0 ){
$dai = $_POST['chieudai'];
}else{
echo "Chiều dài ko dc bằng 0";
}
if($rong != 0){
$rong = $_POST['chieurong'];
}else{
echo "Chiều dài ko dc bằng 0";
}
// $dai = $_POST['chieudai'];
// $rong = $_POST['chieurong'];
$dtich = $dai * $rong;
}
============================================================Bạn phải lấy chieudai và chieurong trước rồi mới kiểm tra, bạn làm ngược lại thì nó không hiểu
Ví dụ:
//Khởi gán giá trị cho biến dientich,chieudai,chieurong
$dientich="";
$chieudai="";
$chieurong="";
$thongbao="";
if(isset($_POST['button_tinh'])) //Kiểm tra xem button_tinh có được được click hay không
{
//Xử lý nếu nút Tính được nhấn
$chieudai=$_POST['chieudai']; //Lấy chiều dài do người nhập vào gán vào bien chieudai
$chieurong=$_POST['chieurong']; //Lấy chiều rộng người dùng nhập vào gán vào biến chieurong
if($chieudai<=0 || $chieurong <=0)
{
$thongbao="Chiều dài hay chiều rộng không được <= 0";
}
else
{
$dientich=$chieudai*$chieurong; //tính diện tích hình chữ nhật và gán vào biến diện tích
}
}
Trước nút Tính bạn xuất biến thongbao ra như sau:
Giáo viên trả lời:
Dạng lưới này rất dễ dùng, người ta đã làm css cả rồi và có class sẳn bạn cứ gọi tên class ra là dùng thôi không phải viết gì cả, nhưng dùng dạng này hơi nặng vì ta phải tải cả thư viện của nó vào có những class ta không dùng cũng phải tải vào do đó sẽ làm chậm website, nhưng nếu muốn nhanh thì dùng nó tạm cũng được, sau này ta tự viết css cho giao diện là tốt nhất. Ta dùng các framework này trong form hay admin cp để đỡ phải chia nhiều cột mất thời gian, còn giao diện chính của website ta nên tự viết CSS.
Hình trên là minh hoạ cho việc dùng grid 12 cột, và độ rộng mỗi cột đã được định nghĩa sẳn trong tập tin css và dùng đơn vị %.
Bạn xem tập tin css để thấy độ rộng mỗi cột người ta định nghĩa sẳn là bao nhiêu
.col1 {
width:8.33%
}
.col2 {
width:16.66%
}
.col3 {
width:25%
}
.col4 {
width:33.33%
}
.col5 {
width:41.66%
}
.col6 {
width:50%
}
.col7 {
width:58.33%
}
.col8 {
width:66.66%
}
.col9 {
width:75%
}
.col10 {
width:83.33%
}
.col11 {
width:91.66%
}
.col12 {
width:100%;
min-height:1px;
float:left;
position:relative
}
Tất cả các cột này phải float qua left để nằm kế nhau được.
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
min-height:1px;
padding-left:10px;
padding-right:10px;
position:relative;
float:left
}
Còn class row để tạo 1 dòng bằng độ rộng màn hình hay vùng thiết kế của bạn cũng là 100%
.row {
width:100%;
margin:0 auto
}
Tất cả các col ta sẽ để trong dòng row.
Ngoài ra ta còn có các col_x.last hay col_x.first để chỉnh các khoảng hở của dữ liệu trong cột
.col1.first, .col2.first, .col3.first, .col4.first, .col5.first, .col6.first, .col7.first, .col8.first, .col9.first, .col10.first, .col11.first {
padding-left:0;
position:relative
}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last {
padding-right:0;
position:relative
}
Các cột dùng % nên khi co giãn màn hình thì nó sẽ tự thu nhỏ lại còn nếu quá độ rộng thì nó sẽ tự rớt xuống.
Cách dùng đơn giản chĩ vậy thôi bạn.
Thuộc tính của Frameworks này có sẳn gọi ra dùng thôi.
Hiện nay có rất nhiều framework grid có sẳn để dùng, mỗi thằng khác nhau về tên class để gọi nhưng cách dùng đều giống nhau cả.
Giáo viên trả lời:
Lớp Chuyên viên website lành nghề học nhiều hơn lớp thiết kế giao diện website.
Lớp chuyên viên website lành nghề có học thêm phần web động PHP & MySQL làm bằng Dreamweaver và các công cụ chuyên dụng và có học Lập trình PHP cơ bản nữa, học cả HTML5, CSS3, RWD,JS, và có hướng dẫn làm 2 đồ án lớn là website tin tức news.hocwebgiare.com và website Shopping là 123muanhanh.vn.
Lớp Chuyên viên bao gồm luôn lớp thiết kế giao diện, lập trình HTML5,CSS3,RWD,JS và lớp Lập trình PHP cơ bản bên trong luôn nhưng nó có một phần mà 3 lớp kia không có đó là thiết kế web site động PHP & MySQL bằng Dreamweaver và các công cụ chuyên dụng.
Còn thiết kế giao diện chỉ học vẽ giao diện web dùng Fireworks, tạo hiệu ứng Flash cho web bằng Flash CS6, Thiết kế giao diện web bằng HTML5, CSS3, RWD, JS.
Khoá Chuyên viên lúc trước bạn học ở trung tâm cũng giống như khoá Online thôi, nhưng bây giờ khoá Chuyên viên Lành nghề Online tôi bổ sung vào đó nội dung rất nhiều nhất là trong các phần đồ án thực tế và nội dung sẽ cập nhật liên tục không có cố định như lớp học Off-line
Giáo viên trả lời:
Để xuất dữ liệu ngẫu nhiên thì trong câu lệnh SELECT bạn dùng hàm rand() để tạo số ngẫu nhiên sau đó sắp xếp theo số ngẫu nhiên là được.
Ví dụ:
SELECT *, rand() AS songaunhien
FORM bang
ORDER BY songaunhien
Giáo viên trả lời:
Trong file menu, bạn có đoạn script chỉ đường dẫn tới tập tin thư viện jquery.min.js không vậy? nếu thiếu tập tin này thì menu sẽ không chạy được trên đi động nhưng vẫn chạy được trên Desktop.
<script type="text/javascript" src="<?php echo $url ?>scripts/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $url ?>scripts/flatmenu-responsive.js"></script>
Kiểm tra kỹ lại xem có dòng màu đỏ hay chưa?
Giáo viên trả lời:
========================
+ Trong trang choose_language_plesk.php bạn tạo một Recordset tới bảng site_settings lọc ra trường visible=1
+ Trong trang này tại biểu tượng cờ japan đặt điều kiện vào ví dụ như:
<?php if ($row_rs_chonngonngu['visible']==1 && $row_rs_chonngonngu['default_lang']=='japan') { ?>
<a href="<?php echo $pre_url_lang; ?>&lang=japan" title="Japan"><img src="<?php echo $url ?>flags/ja.gif" width="23" height="16" border="0" alt="Japan" /></a>
<?php } ?>
+ Làm tương tự cho các ngôn ngữ khác nếu thích (nhưng làm đa ngôn ngữ phải tối thiểu là 2 cái để lại)
+ Kiểm tra mail để nhận file mẫu tham khảo
Giáo viên trả lời:
Đã gửi email cho Bạn rồi đó, kiểm tra email để nhận và làm bài đi.
Giáo viên trả lời:
Bạn dùng Wordpress 3.8.3 thì chỉ cần dùng PHP ver 5.2.4 trở lên là OK rồi, Appserv dùng PHP 5.2.6 do đó đáp ứng được bản này.
Còn nếu bạn dùng IIS thì không dùng Appserv vì 2 webserver này của 2 hãng khác nhau
Nếu dùng IIS thì download gói PHP rời cài vào nữa là xong, còn muốn dùng PHP phiên bản nào thì cài đặt vào thôi, cài PHP 5.2.17 hay PHP 5.3.x là do bản Wordpress của bạn yêu cầu tối thiểu là bao nhiêu thôi.
Giáo viên trả lời:
Để tạo menu thì ta sẽ dùng thẻ UL và trong thẻ UL ta se có thẻ LI bên trong vậy là ta được 1 cấp và bây giờ trong thẻ LI ta lại có thẻ UL trong đó nữa và trong UL này ta lại có thẻ LI bên trong vậy ta lại có menu cấp 2 và trong thẻ LI ta lại lồng thẻ UL vào nữa và trong UL thì ta lại có thẻ LI vậy là ta sẽ có menu cấp 3.
Ví dụ:
<ul>
<li>Menu 1</li>
<li>Menu 2
<ul>
<li>Menu 2.1</li>
<li>Menu 2.2
<ul>
<li>Menu 2.2.1</li>
<li>Menu 2.2.2</li>
</ul>
</li>
</ul>
</li>
<li>Menu 3</li>
</ul>
+ Màu đỏ là cấp 1
+ Màu xanh biển là cấp 2
+ Màu xanh lá cây là cấp 3
Khi làm menu cho web ta nên hạn chế làm 3 cấp vì như vậy sẽ rối cho khách hàng và cũng rất khó xem trên di động. ta nên làm 2 cấp thôi, nhưng khi bấm vào cấp số 2 thì ta sẽ hiện ra menu cấp số 3 dạng 1 cấp sẽ dễ xem hơn trên di động và menu cũng dễ thiết kế và đỡ rối hơn.
Ở cấp độ 3 trong bài ví dụ này bạn có thể tạo thêm một mảng để chứa menu cấp 3 trong đo các danh mục của menu cấp 3 này phải có một id quan hệ với danh mục cấp 2 để sau này khi click vào menu cấp 2 ta sẽ dựa vào id của menu này để lọc ra được các danh mục cấp 3 thuộc menu đó
Ví dụ dạng như website http://www.cungmua.com/
Sau này khi học lên PHP nâng cao ta sẽ học kỹ thuật tạo menu dạng đệ quy thì ta muốn làm bao nhiêu cấp cũng được (nhưng nên hạn chế 2 hoặc 3 cấp thôi)
Giáo viên trả lời:
Để tạo Banner cho website ta có nhiều dạng banner:
1- Banner tĩnh: có nghĩa là ta chỉ dùng phần mềm thiết kế banner như Adobe Fireworks CS6 thiết kế banner sau đó chèn banner vào website thôi. Phần mềm Fireworks thiết kế banner sẽ nhanh hơn Photoshop vì nó vẽ ảnh bằng dạng vector do đó ta dễ thao tác hơn và tập tin ảnh lúc xuất ra cũng nhẹ hơn. bạn xem lại video clip hướng dẫn cách tạo banner và logo cho website bằng phần mềm Adobe Fireworks CS6 trong video tên
Thiết kế giao diện website bán hàng trực tuyến (Bài 51) => Hướng dẫn thiết kế Logo và banner cho website bán hàng trực tuyến bằng Adobe Fireworks CS6
2 - Banner động: có nghĩa là banner được ráp lại từ các ảnh banner tĩnh
Bạn xem lại cách tạo banner động bằng Adobe Fireworks CS6 với videoclip tên
3- Banner Slideshow: có nghĩa là ta sẽ tạo hiệu ứng cho nhiều banner tĩnh bằng Jquery (loại này se đẹp hơn nhưng không phải lúc nào cũng dùng được). Loại banner này giống như banner trong website hocwebgiare.com vậy đó.
Bạn xem lại video hướng dẫn cách tạo banner slideshow cgo website bằng Jquery trong videoclip Hướng dẫn tạo Banner Slideshow Jquery cho giao diện website bán hàng trực tuyến
Để chèn icon vào web thì thường theo cách thiết kế web cũ thì ta sẽ chèn một cái hình icon tĩnh hay động vào trang web tôi dạng như chèn hình (cách này thường bây giờ ít dùng vì SEO sẽ không tốt). Cách hiện nay các website thường dùng đó là ta dùng thư viện font arewesome đề chèn icon, ta không cần thiết kế hình ảnh gì cả do đó không phải mất thời gian mà chỉ cần dùng thư viện font để tạo icon. Đối với dạng này website sẽ chạy nhanh hơn và SEO tốt hơn.
Bạn xem lại videoclip hướng dẫn cách dùng thư viện này trong bài tạo menu có hướng dẫn cách dùng thư viện font arewesome
Bạn dùng Photoshop thiết kế xuất ra bị nhoè có thể là do trong lúc xuất ra bạn cấu hình chưa đúng, lúc xuất bạn nên Export dạng PNG 24 và chọn chất lượng dạng High để ảnh có chất lượng cao.
Trong các bài thực hành trong các phần khác cũng có nhiều videoclip trình bày thêm về các kỹ thuật này nhưng với mức độ khó hơn. Bạn xem trong phần bài tập cuối khoá hay đề tài cuối khoá.
Giáo viên trả lời:
Code đề tài do đó nó hơi nhiều chức năng và đề tài thì nó phải khó là đúng rồi. Để tôi tìm xem có cái nào đơn giản hơn rồi gửi cho bạn.
Giáo viên trả lời:
Ý bạn muốn phải là tập tin database mẫu của website cms có thiết kế phần từ khóa phải không?
Đã gửi database tham khảo qua email rồi đó, kiểm tra email đi.
Giáo viên trả lời:
======================================
Bạn kiểm tra xem nó có bị xung đột với một Jquery nào khác trong website của bạn không? nếu xung đột thì ta phải fix lỗi Jquery.
Tôi đưa thử vào trang chủ website tin tức demo thấy nó chạy bình thường.
Gửi source website qua tôi xem và sửa cho.
...[Trang trước] ... 19 20 21 22 23 ...[Trang kế] ...
