Bài Số 1 Assignment Web1032 Thiết Kế Layout Cho Website.docx

Daitspa00122 WEB1032 Assignment ĐẠI HỌC FPT TRƯỜNG CAO ĐẲNG POLYTECHNIC    BÁO CÁO ASSIGNMENT THIẾT KẾ LAYOUT TRANG WEB Giảng viên Nguyễn Thị Trà My Sinh viên Trương Sỹ Đại Mã sinh viên PA00122 1 T[.]

QUY TRÌNH THỰC HIỆN

Phân tich website

Sau khi làm xong toàn bộ các trang Web đăng ký một Hosting và up toàn bộ

Truy cập vào trang Hosting.vn Nhấn vào Tạo tài khoản mới Điền vào mẫu đăng ký rồi nhấn Tạo tài khoản

Sau khi đăng ký thành công, tại trang Quản lý Chọn Hosting > Thêm Account như trong hình:

Trong Khung Free nhấn Đặt hàng

Nhập các thông tin cần thiết rồi nhấn Tiếp tục

Nhập mã Captcha, Tích vào Tôi đồng ý rồi nhấn Đặt hàng Đăng ký Hosting và Domain hoàn thành:

Từ Host vừa tạo ta chọn Nhập Website

Chọn Website cần upload, đợi quá trình upload thành công.

Đăng ký Website với Google

Tạo SiteMap cho Website

Truy cập vào website: http://www.xml-sitemaps.com Nhập tên địa chỉ trang web vào:

Click vào dòng như trong hình để tải site map về máy tính Sau đó ta upload lên hosting.

Đăng ký Website với Google

Đăng nhập vào website: google.com/webmaster.

Click vào Thêm trang web

Nhập trang web muốn quản lý:

Ta làm theo các bước để xác minh Ta nhấn Xác Minh:

PHẦN 2: GIẢI THÍCH CODE

Code của trang index.html

PolyNew

Cơ quan ngôn luận của sinh viên Poly

Trang nhất

Xã hội

Thế giới

Kinh doanh

Văn hóa

Thể thao

Pháp luật

Đời sống

Khoa học

Vi tính

Ô tô - Xe máy

Thông tin

Liên hệ tòa soạn

TIN TIÊU ĐIỂM

Đường dây làm tân dược giả lớn nhất Việt Nam sắp hầu tòa

Trần tình của tác giả đề Văn nhầm tên Trịnh Công Sơn

Hơn chục thành viên nhóm tin tặc tấn công toàn cầu bị bắt

Lãi suất huy động VND bắt đầu hạ nhiệt

Những tình huống bất ngờ và hài hước nhất tuần qua

Trung Quốc có thể mua

Cận cảnh đốt rơm rạ khiến Hà

Bác sĩ kêu oan sau cái chết thiếu nữ 16 tuổi

'Nữ hoàng khí đốt' bị đuổi khỏi tòa

Lãi suất huy động VND bắt đầu hạ nhiệt

Mẫu môtô phân khối lớn phiên bản

2011 mang dáng vẻ của một chiếc cruiser với thiết kế giảm xóc trước kiểu giò gà, động cơ 1.584 phân khối, mới cập cảng Sài

Harley

Davidson 48 phong cách bobber tại Việt Nam

Harley

Davidson thiết lập 'tổng hành dinh' tại châu Á

Harley

Davidson XL1200C 2011 về Việt Nam

Chat Skype ngay trên Facebook

Á hậu Quý bà Thu Hà hạnh phúc

Argentina thắng ở Copa America

Tiểu thư công tử học làm nội trợ

Bão bụi như 'ngày tận thế' ở

Thiếu nữ tát cảnh sát giao thông giữa phố

Bị cảnh sát giao thông thổi phạt, người phụ nữ giằng lại giấy đăng ký Cô con gái 18 tuổi của bà này xông tới tát liên tiếp vào mặt cảnh sát

Xe khách đấu đầu xe tải, 2 tài xế chết kẹt trong ca bin

Cây xà cừ đổ ra đường, điện khu trung tâm Sài Gòn tê liệt

Người lo hương khói 5 vua triều Nguyễn

Tổng thống

Ông Benigno Aquino III hôm qua cho biết đã bán chiếc xe riêng hạng sang hiệu Porsche vì vấn đề an ninh, chứ không phải do những

'Nữ hoàng khí đốt' bị đuổi khỏi tòa

Động đất kéo theo cảnh báo sóng thần ở New Zealand

Máy bay chở hàng cho quân đội Mỹ nổ tung

Argentina vẫn chưa thắng ở Copa America 2011

Lượt trận thứ hai bảng A hôm qua tiếp tục chứng kiến hình ảnh nhợt nhạt, thiếu sinh khí của đội tuyển chủ nhà khi Messi

Casillas bác tin đồn bị Mourinho tước băng thủ quân

Juventus bị ép giá vụ mua con rể Maradona

Giới hâm mộ lên cơn 'sốt' vì cầu thủ vô hiệu hóa Messi

Google PolyNews

XEM NHIỀU NHẤT

Cặp đôi Yamaha

R6 và Honda CBR600RR 2011 ở Sài Gòn

Ảnh ghép quan chức Trung Quốc thành trò đùa trên mạng

Đề Toán và Lý đều khó, 60 thí sinh bị kỷ luật

Việt Nam khẳng định chủ quyền

Hoàng Sa, Trường Sa

Hồ Ngọc Hà nhảy tango

Content on this page requires a newer version of Adobe Flash Player.

Đám cưới hoàng gia Monaco

Tâm sự của phụ huynh, thí sinh trước kỳ thi

10 bàn thắng đẹp nhất tuần 1 tháng 7

Sản phẩm thực hành dành cho sinh viên trường cao đẳng thực hành FPT

Nghiêm cấm sử dụng với mục đích thương mại

(VAS), khu đô thị Mỹ Đình I, Hà Nội.

Điện thoại: +84 4 8582 0808 Email: caodang@fpt.edu.vn

PolyNew

Trang nhất

Xã hội

Thế giới

Kinh doanh

Văn hóa

Thể thao

Pháp luật

Đời sống

Khoa học

Vi tính

Ô tô - Xe máy

Thông tin

THÔNG TIN TÒA SOẠN

Cơ quan chủ quản: Bộ Khoa học Công nghệ.

Giấy phép: Số avcb.

Tòa soạn: Tầng 4 Tòa nhà Hà Thành Plaza 102 Thái Thịnh, Quận Đống Đa, Hà Nội. Đường dây nóng: 0123 888 0123 Điện thoại: 04 7300 8899 - máy lẻ 4500

Văn phòng đại diện TP HCM: 408, Điện Biên Phủ, Phường 11,

Quận 10. Đường dây nóng: 0129 233 3555 Điện thoại: 08 7300 8899 - máy lẻ 8500

Liên hệ quảng cáo: 09 0436 1114 (HN) - 09 0810 7277 (TP

Google

PolyNews

Vẻ đẹp phố cổ Hội An khi chụp bằng iPhone 2G

iPhone 4 ra mắt kèm theo nhiều tính năng và tiện dụng, nên ít người sử dụng còn chú ý tới quả táo

3&streamName=media/ haho&autoPlay=true&autoRewind=true" />

4 Code của trang DetailNews.html

PolyNew

Trang nhất

Xã hội

Thế giới

Kinh doanh

Văn hóa

Thể thao

Pháp luật

Đời sống

Khoa học

Vi tính

Ô tô - Xe máy

Thông tin

XÃ HỘI Thứ 5 ngày

Nắng nóng Hà Nội

Cái nóng ở Hà Nội thật khó chịu! Đi ngoài nắng nóng đã đành, ngồi trong bóng râm, không khí vẫn cứ hầm hậm như nung Người

Thủ đô, không còn cách nào khác, là phải tự thích ứng với cái kiểu nắng nóng rất… thành thị này.

Trung tâm khí tượng thủy văn TƯ cho biết, do ảnh hưởng của rìa nam áp thấp nóng phía tây kết hợp với hiệu ứng phơn mạnh, Hà Nội tiếp tục nắng nóng gay gắt, nhiệt độ giữa trưa có lúc lên đến 40 độ C.

Để chống chọi với nắng nóng, người dân Hà Nội ra đường thì bịt kín từ đầu tới chân Ai "có điều kiện" thì vào… siêu thị, hiệu sách, trung tâm mua sắm để hưởng nhờ máy lạnh; người già, trẻ nhỏ rỗi rãi ra công viên nơi có nhiều bóng cây xanh tận hưởng chút bóng râm và gió trời hiếm hoi Còn ở các công sở, máy lạnh chạy ro ro cả ngày cũng không xua nổi cái nắng của trưa hè…

Người ta tận dụng từng khoảng bóng râm trên đường để tránh nắng.

Việt Hưng

Các tin khác

Hai bố con chết dưới bánh xe bồn chở xăng dầu (06/07)

Hơn 50% điểm thi môn Anh dưới trung bình

Đi bắt ngao, hai nữ sinh bị sóng cuốn trôi (05/07)

Khói mù bao phủ nhiều nơi ở Hà Nội

Sập mỏ đá, một công nhân tử nạn

Nổ phuy khí đá, 3 người bị thương nặng

Google

PolyNews

XEM NHIỀU NHẤT

Cặp đôi Yamaha R6 và

Honda CBR600RR 2011 ở Sài Gòn

Việt Nam khẳng định chủ quyền Hoàng Sa, Trường Sa

Tôi muốn trở thành chuyên gia về ngôn ngữ

3 chàng trai đi bộ xuyên Việt

Những mẫu thiết kế độc đáo của sinh viên

Quyết tâm mở văn phòng

Nữ sinh lưu luyến tạm biệt tuổi học trò

Tâm sự của những cử tri lần đầu đi bầu cử

5 Code của trang web Contact.html

function MM_validateForm() { //v4.0 if (document.getElementById){ var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; for (i=0; i

PolyNew

Trang nhất

Xã hội

Thế giới

Kinh doanh

Văn hóa

Thể thao

Pháp luật

Đời sống

Khoa học

Vi tính

Ô tô - Xe máy

Thông tin

LIÊN HỆ TÒA SOẠN

Họ tên :

Email :

Tiên đê :

File đính kèm :

Nội dung :

Google

PolyNews

swfobject.registerObject("FLVPlayer");

* /* đưa các giá trị về mặc định*/

#divtong /* định dạng div tổng*/

{ width:1200px; height:auto; margin-right:auto; margin-left:auto; min-height:550px;

{ width:100%; height:auto; background-image:url( /images/header.gif); margin-top:0px;}

{ width:960px; margin-left:auto; margin-right:auto; background-color:#FFF; min-height:550px; margin-top:7px;

{ width:960px; margin-top:25px; margin-left:auto; margin-right:auto; border-top: solid 10px #ca0002; text-align:center;

{ width:960px; height:141px; margin-left:auto; margin-right:auto;

{ width:960px; height:42px; min-height:42px; margin-left:auto; margin-right:auto;

{ width:655px; height:auto; background-color:#FFF; float:left;

{ width:655px; height:470px; background-color:#FFF;

{ width:655px; background-color:#FFF; margin-top:10px;

{ width:340px; height:470px; background-color:#fFF; float:left;

{ width:310px; height:470px; float:right;

{ width:650px; height:auto; border: solid 1px #CCC;

{ width:650px; height:auto; border: solid 1px #CCC; margin-top:5px;

{ width:341px; height:auto; margin-top:10px;

{ width:311px; height:auto; padding-top:83px

{ width:345px; height:auto; float:left;

{ width:300px; height:auto; float:right;

{ width:302px; height:96px; background-image:url( /images/nen-timkiem.gif);

{ width:300px; height:auto; margin-top:4px; border: solid 1px #CCCCCC;

{ width:300px; margin-top:5px; border:solid 1px #CCCCCC; padding-bottom:10px;

{ width:655px; height:930px; background-color:#F66;

{ width:655px; height:127px; background-color:#F66; margin-top:3px;

{ width:655px; height:310px; background-color:#FF6666;

{ width:650px; margin-top:20px; border-top:dotted 1px;

{ width:340px; height:140px; float:left;

{ padding:0; margin:0; list-style-type:none;

{ display:inline-block; line-height:34px; margin:0; padding:0; list-style:none; background-color:#b60002; border:none;

{ font-family:Tahoma; font-size:12px; color:#FFF; width:100%; padding-right:8px; padding-left:8px; display:block; cursor:pointer; text-decoration:none;

{ background-image:url( /images/gach.gif); background-repeat:no-repeat;

{ background-image:url( /images/click-chuot-menu.gif); color:#ca0002;

{ background:url( /images/click-chuot-menu.gif); color:#ca0002;

{ font-family:tahoma; font-size:18px; font-weight:bold; color:#ca0002;

{ font-family:tahoma; font-size:12px; color:#000000; font-weight:normal;

{ list-style-image:url( /images/icon.gif); font-family:tahoma; font-size:12px; color:#3a4276; padding-top:10px;

{ font-family:tahoma; font-size:13px; border-bottom:solid #cccccc; font-weight:normal;

{ font-family:tahoma; font-size:13px; font-weight:normal; margin-left:10px; padding-top:5px;

{ list-style-image:url( /images/icon1.gif); font-family:tahoma; font-size:12px; padding-top:4px;

{ width:100px; height:auto; float:left; font-family:tahoma; font-size:11px; text-align:center; margin-right:3px; padding-top:5px;

{ margin-left:10px; padding-top:10px;

{ font-family:tahoma; font-size:13px;

{ font-family:tahoma; font-size:12px; padding-top:10px;

{ float:left; margin-right:5px;

{ float:left; margin-right:5px; padding-top:30px

{ float:left; margin-right:5px; padding-top:5px;

{ float:left; margin-right:5px; padding-top:5px; padding-bottom:10px;

{ font-family:tahoma; font-size:13px; margin-top:27px;

#content-timkiem input[type="text"]

{ float:right; width:170px; margin-right:12px; margin-top:5px; font-family:tahoma; font-size:12px; color:#999;

.radio{ text-align:center; margin-top:10px; float:right; margin-right:45px; font-family:tahoma; font-size:12px;}

#content-timkiem input[type="button"]

{ float:right; margin-right:70px; margin-top:15px; font-family:tahoma; font-size:12px; color:#fff; border:none; padding-top:3px; padding-bottom:3px; padding-left:15px; padding-right:15px; background-color:#c30002;}

{ padding-top:5px; font-family:tahoma; font-size:13px; font-weight:normal; margin-left:5px;

{ list-style-image:url( /images/icon1.gif); font-family:tahoma; font-size:12px; margin-top:10px; margin-left:5px; margin-bottom:10px;

{ font-family:tahoma; font-size:12px; color:#ff0000; text-align:center;

{ margin-left:11px; margin-top:3px;

{ font-size:12px; font-family:tahoma; list-style-image:url( /images/icon.gif); margin-top:5px; margin-left:10px; margin-bottom:3px;

{ font-family:tahoma; font-size:11px; color:#5b5656; margin-top:3px;

{ margin-top:15px; margin-bottom:15px;

{ width:960px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:20px;

{ font-family:tahoma; font-size:18px; color:#fa0000; margin-left:10px; margin-top:5px; margin-bottom:20px;

{ font-family:tahoma; font-size:11px; color:#000000; text-align:right; float:right; border-bottom:dotted 1px ; width:570px; padding-bottom:3px;

{ color:#ca0002; font-family:tahoma; font-size:18px; font-weight:bold;

{ padding-top:20px; font-family:tahoma; font-size:12px; color:#000000;

{ font-family:tahoma; font-size:13px; color:#010101; padding-top:5px; font-weight:normal;

{ font-family:tahoma; font-size:12px; color:#010101; font-weight:normal; padding-top:8px;

{ font-family:tahoma; font-size:13px; color:#010101; padding-top:5px; font-weight:normal; list-style-image:url( /images/icon.gif);

{ font-family:tahoma; font-size:18px; color:#ca0002; padding-top:10px; padding-left:10px;

{ width:535px; border-bottom:dotted 1px #000; float:right; height:18px;

{ width:340px; float:left; font-family:tahoma; font-size:12px; color:#010101; padding-top:10px;

{ float:right; width:300px; font-family:tahoma; font-size:12px; color:#010101; padding-top:10px;

{ list-style-image:url( /images/icon1.gif); padding-left:10px;

{ border:solid 1px #CCC; margin-top:5px; padding-bottom:7px; width:300px;

{ font-family:tahoma; font-size:13px; font-weight:normal; margin-top:5px; margin-left:5px;

{ float:left; margin-right:5px; margin-top:10px; margin-left:5px;

{ font-family:tahoma; font-size:13px; font-weight:normal; margin-top:10px;

{ width:300px; height:auto; border: solid 1px #CCC; margin-top:5px; padding-bottom:5px;

{ font-family:tahoma; font-size:13px; font-weight:normal; margin-left:10px; margin-top:5px; margin-bottom:5px;

{ width:155px; float:left; font-family:tahoma; font-size:12px;

{ float:left; margin-right:3px; padding-left:7px; padding-top:5px;

{ width:145px; float:right; font-family:tahoma; font-size:12px;

{ width:650px; padding-top:20px;

{ font-family:tahoma; font-size:18px; font-weight:bold;

{ margin-left:110px; margin-top:30px; margin-bottom:20px;

#detainews-content-traia img[src="images/a30.jpg"]

{ font-family:tahoma; font-size:25px; font-weight:bold; float:right; width:100%; text-align:right;

{ width:430px; border-bottom:dotted 1px; float:right; padding-top:18px;

{ font-family:tahoma; font-size:18px; color:#fa0000; float:left; padding-left:10px;

{ list-style-image:url( /images/icon2.jpg); font-family:tahoma; font-size:12px; float:right; padding-right:100px; margin-bottom:10px;

.form input[type="text"]{ float:right; width:415px; margin-bottom:5px;}

.form input[type="file"]{ float:right; width:418px; margin-bottom:5px;} textarea{ float:right; width:415px; height:250px;}

.form input[type="submit"]{float:right; background-color:#F00; height:20px; width:80px; border:none; margin-top:10px; color:#FFF;}

.form input[type="reset"]{float:right; background-color:#F00; height:20px; width:80px; border:none; margin-left:5px; margin-top:10px; color:#FFF;}

Code của trang DetailNews.html

PolyNew

Trang nhất

Xã hội

Thế giới

Kinh doanh

Văn hóa

Thể thao

Pháp luật

Đời sống

Khoa học

Vi tính

Ô tô - Xe máy

Thông tin

XÃ HỘI Thứ 5 ngày

Nắng nóng Hà Nội

Cái nóng ở Hà Nội thật khó chịu! Đi ngoài nắng nóng đã đành, ngồi trong bóng râm, không khí vẫn cứ hầm hậm như nung Người

Thủ đô, không còn cách nào khác, là phải tự thích ứng với cái kiểu nắng nóng rất… thành thị này.

Trung tâm khí tượng thủy văn TƯ cho biết, do ảnh hưởng của rìa nam áp thấp nóng phía tây kết hợp với hiệu ứng phơn mạnh, Hà Nội tiếp tục nắng nóng gay gắt, nhiệt độ giữa trưa có lúc lên đến 40 độ C.

Để chống chọi với nắng nóng, người dân Hà Nội ra đường thì bịt kín từ đầu tới chân Ai "có điều kiện" thì vào… siêu thị, hiệu sách, trung tâm mua sắm để hưởng nhờ máy lạnh; người già, trẻ nhỏ rỗi rãi ra công viên nơi có nhiều bóng cây xanh tận hưởng chút bóng râm và gió trời hiếm hoi Còn ở các công sở, máy lạnh chạy ro ro cả ngày cũng không xua nổi cái nắng của trưa hè…

Người ta tận dụng từng khoảng bóng râm trên đường để tránh nắng.

Việt Hưng

Các tin khác

Hai bố con chết dưới bánh xe bồn chở xăng dầu (06/07)

Hơn 50% điểm thi môn Anh dưới trung bình

Đi bắt ngao, hai nữ sinh bị sóng cuốn trôi (05/07)

Khói mù bao phủ nhiều nơi ở Hà Nội

Sập mỏ đá, một công nhân tử nạn

Nổ phuy khí đá, 3 người bị thương nặng

Google

PolyNews

XEM NHIỀU NHẤT

Cặp đôi Yamaha R6 và

Honda CBR600RR 2011 ở Sài Gòn

Việt Nam khẳng định chủ quyền Hoàng Sa, Trường Sa

Tôi muốn trở thành chuyên gia về ngôn ngữ

3 chàng trai đi bộ xuyên Việt

Những mẫu thiết kế độc đáo của sinh viên

Quyết tâm mở văn phòng

Nữ sinh lưu luyến tạm biệt tuổi học trò

Tâm sự của những cử tri lần đầu đi bầu cử

Code của trang web Contact.html

function MM_validateForm() { //v4.0 if (document.getElementById){ var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; for (i=0; i

PolyNew

Trang nhất

Xã hội

Thế giới

Kinh doanh

Văn hóa

Thể thao

Pháp luật

Đời sống

Khoa học

Vi tính

Ô tô - Xe máy

Thông tin

LIÊN HỆ TÒA SOẠN

Họ tên :

Email :

Tiên đê :

File đính kèm :

Nội dung :

Google

PolyNews

swfobject.registerObject("FLVPlayer");

Code trang Style.css