Hỏi - Đáp

(#471) -Thầy ơi, cho em hỏi sao firefox ko chạy script đc vậy ạ? em code thế này: Tất cả browser khác đều chạy đc ạ!
Học viên: hoangphuc

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

Đoàn Hoàng Phúc


Võ Thế Phương Anh
==========
Thẻ marquee tạo chữ chạy Firefox vẫn hổ trợ, máy tôi test đoạn này của bạn trên Firefox chạy thấy OK

su dung the marquue

(#470) -Em đang dùng code trong file đính kèm để chèn Google Map. Nhưng khi chèn 2 bản đồ thì chỉ hiện 1 cái. ( Cái chỗ Form liên hệ và cái bên góc dưới chân website ) Nhờ thầy hướng dẫn chèn 2 bản đồ trên cùng 1 trang web.
Học viên: Thanh Hy Duong

Giáo viên trả lời:
Bạn chèn như sau:


<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false&language=vi"></script>
<script type="text/javascript">
var map;
function initialize() {
var myLatlng = new google.maps.LatLng(10.772479,106.6698);
var myOptions = {
zoom: 18,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("div_id"), myOptions);
// Biến text chứa nội dung sẽ được hiển thị
var text;
text= "<p align='center'><img src='images/vietchuyen_logo.jpg'/><br><b style='color:#00F' " +
"style='text-align:center'>740/12 Sư Vạn Hạnh (nối dài), P.12, Q.10, TP.HCM<br />" +
"</b></p>";
var infowindow = new google.maps.InfoWindow(
{ content: text,
size: new google.maps.Size(100,50),
position: myLatlng
});
infowindow.open(map);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"740/12 Sư Vạn Hạnh (nối dài), P.12, Q.10, TP.HCM"
});
}
</script>

<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false&language=vi"></script>
<script type="text/javascript">
var map;
function initialize1() {
var myLatlng = new google.maps.LatLng(10.789537, 106.684476);
var myOptions = {
zoom: 18,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("div_id_1"), myOptions);
// Biến text chứa nội dung sẽ được hiển thị
var text;
text= "<p align='center'><img src='images/vietchuyen_logo.jpg'/><br><b style='color:#00F' " +
"style='text-align:center'>192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCM<br />" +
"</b></p>";
var infowindow = new google.maps.InfoWindow(
{ content: text,
size: new google.maps.Size(100,50),
position: myLatlng
});
infowindow.open(map);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"192/2/11 Phan Văn Hân, P.17, Q. Bình Thạnh, TPHCM"
});
}
</script>
</head>

<body onLoad="initialize();initialize1()">
<div id="div_id" style="height:400px; width:100%; margin-top:10px; margin-bottom:20px;"></div>
<div id="div_id_1" style="height:400px; width:100%; margin-top:10px; margin-bottom:20px;"></div>

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

(#469) -Cho em hỏi khi em sát nhập các cell vs nhau như code sau: thì nó bj lỗi ngay thẻ đàu tiên ở cell 2 vs cell 3 ấy ạ. Thầy xem giúp em nha!
Học viên: hoangphuc

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

<table width="700" height="300" border="1" bgcolor="#CC0099" bordercolor="#00FF33" cellspacing="0" cellpadding="10">
<tr><center>
<td width="300" height="100">Data 1</td>
<td width="400" height="100" colspan="3">Data 2 Data 3</td>
</tr>
<tr><center>
<td width="500" height="100" colspan="2">Cell 1 Cell 2</td>
<td width="200" height="100">Cell 3</td></center>
</tr>
<tr ><center>
<td background="images/kẹo.jpg">Row 1</td>
<td valign="bottom">Row 2</td>
<td valign="top">Row 3</td></center>
</tr>
</table></center>
==================================
Bạn sửa lại vầy

<table width="700" height="300" border="1" bgcolor="#CC0099" bordercolor="#00FF33" cellspacing="0" cellpadding="10">
   <tr>
         <td width="400" height="100" colspan="3">Data 1 Data 2 Data 3</td>
   </tr>
<tr>
       <td width="500" height="100" colspan="2">Cell 1 Cell 2</td>
       <td width="200" height="100">Cell 3</td>
</tr>
<tr>
       <td background="images/kẹo.jpg">Row 1</td>
       <td valign="bottom">Row 2</td>
       <td valign="top">Row 3</td>
</tr>
</table>

(#468) -Thầy ơi, ở phần CSS3 Font, em muốn khai báo 2 font mới (Font1, Font2) để để dùng , code em viết như sau: @font-face{ font-family: Font1; src: url(../Fonts/UVNLaXanh_I.ttf); } @font-face{ font-family: Font2; src: url(../Fonts/Sansation_Regular.ttf); } Thầy cho em hỏi là có thể khai báo 2 font mới đó trong 1 lần khai báo @font-face được không? Nếu được thì câu lệnh viết như thế nào ạ? Em cám ơn!
Học viên: vuhoang

Giáo viên trả lời:
Bạn chỉ cần viết @font-face một lần thôi, trong đó tại thuộc tính font-family ta đặt tên khác nhau để sau này gọi nó thôi


Ví dụ: ở đây ta khai báo 2 font khác nhau với 2 tên gọi khác nhau là MyFont và MyFont1

@font-face
{
font-family:MyFont;
src:url(../Fonts/UVNLaXanh_I.TTF);
font-family:MyFont1;
src:url(../Fonts/UVNBayBuomHep_B.TTF);
}

ví dụ  trong phần định nghĩa CSS cho thẻ h1 ta gọi đến Myfont còn trong phần định nghĩa CSS của h2 ta lại gọi MyFont1

h1 {
color: #F00;
font-family:MyFont;
font-size: 18px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
text-shadow: 3px 1px 5px rgba(58, 79, 100, 0.64);
}
h2 {
color: #F00;
font-family:MyFont1;
font-size: 18px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
text-shadow: 3px 1px 5px rgba(58, 79, 100, 0.64);
}


(#467) -Thầy ơi , Thầy có thể cho em 1 mẫu menu dạng Tab đơn giản được không Thầy ? Em đang muốn tìm hiểu cách viết code cho menu dạng này mà không biết viết như thế nào ? Mong Thầy giúp em , cám ơn Thầy nhiều !
Học viên: lehongphat

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

Chức năng của Tab menu cho phép chúng ta chứa nội dung và có thể chuyển qua lại giữa các nội dung trong các Tab này
Bạn có thể làm một Tab đơn giản ví dụ như 

Bước 1: Tạo các Tab và nội dung chứa trong tab

 <div class="tabs">
 <div class="tab" id="tab1">
<a href="#tab1">Tab 1</a>
<div class="content">
Content of Tab1
</div>
</div>
<div class ="tab" id="tab2">
<a href="#tab2">Tab 2</a>
<div class="content">
Content of Tab2
</div>
</div>
<div class="tab" id="tab3">
<a href="#tab3">Tab 3</a>
<div class="content">
Content of Tab3
</div>
</div>

</div>

Bước 2: Viết CSS đơn giản định dạng cho tab

<style>
.tabs
{
position: relative;
clear: both;
}

.tabs .tab
{
float: left;
margin-right: 10px;
}

.content
{
position: absolute;
background-color: white;
width: 100%;
left: 0px;
}

.tabs .tab:nth-of-type(1) .content
{
z-index: 1;
}

.tab:target a
{
font-weight: bold;
}

.tab:target .content
{
z-index: 1;
}
</style>

(#466) -Dạ chào Thầy ạ , như đã nói ở trên , thì cái lỗi mà em hay mắc phải là khi tạo các section và đưa nội dung vào thì hay tự nhiên bị lỗi có khoảng hở giữa các section , mà không tìm được chỗ sai để sửa ạ . Mấy lần đưa file cho Thầy sửa giùm , mà nhiều khi lâu lâu làm lại thử thì vẫn mắc lỗi đó , hix... Không biết Thầy có kinh nghiệm nào để giúp em đừng bị mắc lỗi đó nữa không ạ , cám ơn Thầy nhiều !
Học viên: lehongphat

Giáo viên trả lời:
Lỗi bị hở là do bạn sử dụng thẻ UL và thẻ LI trong thẻ section mà bạn không định CSS cho các thẻ UL và LI này nên nó bị hở chứ không phải do các thẻ section làm hở.

Bạn hãy khoá đoạn thẻ UL trong phần thẻ section của menu lại thì bạn sẽ thấy nó không còn bị hở nữa => Bạn thiếu phần định nghĩa lề cho các thẻ UL và LI nên nó làm hở phần Section của Bạn ra.
Do đó trong các thẻ UL bạn thấy tôi đã sửa vào một số thuộc tính margin-top và margin-bottom cho Bạn, Bạn hãy so sánh Code chưa sửa còn bị lỗi và code đã sửa rồi để kiểm tra lại là bạn cần phải chỉnh lại ở những thuộc tính CSS nào cho thẻ UL và thẻ LI

(#465) -Dạ Chào Thầy ạ , Thầy ơi , sắp tới em phải làm 1 bài test về chuyển file design từ PSD sang html css , mà hiện tại em còn gặp phải 1 vài sai sót mỗi khi làm css cho layout khi chuyển từ PSD sang . Em muốn nhờ Thầy cho em 1 vài kinh nghiệm hay lời khuyên về vấn đề này để làm không gặp phải sai sót nào nữa ạ , cám ơn Thầy nhiều !
Học viên: lehongphat

Giáo viên trả lời:
Ở đây không thấy bạn nói đến sai sót nào để tôi hổ trợ tiếp cho Bạn.

Khi cắt Layout trong Photoshop nó có một cái dỡ là khi ta muốn trích xuất một ảnh nhỏ thôi mà nó phải xuất lại toàn bộ tất cả các hình ảnh do đó sẽ mất rất nhiều thời gian cho phần cắt layout này. Tôi thường đem file PSD này vào Fireworks để cắt thì rất nhanh, muốn trích xuất hình chỗ nào thì chỉ việc Export chỗ đó thôi.
Còn phần ráp CSS thì sau khi ráp ta cần phải chú ý viết CSS sau cho có thể chạy được trên tất cả các thiết bị di động là được.
Bạn nên cài Add on Window Resize vào trình duyệt Chrome để test trên nhiều màn hình di động khác nhau và phải kiểm tra cả trên Firefox và IE nữa. 
Có thể cài thêm IE Tester vào để kiểm tra cách thể hiện trên nhiều trình duyệt IE khác nhau.

(#464) -Thầy ơi, hôm nay em mở các file html trong folder site của em thì nó hiện lỗi như thế này: "While executing onLoad in bc_onOpen.htm, the following Javascript error(s) occurred In file "bc_onOpen": onLoad is not defined" Và: "While executing onLoad in Design Notes_onOpen.htm, the following Javascript error(s) occurred: In file "Design Notes_onOpen": onOpen is not defined" Xin thầy giúp em sửa lỗi ạ! Em xin cám ơn
Học viên: hoangphuc

Giáo viên trả lời:
Bạn mở trên trình duyệt nào?

Hãy gửi thư mục đang chứa các trang web html của Bạn qua Email để tôi kiểm tra cho Bạn.

(#463) -xin chào thầy, Hiện em đang học tới bài thực hành này và có vấn đề là file attach trong bài học này khi down về và giải nén ra không giống như trong clip. Khi giải nén ra là file "CSS3 Fonts.pps". Xin thầy fix gấp ạ http://hocwebgiare.com/hocwebonline199/Thiet-ke-giao-dien-web-bang-CSS3-CSS3-Fonts-(Bai-6).html
Học viên: chanhman

Giáo viên trả lời:
Đã bổ sung thêm các Font trong phần bài học này. Bạn vào trong phần bài học hay phần đính kèm theo bài học để tải về nhe.

Hay có thể download tại đây

(#461) -Thầy xem lại giùm em Tuần 7, bài 28.1. Phần mềm DWCC không tải về được. Xin cám ơn!
Học viên: nguyenminhduy

Giáo viên trả lời:
Download link này nhé

(#460) -Thầy ơi, cho em hỏi là địa chỉ nguyenthithuy.vietchuyen.edu.vn giờ không truy cập được nữa, vậy giờ nó đã chuyển sang địa chỉ nào ạ? Em cám ơn.
Học viên: vuhoang

Giáo viên trả lời:
Bài tập này đã chuyển thành  địa chỉ news.hocwebgiare.com nhé. 

Bạn tham khảo trang này.
Email cho tôi để tôi gửi luôn file gốc giao diện về tham khảo

(#459) -Xin chào thầy. Hiện em đang học bài tập số 48 (Phần 1) trong khóa HTML-Css3. em đã thực hiện thành công bài học. Nhưng khi em thử nghiệm hiệu ứng style 5 có text box và text tittle thì có vấn đề: Khi rê vào hình, text box và text tittle hiện ra đúng ý, nhưng khi đặt con chuột ra ngoài thì hộp text box rớt xuống phía dưới, có thể nhìn thấy.Làm sao fix dc hả thầy
Học viên: chanhman

Giáo viên trả lời:
Bạn hãy gửi thư mục website đang làm qua email để tôi kiểm tra Code của bạn.

Chụp 1 cái ảnh minh hoạ lỗi kèm theo.

(#458) -thầy chỉ em đưa thanh đó xuống dòng dưới sao vậy thầy?
Học viên: Mes Toom

Giáo viên trả lời:
su dung dreamweaver CC


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

Bạn vào menu View -> bỏ chế độ Split  vertically đi

giao dien Dreamweaver CC

(#455) -Chào thầy, em đã đăng ký và học thử được 3 tuần (khoá Chuyên viên website lành nghề Online), bây giờ em muốn đăng ký học chính thức nhưng lúc chuyển khoản online thì nội dung chuyển khoản bị giới hạn 54 ký tự (em dùng VietinBank), vậy giờ em có thể ghi nội dung chuyển khoản chỉ gồm tên và số đt được không ạ? Và cho em hỏi nữa là giờ khoá học đang dịp giảm giá, vậy em có được giảm giá không ạ? :D
Học viên: vuhoang

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

Chào Bạn!

Trong lúc chuyển khoản bạn chỉ cần ghi email hay số điện thoại của bạn là được (không cần ghi khóa học cũng được), vì trong lúc đăng ký học thử thì thông tin của bạn hệ thống đã lưu lại và sẽ kích hoạt quyền VIP để Bạn có thể vào đúng lớp học đã đăng ký.

(#454) -Chào thầy, em tên Nguyễn Minh duy. Các video bài tập thầy hướng dẫn rất chi tiết và dễ hiểu. Nhưng thầy vui lòng cho em hỏi các video bài tập của thầy có thể xem nhanh bằng cách kéo thanh trượt được không ạ. Vì có nhiều video em muốn xem lại phần giữa hoặc phần gần cuối. Nhưng mỗi lần xem thì phải xem lại từ đầu như vậy thì mất rất nhiều thời gian. Nếu được thầy có thể chỉnh lại giùm em nhe. Cám ơn thầy.
Học viên: nguyenminhduy

Giáo viên trả lời:
Bạn dùng trình duyệt Internet Explorer 10 hay Internet Explorer 11 thì nó mới có chức năng này.

Trên máy của bạn thấy có hình trái địa cầu màu xanh không, dùng chương trình này để xem đi.

(#453) -Xin chào thầy, hiện em đang tham gia khóa học lập trình HTML 5 và CSS3, cho em hỏi em có thể download video bài giảng về máy được không. Nếu được thì xin thầy vui lòng chỉ em cách download luôn ạ
Học viên: chanhman

Giáo viên trả lời:
Kiểm tra email

(#452) -Thầy ơi, cho em hỏi, khi mình học thiết kế thế này có chuyển từ file ảnh sang HTML không ạ?
Học viên: nguyenkimthang

Giáo viên trả lời:
Có chứ Bạn, file ảnh thiết kế là mình chỉ lên mẫu để demo cho khách hàng, còn nhiệm vụ của mình phải làm sao cần trích xuất những thành phần nào cần trong giao diện ra trang web và phải xem theo mẫu giao diện và dùng CSS để ráp lại.

(#451) -Chào thầy, em làm theo video của thầy nhưng website nguyenthithuy.vietchuyen.edu.vn không còn, thì em không có mẫu demo, thầy gửi lại link nhé. Thanks
Học viên: nguyenkimthang

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

Bạn xem mẫu Demo website này đã chuyển qua địa chỉ này

http://news.hocwebgiare.com/

(#450) -Thầy ơi bài 52 trong phần download script đó không phải là script mà là text giới thiệu thôi thầy, thầy đính kèm script nhé. Thanks
Học viên: nguyenkimthang

Giáo viên trả lời:
+ Script Bạn có thể download trong phần Đính kèm 1 kèm theo bài học.

+ Tôi đã sửa link Bạn có thể download lại thử.

(#449) -thầy ơi cho em hỏi là trong thẻ iframe thì marginwidth và width khác nhau chỗ nào ạ?
Học viên: Mes Toom

Giáo viên trả lời:
width dùng để định độ rộng của khung frame

còn marginwidth dùng để định khoảng cách từ lề trái của khung tới phần nội dung bên trong khung frame

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