PDA

View Full Version : Newbie cần trợ giúp


snowprince1710
02-05-2011, 05:26 PM
E mới tập design web này theo cô yêu cầu và e mới lên forum nên nếu sai sót gì xin mod và mấy bạn bỏ qua
Cho e hỏi tí, sao lúc design trong Microsoft Sharepoint Designer thì ra như vậy
http://i1213.photobucket.com/albums/cc465/snowprince1710/th_b.png
còn khi ra ngoài kiểm tra bằng IE 9.0 nó lại ra thế này
http://i1213.photobucket.com/albums/cc465/snowprince1710/th_a.png
Code của bài đây:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>10A6</title>
<script language=javascript >
title_tmp1=document.title
if (title_tmp1.indexOf(">>")!=-1){
title_tmp2=title_tmp1.split(">>");
title_last="*~*"+title_tmp2[1];
title_last=title_last + "*~*" + title_tmp2[2];
}else{
if (title_tmp1.indexOf("*~*")!=-1){
title_tmp2=title_tmp1.split("*~*");
title_last="*~*"+title_tmp2[1];
if (title_last=="*~*"){title_last="*~*"};
if (title_last=="*~*"){title_last="*~*"};
}
else { title_last="wWw.MinhKhai10A6VSC.oni.cc"}
}

title_new=""+title_last+""
step=0
function flash_title()
{
step++
if (step==8) {step=1}
if (step==1) {document.title='[----*'+title_new+'*----]'}
if (step==2) {document.title='[---*-'+title_new+'-*---]'}
if (step==3) {document.title='[--*--'+title_new+'--*--]'}
if (step==4) {document.title='[-*---'+title_new+'---*-]'}
if (step==5) {document.title='[--*--'+title_new+'--*--]'}
if (step==6) {document.title='[---*-'+title_new+'-*---]'}
if (step==7) {document.title='[----*'+title_new+'*----]'}
setTimeout("flash_title()",180);
}
flash_title()
</script>

<style type="text/css">
.style1 {
background-color: #000000;
}
.style2 {
font-family: "Digital dream Fat Skew";
color: #FFFFFF;
}
.style3 {
color: #FFFFFF;
border-style: outset;
border-color: #48B7F9;
padding: 0;
background-color: #48B7F9;
}
.style4 {
color: #FFFFFF;
border-style: outset;
border-color: #48B7F9;
background-color: #48B7F9;
}
.style6 {
font-family: "Times New Roman";
color: #FFFFFF;
}
.style7 {
padding: 0;
background-color: #000000;
}
.style8 {
vertical-align: middle;
}
.style9 {
color: #FFFFFF;
}
.style10 {
text-decoration: none;
}
.style11 {
text-align: center;
background-color: #000000;
}
.style12 {
border-width: 0;
}
</style>
</head>
<body>
<table style="width: 750px" align="center">
<tr>
<td colspan="4" style="height: 222px; width: 900px;">
<img alt="" src="Picture/Banner.jpg" width="900" height="674" class="style8" /></td>
</tr>
<tr>
<td colspan="4" style="height: 22px; width: 900px;" class="style2">
<marquee class="style1">Wellcome to 10A6!! Have a nice day</marquee></td>
</tr>
<tr>
<td style="width: 150px" class="style3" valign="top">
<a href="http://minhkhai10a6vsc.oni.cc" class="style10"><span class="style9">Trang chủ</span></a></td>
<td rowspan="5" valign="top" class="style11" style="width: 300px">
<br />
</td>
<td rowspan="3" valign="top" class="style1" style="width: 300px">
<p class="style3">Thông tin</p>
<span class="style9">Thêm thông tin ở đây</span></td>
<td style="width: 150px" class="style4" valign="top">Quảng cáo</td>
</tr>
<tr>
<td style="width: 150px" class="style3" valign="top">Lịch sử lớp 10A6</td>
<td style="width: 150px" rowspan="4" valign="top" class="style1">
<a href="http://minhkhai.edu.vn" target="_blank">
<img alt="" src="Picture/quangcao_01.jpg" width="150" height="150" class="style12" /></a></td>
</tr>
<tr>
<td style="width: 150px" class="style3" valign="top">
<a class="style10" href="cacthanhvien.htm"><span class="style9">Các thành viên</span></a></td>
<td valign="top" class="style11" style="width: 300px">
</td>
</tr>
<tr>
<td style="width: 150px; height: 382px;" class="style7" valign="top" rowspan="2"></td>
<td valign="top" class="style1" style="width: 300px; height: 400px">
<object width="300" height="400"><param name="movie" value="http://www.nhaccuatui.com/l/tJXEsEfS8oAW" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="flashvars" value="&autostart=true" /><embed src="http://www.nhaccuatui.com/l/tJXEsEfS8oAW" quality="high" wmode="transparent" type="application/x-shockwave-flash" flashvars="&autostart=true" width="300" height="400"></embed></object></td>
</tr>
<tr>
<td valign="top" class="style11" style="width: 300px; height: 400px">
&nbsp;</td>
</tr>
<tr>
<td colspan="4" class="style11" style="width: 900px">
<span class="style9">Copyright </span> <span class="style6">© 2011,
VSC group</span></td>
</tr>
</table>
</body>
</html>
Tiểu Bá Vương 1404
02-05-2011, 05:41 PM
Theo như hình của em anh hiểu là chỗ khung "Thông Tin" nó bị lệch xuống dưới. Cách khắc phục của anh là :
- Thay vì để <p class="style3">Thông tin</p>
- Nên thay bằng <div class="style3">Thông tin</div>
itsontran
06-05-2011, 04:41 PM
Bạn dùng Microsoft Sharepoint Designer để design. Sao không slide bằng tay nhỉ? Khi đó sẽ dễ quản lý code hơn.
HTT.itvn
06-05-2011, 04:48 PM
Theo kinh nghiệm của mình thường code giao diện bằng Notepad++ , code từng đoạn 1 và kiểm tra từng phần 1 với mọi trình duyệt . Khi hoàn chỉnh giao diện thì mới code phần chức năng của nó bằng phần mềm hỗ trợ khác ( mình thường tự code bằng notepad ++ ) .

Mình ví dụ 1 đoạn code như thế này ( đại ý thôi nhé ) :


<? require_once("mysql.php");?>
<!--- ở đây có thể có dấu xuống dòng hoặc trích dẫn ---->
<div class="ITVNN">
<div class="HTT">

{ code ở đây }

</div>
</div>

Có gì khác nhau ở trình duyệt IE9 và Chrome ?
Khác nhau ở chổ đoạn trích dẫn mà mỗi trình duyệt hiểu khác nhau . Ở IE thì đoạn trích dẫn trên nó hiểu như là một lệnh <br> , còn Chrome thì không . Đoạn trích dẫn đó phải nằm giữa code PHP và HTML .

Vì vậy , với phần giao diện thì bạn nên tự code bằng tay để thêm kinh nghiệm trong lập trình . Mà hiện tại các trình duyệt phát triển với phiên bản rất nhanh , đòi hỏi chúng ta phải nắm bắt được cấu trúc của nó .
dotnetviet.org
12-05-2011, 02:25 PM
hàng sharepint nó hơi đặc biệt. THậm chí trong lúc design cũng khá lằng nhằng. À quên ngoài html, css, js còn fải jỏi xslt nữa