Jump to content

Welcome to [ iT ] Forums
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!
Hình ảnh

Thiết kế WEB HTML Đơn Giản

- - - - -

  • Chủ Đề Đã Khóa Chủ đề này đã được khóa
35 replies to this topic

#21
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
Ngày 8.9.2006 :
27. Liên kết 2 trong HTML
Posted Image
http://utbinh.com/SE...27/lienket2.jpg
http://utbinh.com/SE...27/lienket2.doc
DOC 311 KB – JPG 2279 KB
Kết Quả Thực Tập:
http://utbinh.com/SE...7/lienket2.html
http://utbinh.com/SE...27/lienket2.txt

#22
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
TÌM HIỂU CÁC ĐỊA CHỈ TRANG WEB
CÁCH HOẠT ĐỘNG CỦA CÁC WEB SERVER :
HTML LÀ GÌ ? :
CÁC THẺ TAG :
XML


BÀI 28 NGÀY 9.9.2006 SOẠN THEO KS NGUYỄN NAM THUẬN

TÌM HIỂU CÁC ĐỊA CHỈ TRANG WEB

Một địa chỉ Web còn gọi là 1 URL ( Uniform Resource Locator ). URL này chứa hướng dẫn chính xác 100% ( sai 1/ triệu cũng không hiện ra ) về nơi trang đó đang được đặt trên 1 Web Server cụ thể. Một địa chỉ Internet được nhận dạng riêng 1 vị trí trên Internet URL có thể là : http://www.google.com .
• Tên của 1 Site : http://www.samspublishing.com .
• Có thể phức tạp hơn nhiều và hướng sang 1 vị trí riêng biệt trên Site đó. Thí dụ: http://www.samspubli...itle/0672326906
http://www : Giaothuc
• Samspublishing.com : tên miền ( domain )
• /books/ : tên hướng dẫn
• Allín1.html: tên File
• Giao thức : Xác định lọai giao thức Internet nào sẽ được sử dụng đối với web đó là HTTP .
• Tên Miền ( Domain ): Định hướng trình duyệt sang Website thích hợp trên Internet. Trong hậu cảnh, DNS chuyển đổi Domain đó thành các số IP. Chú ý 3 mẫu tự đầu tiên trước domain: www.
• Tên File: Đây chính là File mà trình duyệt đang tìm. File phải kết thúc bằng 1 phần mở rộng .htm hoặc html để trình duyệt nhận biết nó là 1 trang web. Do đó, khi gõ nhập URL vào 1 trình duyệt, nó sử dụng giao thức HTTP để kết nối với server là samspiblishing.com và nhận được trang web allín1.htm trong thư mục /book/
Chú ý: URL là 1 URL ảo do đó nó sẽ không họat động vì chúng ta sử dụng nó ở đây để minh họa.
• Internet là 1 mạng rộng lớn của các máy tính nối kết nhau, giao tiếp và cung cấp thông tin theo nhiều cách khác nhau. Các cách khác nhau là : web – email – newgroup – usenet và FTP .
• Các maý tính trên Internet nối kết với nhau bằng giao thức ( Protocol là các chuẩn cơ bản, quy ước, quy tắc chi phối cách chúng giao tiếp với nhau ) .
• Các phần khác nhau của Internet sử dụng các tập hợp giao thức khác nhau.
• Giao thức của web là HTTP ( Hypertext Transfer Protocol ). Việc đặt mẫu tự HTTP trước địa chỉ của website cảnh báo cho các máy tính biết rằng chúng nên giao tiếp bằng cách sử dụng HTTP.
• Khi tham quan 1 Website, trình duyệt web liên lạc với 1 máy tính trên Internet được gọi là web server. Khi đã liên lạc được với server, nó yêu cầu server gởi thông tin đến nó và server sẵn sàng biên dịch. Server gởi đến trình duyệt trang web và bất kì File được kết hợp với trang đó và trình duyệt web hiển thị nó trên máy tính.
• Web server là máy tính trên internet chứa các trang web và phân phối những trang web đến các máy tính đã liên lạc với nó.
• Thuật ngữ website và trang web ( web page ) thường được sử dụng giống nhau nhưng chúng không hòan toàn cùng 1 nghĩa. Một trang web là 1 vị trí riêng lẻ, website được tạo thành từ nhiều trang web.


CÁCH HOẠT ĐỘNG CỦA CÁC WEB SERVER :

• Các Web Server có thể là bất kì lọai máy tính. Các lọai máy tính này chạy trên Window, máy Micintosh, hoặc chạy trên Linux. Những server này chạy phần mềm được gọi là phần mềm webserver vốn giao tiếp bằng HTTP .
• Mọi Server trên web có số duy nhất riêng của nó được gọi là 1 địa chỉ IP. Thí dụ như 130.94.155.164 – không thể nào nhớ các số này, do đó server cũng có 1 Domain ( tên miền ) như google.com .
• Khi bạn gõ nhập địa chỉ website, các server đặc biệt trên Internet
( được gọi là server DNS ) chuyển đổi địa chỉ đó thành 1 địa chỉ IP và trình duyệt web đi đến đúng vị trí.
• Để 1 máy tính được kết nối với Internet, nó phải có 1 địa chỉ IP
• Server DNS ( Domain naming Service ): 1 Server Internet chuyển đổi các địa chỉ web ( www.samspublishing.com thành 63.240.93.138 ). Khi bạn gỏ nhập 1 địa chỉ web, yêu cầu này trước tiên được gởi đến 1 server DNS để chuyển đổi địa chỉ thành 1 địa chỉ IP. Sau đó máy tính sử dụng địa chỉ IP để liên lạc với website mà bạn muốn tham quan.
• Bạn không tự chạy 1 web server. Một công ty dịch vụ hosting ( giữ chổ ) hoặc 1 nhà cung cấp dịch vụ Internet ( ISP ) sẽ chạy các server.

Bạn phải đưa website của bạn lên server để cho người ta tham quan.
1- Tạo các File trên máy tính của bạn và sau đó Upload ( tải lên ) các File lên server. Bạn sử dụng phần mềm FTP cài trong máy tính của bạn để Upload các Files.
2- Thí dụ : dreamweaver là 1 phần mềm có sẵn 2 công dụng:
• Thiết kế web
• Upload bằng FTP


HTML LÀ GÌ ? :

• Không đòi hỏi việc lập trình. Các trang được tạo bằng cách sử dụng Hypertext Markup Language ( HTML ) .
• Tạo trang web bằng những cách khác nhau:
1- Điền vào các Form ( mẫu biểu ) trên 1 website .
2- Sử dụng chương trình chẳng hạn như Netscape Composer. Khi bạn tạo các trang đó, trong hậu cảnh website hoặc chương trình lấy các chỉ lệnh của bạn và tạo các trang HTML, mà sau đó được gởi lên server.
3- Bạn có thể tạo các trang HTMl mà không cần sử dụng công cụ HTML. Bạn chỉ cần gỏ nhập mã HTML vào 1 File.
• HTML: Ngôn ngữ của web, một ngôn ngữ dủng để tạo các trang vốn chứa các chỉ lệnh về cách hiển thị các trang web.
• Khi trình duyệt tham quan 1 web server và yêu cầu xem 1 trang, server gởi trở lại nó 1 trang HTML mà sau đó trình duyệt hiển thị. Thực tế trang này đơn thuần là 1 tài liệu Text được tạo từ các mẫu tự, số và vài kí tự đặc biệt. Các mã được gọi là các thẻ (tag) HTML trên trang này cho trình duyệt biết cách hiển thị thông tin.

CÁC THẺ TAG :

Các thẻ HTML là những chỉ lệnh cho các trình duyệt biết cách hiển thị thông tin. Các thẻ được đặt trong dấu ngoặc <B> thẻ này yêu cầu trình duyệt hiển thị Text in đậm và thẻ này yêu cầu trình duyệt hiển thị Text in đậm và thẻ kết thúc </B> yêu cầu trình duyệt ngưng hiển thị Text dưới dạng Text in đậm.

Bản thân thẻ thật sự chỉ đơn thuần là 1 mã để cung cấp các chỉ lệnh cho trình duyệt và không tự hiển thị .
• Nếu bạn sử dụng Internet Explorer, bạn nhấp Menu View > Sources. Mã thật sự của trang HTML sẽ mở ra trong cửa sổ Notepad hoặc Wordpad .

HTML là 1 ngôn ngữ mô tả cách mà các trang text – các trang đồ họa – các thông tin khác được tổ chức, định dạng và liên kết lại với nhau. Khỏang 1993 gần 100 máy tính trên khắp thế giới đã được trang bị để áp dụng các trang HTML. Các trang được liên kết gọi là www. ( word wide web ) và nhiều chương trình trình duyệt được viết để giúp người dùng xem các trang web.
Do sự thông dụng của web, một số người lập trình viết các bộ trình duyệt web có thể xem các hình đồ họa cùng với Text trên 1 trang web. Một trong những lập trình này là Marc Andressen. Ông ta trở thành người giàu có và nổi tiếng. Ông là tác giả bộ trình duyệt web Netscape Navigator.
Ngày nay các trang HTML bao gồm: hình đồ họa – âm thanh – Video – các chương trình tương tác hòan chỉnh – và Text. Hầu hết các mạng công ty tư nhân ( được gọi là intranet ) sử dụng HTML để cung cấp thông tin kinh doanh cho khách hàng và nhân viên.
HTML là giao diện để xuất bản các phần trình bày Windows cho phép mọi Folder lưu trữ trong máy của bạn được kết hợp với các Folder và các trang khác ( có chức năng Hyperlink )

XML
• XML là Extensible Markup Language. Các chương trình HTML được viết bằng cách sử dụng các Tag ( vốn được xác định trước trong các tiêu chuẩn ngôn ngữ )
• XML cho phép bạn sử dụng các Tag của riêng bạn .
• (X) HTML được sử dụng để mô tả cách hiển thị dữ liệu
• XML được sử dụng để giải thích các tổ chức dữ liệu.

THÍ DỤ: Một trang HTML có Text - ảnh – liên kết

<html>
<head>
<title> utbinh chào mừng các bạn </title>
</head>

<body>
<body bgcolor="lightblue" Text="blue">
<font face="tahoma" size="2pt">
<h3><center> CHÀO MỪNG CÁC BẠN ĐẾN VỚI WEBSITE 10 CỦA UTBINH </h3>

<img src="C:\Documents and Settings\Ut Binh\Desktop\KyTen UTBINH\1.jpg">
<img src="C:\Documents and Settings\Ut Binh\Desktop\KyTen UTBINH\2.jpg">
<img src="C:\Documents and Settings\Ut Binh\Desktop\KyTen UTBINH\3.jpg">
<img src="C:\Documents and Settings\Ut Binh\Desktop\KyTen UTBINH\4.jpg"><br>

<h4> NHẤP LÊN TEXT ĐỂ LIÊN KẾT ĐẾN TRANG WEB </h4>

<b><A HREF="http://utbinh.com/WE...rangKhung.htm"> WEBSITE10</A><b><br>
<b><A HREF="http://www.google.com.vn/"> GOOGGLE VN </A><b><br>
<b><A HREF="http://vi.wikipedia....wiki/Việt_Nam"> WIKIPEDIA VN </A><b><br>
<b><A HREF="http://www.google.co... Google&meta="> UTBINH TRONG SEARCH GOOGLE </A><b><br>
<b><A HREF="http://www.echip.com.../andi/ndc.htm"> Báo ECHIP </A><b><br>
<b><A HREF="http://www.pcworld.com.vn/"> Báo THẾ GIỚI VI TINH </A><b><br>
<b><A HREF="http://www2.thanhnie...default.aspx?"> BÁO THANH NIÊN </A><b><br>
<b><A HREF="http://www.echip.com.vn/"> BÁO ECHIP </A><b><br>
<b><A HREF="http://www.quantrimang.com/"> QUẢN TRỊ MẠNG </A><b><br>
<b><A HREF="http://www.khoahocph....vn/index.php"> Báo Khoa Học Phổ Thông</A><b><br>
<b><A HREF="http://www.ddth.com/"> Diễn Đàn Tin Học </A><b><br>
<b><A HREF="http://tuoitrethoida...rum/index.php"> Tuổi Trẻ Thời Đại </A><b><br>
<b><A HREF="http://netmode.vietn...ietnamnet.vn/"> BÁO NETMODE </A><b></center>
<b><A HREF="http://utbinh.com/SE...ink9.2006.doc"> SPECIAL : LINK 9.2006 </A><b><br>
<b><A HREF="http://utbinh.com/SE...HICANBIET.doc"> SPECIAL : ĐỊA CHỈ CẦN BIẾT </A><b><br>
<p>
<b>
Trang Web WEBSITE của utbinh được thiết kế từ 25.7.2006.Sau nhiều lần bổ sung , nay khá nhiều Mục được đặt trong nội dung Trang Web và đã được Post lên 1 Web Server có thu phí.Như vậy WEBSITE10 sẽ không bị DIE khi có nhiều độc giả viếng thăm do trước kia dùng Host Free FREEWEBTOWN mặc dù nó cho 1 Gig Disc Space và 1 Gig Bandwith.
</b>
</p>
<bgsound src="D:\MP3 TUYEN CHON 18.3.2006\Dam Vinh Hung 2\song\Da Lat hoang hon - Dam Vinh Hung.mp3" LOOP"-1"
<p>
<b>
Nhấp lên chữ WEBSITE10 sẽ có liên kết đến Trang Web nầy và sẽ hiển thị nội dung nó cho bạn thưởng ngoạn .Trang Web HTML nầy viết để thực nghiệm bài học chủ đề : Thiết Kế Trang Web HTML Đơn giản có TEXT - HỈNH - LIÊN KẾT- NỀN NHẠC MP3 .Chú ý : Xem bằng Trình Duyệt Web Internet Explorer sẽ có nền là 1 bản nhạc MP3 do ĐÀM VĨNH HƯNG trình diễn bản ĐÀ LẠT HOÀNG HÔN.
</b>
</p>
</body>
</html>

#23
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 13.9.2006 :
29.Mẫu HTML 24hourCafe.com
Posted Image
http://utbinh.com/SE.../maucafecom.jpg
http://utbinh.com/SE.../maucafecom.doc
DOC 458 KB – JPG 666 KB
Kết Quả Thực Tập :
http://utbinh.com/SE...ER/24hour1.html

#24
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
Ý tưởng
Tạo Trang WEB

BÀI 30 NGÀY 14.9.2006
I. Cấu trúc của 1 trang web:

1. Một trang web không hiển thị giống nhau trên các trình duyệt. Do đó khi tạo trang web bạn nên xem nó trên internet explorer, vậy bạn nên thiết kế các trang cho Trình Duyệt.
2. Sau đây là trang web rất cơ bản, chỉ có các thành phần đơn giản nhất:
- Title (Tiêu đề) : Xuất hiện trên cùng của trang web
- Heading ( Tiêu đề chính) : Có 6 cấp tiêu đề chính ( H1 đến H6 )
- Text : Có thể định dạng text ( B – I – Font – màu )
- Background ( Nền) : chọn 1 màu hoặc ảnh làm nền
- Link ( Liên kết) : Là trung tâm của trang web
- Đường ngang : Dùng để chứa 1 trang web còn gọi là gạch ngang
- Đồ họa : Tuyệt vời đối với 1 trang web. Có nó càng nhiều càng tốt để khỏi mất thời nhiều thời gian để tải trang. Thông thường đồ họa có định dạng jpg – gif – Các trang nầy cũng có nội dung đa phương tiện ( Multimedia ) là video và nhạc.

II/ Giải thích:

- Header: Chứa thông tin mô tả trang web.
- Meta tag: ( siêu thẻ ): Thẻ trong header không được hiển thị , được sử dụng làm 1 cách để cho các site tìm kiếm và site tạo index ( chỉ mục) biết về loại nội dung nào trên trang web. Các thẻ này thường chứa các từ khóa và phần mô tả.
- Body: ( phần nội dung chính ) : Gồm text – đồ họa – đa phương tiện – thông tin về nền – màu – text và thông tin tương tự.
- Background ( nền) : xác định màu nền, ành nền
- Comment ( chú thích) : Khi chú thích được đặt trên 1 tài liệu HTML chúng sẽ được bỏ qua bởi trình duyệt và sẽ không được hiển thị.
- Heading ( tiêu đề chính ): Kích cỡ lớn, 6 cấp tiêu đề.
- Link ( liên kết ): Từ trang web này sang trang web khác hay bất kì lọai tài nguyên Internet bao gồm đa phương tiên và các File.
- Images ( các ảnh ) : HTML giúp dễ dàng hiển thị đồ họa, nhạc – video trên các trang web.

III/ Cách tạo các website:
Làm thế nào bạn tạo thật sự 1 website có giá trị (hay) ?
1- Các trang web nằm trên 1 web server : Khi có người tham quan 1 trang web, người này yêu cầu 1 web server gởi 1 trang web – trình duyệt web của người này hiển thị trang web.
2- Sử dụng mã HTML để tạo trang web.: Đây là tài liệu bằng Text thuần túy cho 1 trình duyệt biết cách hiển thị tài liệu. Nó chứa các liên kết kể cả liên kết với ảnh.
3- Tạo các trang web bằng cách sử dụng phần mềm chuyên dùng như Front Page hoặc 1 bộ sọan thảo Text đơn giản, chẳng hạn như NotePad.

IV/ Những bước cơ bản tạo các website:
1- Chọn lọai website • Cá nhân: nói về bạn – gia đình – bạn bè và những thói quen. • Dành cho doanh nghiệp nhỏ của bạn – dành cho 1 nhóm ( tổ chức phụ huynh ?) • Phải biết rõ rành về thông tin mà bạn muốn trình bày. • Đặc tính: tán gẩu, thân mật, có tính thông tin, có tính thẩm quyền.
2- Lập bản đồ site : 1 trang – 2 trang – 3 trang ?
3- Cần đặt website trên Web Server
a) Miễn phí: ISP cung cấp khoảng trống web miễn phí.
:hug: Thu phí: Gọi là dịch vụ web hosting
4- Tập hợp hình ảnh
5- Tạo các trang web : Sử dụng các công cụ cài sẵn ( trang Geo Cities – Netscape Composer )
6- Upload lên webserver
a) Nếu tạo trang web bằng công cụ như Netscape Composer bạn Upload các File lên dịch vụ Hosting. Nếu tạo các Site bằng cách sử dụng các công cụ của Geo Cities. Tạo trang chủ có sẵn trong CT này, bạn không cần Upload các trang.
7- Đưa ra biểu hiện và lôi kéo khách tham quan, hãy quảng cáo Site của bạn cho bạn bè, gia đình.

LINK 26 Bài FLASH 8 của utbinh :
http://utbinh.com/SEPTEMBER/FLASH8.DOC

XEM FORUMS :
http://156.freebb.co.../bluekid8x.html

#25
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 15.9.2006 :
31.Tạo Trang Web : Hình – Nhạc - Hyperlink
Posted Image
http://utbinh.com/SE...taotrangweb.jpg
http://utbinh.com/SE...taotrangweb.doc
DOC 1922 KB – JPG 1280 KB
Kết Quả Tực Tập :
http://utbinh.com/SE...ER/FAMILY4.html
http://utbinh.com/SE...inh11.1968.html

#26
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 16.9.2006 :
32.9 MẪU html
Posted Image
http://utbinh.com/SE.../bai32/9mau.jpg
http://utbinh.com/SE.../bai32/9mau.doc
DOC 1168 KB – JPG 2552 KB

#27
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 17.9.2006 :
33.Tạo 1 Trang Web HTML
Posted Image
http://utbinh.com/SE...taotrangweb.jpg
http://utbinh.com/SE...taotrangweb.doc
DOC 1062 KB – JPG 5415 KB
Kết Quả Thực Tập :
http://utbinh.com/SE...otrangweb1.html
http://utbinh.com/SE...otrangweb2.html
Tham Khảo :
http://24hourhtmlcafe.com/index.htm

#28
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 17.9.2006 :
34.Hypertext trong Thiết Kế Web HTML
Posted Image
http://utbinh.com/SE...4/hypertext.jpg
http://utbinh.com/SE...4/hypertext.doc
DOC 610 KB – JPG 1293 KB
Kết Quả Thực Tập :
http://utbinh.com/SE...hypertext1.html
http://utbinh.com/SE...hypertext2.html
Mời xem Forums Của BLUEKID , nơi utbinh đang tham gia :
http://156.freebb.co.../bluekid8x.html

#29
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 19.9.2006 :
35.Upload Trang Web HTML
Posted Image
http://utbinh.com/SE...ai35/upload.jpg
http://utbinh.com/SE...ai35/upload.doc
DOC 2835 KB – JPG 5296 KB

#30
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 20.9.2006 :
36.Text 1 trong HTML
Posted Image
http://utbinh.com/SE...bai36/text1.jpg
http://utbinh.com/SE...bai36/text1.doc
DOC 119 KB – JPG 1303 KB

#31
HungSim

HungSim

    Thành viên mới

  • Newbies
  • 3 Bài Viết:

NGÀY 20.9.2006 :
36.Text 1 trong HTML
Posted Image
http://utbinh.com/SE...bai36/text1.jpg
http://utbinh.com/SE...bai36/text1.doc
DOC 119 KB – JPG 1303 KB


xin út Bình cho em sdt để em xin file : hay wá ( sẽ mới út bình cà phe để học hỏi ) bài học dễ hiểu , dễ nhớ !!!

chho em xin sdt út bình nha

#32
utbinh

utbinh

    Trung cấp CSTH

  • Advance Member
  • PipPipPip
  • 500 Bài Viết:
NGÀY 22.9.2006 :
38.TEXT 2 trong HTML
Posted Image
http://utbinh.com/SE...bai38/text2.jpg
http://utbinh.com/SE...bai38/text2.doc
DOC 109 KB – JPG 848 KB
Phương hương thành lập website
________________________________________
Nguồn : http://www.softvnn.c...read.php?t=8863
Các bước để xây dựng một web site

Giới Thiệu

Giai đoạn 1: Xác định phương hướng
1. Xác định phương hướng của website
2. Đặt mục tiêu cụ thể
3. Chọn đối tượng

Giai đoạn 2: Lập kế hoạch thiết kế
1. Mô tả web site
2. Mô tả nội dung
3. Mô tả tính chất kỹ thuật
4. Xác định nguồn tài liệu.
5. Chỉ định nhân sự tham gia thực sự
6. Tính toán chi phí
7. Lê kế hoạch thời Gian

Giai đoạn 3: Viết nội dung
1. Xây dựng sơ đồ site (Templates)
2. Phác thảo nội dung
3. Viết nội dung
4. Chọn hình ảnh

Giai đoạn 4: Thiết kế
1. Chọn ý tưởng
2. Khai triển ý tưởng
3. Thiết kế giao diện
4. Làm thiết kế mẫu
5. Kiểm tra tính khả dụng của thiết kế

Giai đoạn 5: Lập trình
1. Viết HTML (PHP, ASP)
2. Lập trình back-end
3. Kiểm tra chất lượng lập trình
4. Thử bản beta

Giai đoạn 6: Duy trì và quảng bá
1. Quảng bá trên search engine
2. Quảng bá bằng tài liệu in ấn và giới thiệu tại chỗ trên website
3. Thông báo và quảng cáo
4. Lập và phân tích hồ sơ người truy cập
5. Kế hoạch duy trì và cập nhật
6. Đánh giá và nâng cấp

GIỚI THIỆU:
Cho đến nay số người sử dụng Internet đã lên đến hàng trăm triệu người. Và bất cứ một doanh nghiệp hay cá nhân nào dường như cũng cần phải có một website riêng cho mình. Tuy nhiên, hầu hết những người làm kinh doanh đều rất ít người thông hiểu một website được thiết kế như thế nào? những vấn đề gì cần chú ý khi thuê người làm website.
Tài liệu này dành cho những ai?
Tài liệu này dành cho tất cả các đối tượng sau:
Bất cứ ai muốn làm một website. Bạn có thể xem qua tất cả các bước và tính toán xem bạn có thể tự mình làm được hay không. Tôi tin rằng với một ít kiến thức căn bản về thiết kế và lập trình web, bạn có thể dễ dàng làm được một trang web đơn giản cho mình hoặc cho công ty. Nếu website của bạn có quy mô lớn, bạn có thể đảm đương một số bước và thuê một nhà thiết kế khác làm các bước còn lại. Trong trường hợp bạn thuê hoàn toàn thì sự thông hiểu các bước này cũng sẽ giúp bạn theo dõi và phối hợp với nhà thiết kế tốt hơn.
Những người mới bắt đầu thiết kế web. Tài liệu này sẽ giúp bạn rất nhiều trong việc quản lý công việc và kiểm tra tính toàn vẹn và tất cả các khía cạnh khác của website.

Bạn tìm thấy gì trong tài liệu này?
Quá trình xây dựng website bao gồm 29 bước được chia thành 6 giai đoạn được sắp xếp theo thứ tự thời gian:
1. Xác định phương hướng
2. Lập kế hoạch
3. Viết nội dung
4. Thiết kế
5. Lập trình
6. Giới thiệu và duy trì
Nội dung trong mỗi bước bao gồm các định nghĩa, các vị dụ minh họa và những điều cần lưu ý trong khi thực hiện bước đó.

Tôi hy vọng rằng tài liệu này sẽ đáp ứng được sự mong mỏi của các bạn. Xin chân thành chia sẽ cùng bạn đọc và rất hân hạnh được nghe ý kiến trao đổi cùng các bạn.

GIAI ĐOẠN 1: XÁC ĐỊNH PHƯƠNG HƯỚNG
1. Xác định mục tiêu:
Việc đầu tiên của bạn là xác định bạn muốn website mang lại gì cho bạn. Đó sẽ là định hướng để phát triển web site của bạn.
Mục đích của bạn có thể là để cho thương hiệu của bạn được biết đến nhiều hơn, để quảng cáo sản phẩm và dịch vụ hoặc để thu hút thêm khách hàng hoặc để bán sản phẩm trên mạng.
Xác định mục đích có vẻ như là đương nhiên, và thông thường bạn biết rất rõ bạn làm website để làm gí? Tuy nhiên nếu như bạn có nhiều hơn một mục đích thì bạn sẽ phải cân nhắc vấn đề hơn một chút. Phải xem xét xem có thể đạt được tất cả các mục đích đó hay không. Mục tiêu nào cần được ưu tiên hơn. Phải tập trung vào mục đích chính của bạn, và nếu như phải hy sinh những mục đích khác, đừng ngần ngại.
2. Đặt mục tiêu cụ thể:
Sau khi xác định mục đích, bạn đặt ra những mục tiêu cụ thể bằng số lượng để biến mục đích của bạn thành hiện thực.
Ví dụ bạn có thể đặt ra mục tiêu là sau một năm, bạn phải kiếm được lợi nhuận là 100.000 từ việc bán hàng trên mạng, hoặc phải thu hút được 20.000 người tham gia vào trang web câu lạc bộ của bạn.
Các con số này sẽ là cơ sở để bạn so sánh với kết quả đánh giá website sau khi chạy.
3. Chọn đối tượng
Trong bước này bạn sẽ chọn ra các nhóm người nào bạn muốn tiếp cận.
Lý do là vì bạn không thể làm bất cứ điều gí có thể thỏa mãn được tất cả mọi người. Người lớn nghĩ khác người trẻ tuổi, phái nam nghĩ khác phái nữ, trí thức nghĩ khác người lao động. Do đó, đừng có tham vọng tiếp cận tất cả mọi người. Hãy chọn một hay vài nhóm đối tượng và hãy bám theo họ từ đấu cho đến cuối.
Điều quan trọng thứ hai cần lưu ý là bạn phải biết rõ đối tượng của bạn thích cái gì, họ muốn gì khi vào web site của bạn. Đôi khi những điều này không thể dễ thấy chút nào. Và đối tượng càng rộng thì công việc này càng khó.
Thông thường để cho chính xác, bạn nên thực hiện khảo sát ý kiến trực tiếp trên nhiều người, hoặc bạn có thể lấy kết quả khảo sát sẵn có để tham khảo. Công việc này có thể tốn nhiều thời gian và tiền bạc, nhưng hãy nhớ rằng, đừng bao giờ nhìn nhận vấn đề theo cảm tính. Nếu bạn gặp khó khăn không thể tiến hành khảo sát được thì ít nhất bạn cũng nên hỏi ý kiến những người quen có thể hiểu vấn đề. Dù sao có vẫn hay không.

Giai đoạn 2: Lập kế hoạch thiết kế
1. Mô tả site
Hai yếu tố quan trọng cần làm rõ là tác động của website đến người xem và phong cách của site.
Ví dụ như vào thời điểm này hình ảnh của bạn vẫn còn mờ nhạt trong tâm trí khách hàng thì bạn sẽ quyết định rằng website này phải thay đổi, hoặc củng cố hình ảnh đó.
Trước tiên phải làm cho khách hàng cảm thấy yên tâm về chất lượng hàng hóa và dịch vụ. Hãy đặt mình vào vị trí của khách hàng và tự hỏi tại sao bạn chọn sản phẩm này và tại sao lại mua nó ở đây. Câu trả lời phải được làm nổi bật để mọi người thấy được khi vào xem website.
Hoặc nếu như bạn đã chiếm được cảm tình của khách hàng, bạn có thể làm sao cho website của bạn luôn có những cái hay để họ vào xem.
Nguyên tắc là nhất thiết bạn phải có phong cách riêng. Một trong những lỗi lớn nhất của các trang web không thành công là họ không có một phong cách gì đặc biệt. Phong cách của webiste phải được dựa trên mục đícj và đối tượng của nó.
Ví dụ như một website quảng cáo một sản phẩm cao cấp dành cho giới thượng lưu phải sang trọng và có thể có phong cách quý tộc một chút, hoặc nếu quảng cáo hàng thời trang mùa cho giới trẻ thì phải sống động, ấn tượng và hơi quậy một chút.
2. Mô tả nội dung.
Nội dung là những gì bạn sẽ trưng bày trên website để thực hiện mục đích của mình.
Nội dung có thể là một cửa hàng bày bán sản phẩm trên mạng, hay một bản báo cáo tài chính hàng năm của công ty, v.v… hoặc nếu website của bạn là website thông tin thì thông tin đó chính là nội dung của website của bạn.
Hãy nhớ rằng, bạn đang giới thiệu mình chứ không phải giới thiệu cho ngành kinh doanh của bạn, do đó phải chọn những gì riêng có của mình để nhấn mạnh trong nội dung của website.
3. Mô tả kỹ thuật
Bạn cần có định hướng kỹ thuật và các yêu cầu kỹ thuật để có thể đạt được mục đích của mình.
Ví dụ như bạn xác định sẽ áp dụng định dạng cơ sở dữ liệu (database) nào (Access, SQL hay Oracle) và các mối liên hệ giữa các cơ sở dữ liệu, mức độ bảo mật, các lập trình e-commerce như thế nào.
Các yêu cầu kỹ thuật cũng khác nhau đối với từng website. Ví dụ như các website thông thường yêu cầu file phải nhẹ để có thể truy cập nhanh trên tất cả các modem, nhưng đối với các website dành cho những người làm studio chuyên nghiệp thì khích thước file rất lớn mới có thể tải được các đoạn phim video và đường dẫn của người sử dụng rất lớn.
4. Xác định nguồn tài liệu
Nói rõ ai sẽ cung cấp tài liệu, bạn hay nhà thiết kế, hay một nguồn thứ ba nào khác.
Bạn có thể lên danh sách các tài liệu cần thiết và nguồn cung cấp cho từng tài liệu. Chẳng hạn như ai sẽ viết phần nội dung này, ai sẽ chụp ảnh, ai lấy thông tin…
Việc cung cấp tài liệu có thể chỉ mất vài giờ nếu như tài liệu cần thiết chỉ là một quyển brochure hay vài bức ảnh sẵn có, nhưng nó cũng có thể mất vài tháng nếu phải chụp ảnh mới, thu nhập thông tin mới hoặc xin các tài liệu có bản quyền. Một website giới thiệu công ty ở mức độ trung bình thông thường mất khoảng 2-3 tuần.
5. Xác định nguồn nhân lực
Thỏa thuận ai là người đại diện cho công ty, ai là người đại diện cho nhà thiết kế, ai là người ra quyết định. Và ai chịu trách nhiệm đối với từng khâu như quản lý dự án, viết nội dung, thiết kế, lập trình các công việc thuê bên ngoài làm, và các công việc khác.
Điều cần lưu ý là bạn chỉ nên có một người ra quyết định cho mỗi bên mà thôi để tránh trường hợp nhiều người chỉ dẫn nhiều cách khác nhau.
6. Tính toán chi phí
Tất cả các chi phí phải được tính toán. Thông thường các chi phí sau đây là không thể thiếu:
- Chi phí nghiên cứu đối tượng truy cập
- Tiền bản quyền cho các tài liệu xin phép
- Phí tư vấn
- Chi phí viết nội dung
- Văn phòng phẩm
- Thiết kế phí
- Phương tiện lưu trữ sản phẩm bàn giao
- Phí duy trì mạng
- Chi phí cập nhật
- Chi phí hội họp, đi lại, liên lạc.
- Quỹ dự phòng
- Các chi phí khác.
Để tính toán chi phí chính xác, bạn cần xác định kỹ khối lượng công việc quy mô và mức độ phức tạp của dự án.
7. Lập kế hoạch
Kế hoạch có thể chia dự án thành các giai đoạn như trình bày trong tài liệu này, hoặc bạn có thể trình bày khác đi tùy thoe cách nào bạn cảm thấy tiện nhất.
Điều cần lưu ý là bạn phải lên kế hoạch càng chi tiết càng tốt. Và nhớ cộng thêm thời gian chờ duyệt các đề xuất thiết kế và thời gian gián đoạn ngoài dự kiến.
Quá trình thiết kế được thực hiện trên cơ sở nhà thiết kế đề xuất và khách hàng duyệt, do đó nếu một bên chậm trễ sẽ làm cho cả quá trình bị giám đoạn.

Giai đoạn 3: Phát triển nội dung
1. Xây dựng sơ đồ Site
Sơ đồ Site là cấu trúc nội dung của website, các vấn đề cần đề cậo trong từng nội dung
Để cho dễ, bạn nên xây dựng thoe dạng cây với các khung ghi các nội dung và các đường nối thể hiện cấu trúc.
Bạn có thể tham khảo sơ đồ mẫu sau đây:
TRANG CHỦ:
A. Giới thiệu.
1. Giới thiệu chung
2. Lịch sự phát triển
3. Thành quả
4. Triết lý kinh doanh
B. Sản phẩm.
1. Sản phẩm A
2. Sản phẩm B
3. Sản phẩm C
C. Khuyến thị
1. Giảm giá
2. Quà tặng / Phiếu trúng thưởng
3. Các thông tin download miễn phí
DỊCH VỤ BẢO HÀNH
SẢN PHẨM MỚI
ĐỊA CHỈ LIÊN HỆ
2. Phác thảo nội dung
Khi phác thảo nội dung, điều cần lưu ý nhất là không để sót bất cứ thông tin nào cần thiết để thực hiện mục đích của website
Bạn có thể áp dụng một số mẹo nhỏ như:
- Viết ra tất cả các ý tưởng nảy ra trong đầu để khỏi quên.
- Lên danh sách các nội dung cần thiết. Nếu như công ty đã có sẵn brochure, bạn nên đối chiếu lại thật kỹ. Bạn có thể cho mỗi người trong nhóm làm một danh sách riêng theo ý họ rồi sau đó đối chiếu lại với nhau.
3. Viết nội dung:
Khi phát triển nội dung phác thảo hoàn thành bài viết hoản chỉnh, cần kiểm tra các vấn đề sau đây:
- Phong cách phải nhất quán
- Dùng ngôn ngữ của đối tượng truy cập
- Ngắn ngọ, cụ thể và dùng đúng từ, gọi đúng tên
- Mỗi đoạn văn chỉ diễn đạt một ý.
- Viết theo lỗi diễn dịch, tức là câu chủ đề đứng ở đầu đoạn.
4. Chọn hình ảnh:
Hình ảnh dùng để minh họa cho phần lời. Hình ảnh là yếu tố bắt mắt nhất trong một thiết kế, do đó bạn phải lựa chọn thật cẩn thận. Hình ảnh phải chứa đựng thông tin, đẹp và ấn tượng.
Hình ảnh minh họa có thể là ảnh chụp hay hình vẽ. Ngoài mục đích để củng cố nội dung, hình ảnh cỏn củng cố phong cách và tác động tâm lý như mong muốn của bạn.
Giai đoạn 4: Thiết kế
1. Chọn ý tưởng thiết kế
Ý tưởng thiết kế không phải là những ý tưởng trong đầu mà là các ý tưởng đã được phác ra giấy.
Ý tưởng có thể được thể hiện bằng nhiều cách khác nhau. Nhà thiết kế luôn có một lý do khi đưa ra một cách thể hiện nào đó. Do đó bạn phải bàn bạc với họ để tìm ra cách thể hiện thỏa đáng nhất, vừa hợp ý bạn vừa đạt được hiệu quả mong muốn.
2. Khai triển ý tưởng
Sau khi duyệt ý tưởng, bạn phát triển ý tưởng đó thành tổng thể hoàn chỉnh
Trước hết bạn chọn bao nhiêu thành phần sẽ có trong tổng thể và đó là những thành phần nào. Các thành phần này sẽ được định vị và chọn tỷ lệ tương ứng với nhau và tương ứng với toàn bộ tổng thể. Sau đó bạn thêm các đặc điểm phụ vào.
3. Thiết kế giao diện
Giao diện là bộ phận giao tiếp giữa người sử dụng với các nội dung của website, có nhiệm vụ chính là hướng dẫn người truy cập điều khiển và sử dụng website. Nội dung của website được thể hiện trên giao diện bằng các biểu tượng, các nút và các nối kết.
Để cho người sử dụng dễ tìm thông tin mà họ mong muốn, menu cần phải thể hiện cấu trúc của nội dung qua vị trí, kích thước và màu sắc của các nút. Các biểu tượng đặc trưng sẽ giúp người truy cập dễ dàng liên tưởng đến nội dung của nó.
Để có thể dễ dàng nhận ra các nút và các nối kết, bạn nên thiết kế giao diện đơn giản, không cầu kỳ và trang trí quá nhiều làm rối mắt. Đồng thời các nút và các nối kết phải thay đổi hình dạng màu sắc khi người truy cập đưa con trỏ chuột vào hoặc kéo ra.
Quan trọng nhất vẫn là tên của nút và nối kết. Đặt tên nút sao cho ngắn gọn nhưng dễ hiểu và hiểu chính xác.

4. Làm thiết kế mẫu.
Thiết kế mẫu có thể được coi là thiết kế hoàn chỉnh nhưng chưa có phần lập trình, bao gồm lời, hình ảnh, nút và các trang trí.
Ví dụ: Bạn có thể chọn hình ảnh một con mắt cho mỗi nút, con mắt mở lên khi con chuột ở bên ngoài và khép lại khi người truy cập đưa con chuột lên trên nút.
Thiết kế mẫu trình bày phần thiết kế hoàn chỉnh của từng trang với đầy đủ nội dung và cách trình bày các thành phần.
Bạn cũng phải cân nhắc tính thẩm mỹ trong bước này. Kiểm tra lại các nguyên tắc về mỹ thuật và các nguyên tắc thiết kế để đảm bảo tính thống nhất, nhất quán và tập trung của thiết kế.
5. Kiểm tra tính khả dụng của Website.
Để kiểm tra tính khả dụng, bạn phải trả lời 4 câu hỏi sau đây:
- Trang web này là trang web gì?
- Tôi có thể làm gì trong trang web này?
- Tôi sẽ làm điều đó như thế nào?
- Tại sao tôi làm điều đó ở đây?
Một số yêu cầu cụ thể sau đây sẽ giúp bạn thực hiện dễ dàng hơn:
- Trang chủ phải có phần giới thiệu ngắn để cho biết đây là website gì.
- Nội dung ngắn gọn, súc tích, từ ngữ dùng chính xác, không gây nhầm lẫn.
- Khích thước file tối thiểu
- Các nút và kết nối dễ nhận biết
- Font chữ và kích cỡ dễ đọc
- Không có quá nhiều trang trí
- Không có quá nhiều thứ mời gọi như: “Click Me First”, “Join Now”, “Hot!”, . . . dễ làm rối mắt người truy cập.

Giai đoạn 5: Lập trình
1. Lập trình HTML
Lập trình HTML là bước làm các trang web ở giai đoạn cuối cùng. Yêu cầu của bước này là phải tạo ra một sản phẩm lập trình càng giống với hình thức bên ngoài của trang web càng tốt. Bạn có thể làm các trang HTML bằng các chương trình như Dreamweaver, BBEdit hoặc Homesite.
Khi làm các trang HTML, tốt nhất là ngừơi quản lý dự án chỉ nên theo dõi các tính năng và mục tiêu chính, còn người
2. Lập trình back-end
Lập trình Back-End chủ yếu là lập trình phía người cung cấp mạng (server side), bao gồm cơ sở dữ liệu, giao diện của cơ sở dữ liệu, hệ thống bảo mật, hệ thống kiểm tra thanh toán, bảng kiểm kê, v.v. .
Lập trình server-side có thể được thực hiện bằng PERL (Prectical Extraction and Report Language), Visual Basic, Java, Java Server hoặc các ngôn ngữ lập trình web hiện nay như PHP, VB.NET, ASP hay ASP.NET
3. Kiểm tra chất lượng toàn diện
Việc kiểm tra chất lượng phải được thực hiện trên tất cả các khía cạnh của trang web với sự tham gia của các tất cả các cá nhân có liên quan đến dự án kể khi cả người chủ của website thuê người khác làm thì cũng nên tham gia thử trang web.
Trang web sẽ được thử trên cả mạng lẫn ngoài mạng. Để thử trên mạng bạn mở trang web trên nhiều cấu hình máy khác nhau và nhiều phần mềm cũng như nhiều trình duyệt, nên phần cứng và trạng thái khác nhau.
Để cho an toàn bạn nên thử trang web trên băng thông hẹp và máy tính có màn hình nhỏ.
4. Thử bản Beta
Bản Beta la bản thiết kế dùng cho nội bộ chạy thử và lấy phản hồi trước khi đưa ra bản chính thức.
Bản Beta của website chứa đầy đủ tất cả các nội dung, lập trình và tính năng của nó. Mục đích của việc thử bản Beta là để xem website có bị rối loạn khi chạy hay không, chẳng hạn như:
- Các chức năng có được thực hiện tốt hay không.
- Các dữ liệu hiện ra tương ứng với.
- Các thông tin hướng dẫn có hiện ra kịp thời và hợp lý khi người truy cập gặp vấn đề hay không.
5. Quảng bá trên công cụ tìm kiếm (Search engine)
Các công cụ tìm kiếm này sử dụng các chương trình tìm kiếm để đọc các nội dung và theo các kết nối. Công cụ tìm kiếm là phương pháp được 85% số người truy cập để di chuyển trên mạng WWW.
Do đó việc đăng ký website của bạn trên các công cụ tìm kiếm là vô cùng quan trọng. Bạn có thể đăng ký trên một số công cụ phổ biến như Yahoo!, Alta Vista, Excite, WebCrawer, Google, HotBot, Infoseek, Lycos, .v. v. .

6. Thông báo và quảng cáo
Bạn có thể gửi thư trực tiếp đến cho các đối tượng mà Website của bạn nhắm đến. Do họ là những người có thể nói là có liên quan nên xác xuất họ để ý đến website của bạn rất là cao.
Bạn có thể tranh thủ sự tiện lợi của e-mail để gửi cho hàng triệu người mà không mất nhiều công sức và tiền bạc.

Giai đọan 6: Quảng bá và duy trì
1. Truy tìm thông tin của người truy cập
Việc truy tìm giúp bạn biết được người truy cập đi từ đâu sang trang web của bạn, họ vào trang nào trước, ở đó bao lâu, và họ làm gì trong đó.
Việc truy tìm được thực hiện thông qua các chương trình phân tích thông tin người truy cập được cài vào mạng Server của bạn. Bạn có thể chọn mua các chương trình đang phổ biến hiện nay như WebCrumbs, WebTrends, ARIA, net.Genesis, and Net Tracker.
Dựa vào kết quả phân tích được, bạn có thể biết người truy cập vào trang web của bạn là những ai, họ quan tâm đến trang nào nhất, và phương tiện quảng bá nào đã mang họ đến với bạn.
2. Lập kế họach duy trì và cập nhật.
Cần lên kế họach cụ thể ai sẽ chịu trách nhiệm duy trì và cập nhật cho trang web, bao lâu một lần, và ai sẻ cung cấp nội dung thông tin cập nhật.
Có nhiều cách để cập nhật thông tin. Ví dụ như bạn có thể tạo cơ sở dữ liệu cho phần nội dung như khẩu hiệu hay hình ảnh. Cơ sở dữ liệu này được lập trình sao cho có thể nhập một cách tùy ý mỗi khi làm mới trang web. Cách thứ hai là làm các mẫu thông tin để người sử dụng có thể đưa lên nội dung hoặc hình ảnh vào mà không cần phải sử dụng HTML.
3. Tổng kết và nâng cấp
Việc nâng cấp phải dựa trên cơ sở tổng kết các kết quả truy tìm thông tin người truy cập và các thông tin phản hồi khác.
Bạn nên tổ chức một buổi họp tổng kết có sự tham gia của người chủ và người thiết kế trang Web để bàn bạc các vấn đề nào sẽ được nâng cấp.
Tổng kết và nâng cấp là bước cuối cùng của quá trình xây dựng Website, nhưng nó không phải lá điểm kết thúc của dự án. Đây chỉ là một trạm kiểm tra trong quá trình sử dụng Website.

#33
Akaruz

Akaruz

    Thành viên mới

  • Newbies
  • 1 Bài Viết:
hay wá Bro ơi Thx bro rất nhiều bài của Bro rất giúp ích cho những ngưới mới lam wen voi wep như Aka

#34
robocon1.35

robocon1.35

    Thành viên mới

  • Advance Member
  • 16 Bài Viết:
ok , xin lỗi , vì ở trang đó có lick download tool hỗ trợ kèm sách nên post lên cho tiện

#35
onglao_datinh

onglao_datinh

    Trình độ A CSTH

  • Advance Member
  • PipPip
  • 190 Bài Viết:
Công nhận bác này công phu thật đấy , nhưng mà host bác dùng die rồi , em ko xem được , đọc = lời làm sao mà vào được , phải thực hành thì mới biết chứ :jeje: Tiếc quá ...

#36
Black Blue

Black Blue

    Thành viên mới

  • Newbies
  • 24 Bài Viết:
Thank bac đã chia set thông tin nha. Em đang học thiet ke web nên cần nhiều tài liều học.



---------------------------------------
|Thiet ke web SEO | Thiet ke web gia re






special thanks to our all time users for being with us

Calvin Music

Close [X]