Xem mẫu

  1. CÁCH ĐƯA MỘT TRANG WEB LÊN INTERNET (Phan_pro_QB) ******************CÁCH TẠO MỘT TRANG WEB ********************** Bước 1: Các chương trình thường dùng để tạo web + Microsoft Frontpage 2000,2002 (XP) + Macromedia Dreamweaver 4.0 + Homesite 4.0 Ta nên dùng Microsoft Frontpage 2002 (XP) Start menu / Program files / Microsoft Frontpage Bước 2: Xác định mục đích trang web + Đưa tin + Thông báo Nói chung dù mục đích như thế nào thì bây giờ chúng tã sẽ học cách trình bày l à chí nh vì l àm web khác mới l àm văn bản ở một chỗ : Định dạng của văn bản l à chính xác và không thay đổi còn đối với web cho dù ta l àm đ ẹp như thế nào nhưng khi đưa l ên trang web vẫn bị l ệch rất khó chịu .Vậy thì l àm sao ta có thể cố định bây giờ . Xin hãy bước vào bước 3 Bước 3: Ta sẽ dùng những chi ếc bảng để cố định đi ều này . Bảng thậm chí có thể l ồng vào nhau do vậy có thể định dạng theo mọi cách l ựa chọn của mình . ví dụ Bạn thấy không ở ví dụ ta thấy rõ nếu không có bảng thì trang web của bạn mỗi dòng cách nhau l à một khoảng cách bằng đúng một dòng . DO vậy trang web trông rất xấu và khó đọc Nào bây giờ ta di l àm ví dụ cụ thể nhé . Ta tạo một trang web mang nội dung truyền tải l à quảng cáo tin tức mới (Mọi trang web đều có trang này xuẩt hi ện đầu ti êng khi ta vào trang web đó) . ta l ấy tên file l à tintuc.htm a.> Mở chương trình Frontpage b.> File - > Save đặt tên file tintuc.htm c.> Thay đổi các thông số của trang : Màu nền , Màu chữ, màu của li ên kết Thay đổi màu nền : Chuột phải một khoảng trắng trên trang web hoặc Format/ Background cửa sổ Page Properties hi ện ra thanh Tab đang lựa chọn l à Background
  2. Ta muốn đặt một file ảnh l àm nền chọn Background picture còn nếu không bỏ dấu chọn Thay đổi màu nền (không sử dụng ảnh - và chế độ mặc định l à màu trắng) click vào nút tam gi ác ngược ở trong ô Background để chọn màu. Thứ tự các ô trong hình như sau : từ trên xuống , từ trái sang phải (MỤC COLOR) màu nền (Background) màu li ên kết (Hyperlink) màu chữ (text) màu của li ên kết đã được lựa chọn (visited hyperlink) màu li ên kết động (active hyperlink) Chọn OK Trong ví dụ ta sẻ để màu nền l à đen màu chữ trắng màu li ên kết l à vàng còn l ại giữ nguyên d.> nào bây giờ ta chọn tạo bảng trên thanh bar nhé Nó cũng giống với Winword nhỉ Ta sẽ chọn bảng có 3 dòng và 3 cột e.> l àm mờ các đường vi ền của bảng nếu như ta không muốn nó hi ển thị - Ta bôi hết cả b ảng sau đó chọn Table/table Properties/Table ------- trong mục boder mặc định l à một nếu muốn không hi ển thị viền chọn 0. Và nếu muốn bảng này mang màu sắc khác với màu nền chọn ô Color trong mục background và chọn Use background image nếu muốn l ấy một bức ảnh l àm nền . (Ta chọn màu nền l à đen hoặc nếu trùng với màu nền trang web thì không cần chọn) f.> Xong bước đầu bước định dạng trang web . ta thử xem nhé . Chọn Save để cất giữ trang web . Chọn file Preview in Browser Ta thấy Internet Explorer hi ện ra một màn hình đen xì (tởm quá ) những không có sự xuẩt hi ện của bảng nhỉ . Bước 4: nào chúng ta nạp dữ li ệu vào chứ nhỉ (xong rồi đấy đơn gi ản nhỉ ) Bước 5: Xong rồi thì bước 5 l àm gì ? à quan trọng đấy nếu như ta chỉ cần vài cái thông báo hay tin ngắn thì quên bước 5 nhưng ta muốn l ại đưa tìn theo ki ểu mời mọc thì l ại phải đọc nốt bước 5 đấy . Tức l à như thế này : Trên trang web www.newghost.com có các mục trang chủ , thông báo , tán gẫu , .... đều có những li ên kết mang tên giống hệt như tên của mục chọn . Ví dụ : mục thông báo thì trang web link của nó l à thongbao.htm. Ta không thể nào thay đổi các link này mà chỉ có thể thay đổi mấy trang web thongbao.htm, tintuc.htm mà thôi . từ những trang này ta hãy cho l ên một tip à quên tựu đề để họ đưa tới trang web của mình . ơ nhưng trang web của mình được link như thế nào ? À vâng ta l ấy một ví dụ cụ thể của website www.newghost.com nhé . 2
  3. trên trang web này có một trang l à tintuc.htm (trang luôn đưa ra những tựa đ ể nóng bỏng ). và ta đ ã đưa trang web của ta l ên ( ví dụ trang tienoi.htm) trên địa chỉ đó ( Tôi sẽ hướng dẫn ở phần sau) Ví dụ ta đư a l ên theo địa chỉ sau www.newghost.com/baiviet/tienoi.htm (Được rồi , nói nhi ều thế túm l ại l àm sao để link các trang web tienoi.htm này vào trang tintuc.htm hả . đầu ti ên bạn hãy lựa chọn 1 trong 2 phương án : phương án 1 : Thay toàn bộ nội dung trong trang tintuc.htm (tức l à xoá nó chứ gì mi ễn sao gi ữ l ại cái tên l à tintuc.htm chứ gì ? vâng đúng vậy ta sẽ thay l ại toàn bộ nội dung của nó ) Vào frontpage tạo một trang web l à tintuc.htm làm mấy bước như trên . Thêm vào ô thứ nhất cột thứ nhất dòng thứ nhất đó một đoạn văn sau : "Nếu bạn cần bi ết thông tin chi ti ết về ti ền xin mời vào đây" và b ạn rất muốn khi người đọc nhấn vào đoạn chữ vào đây thì trang web tienoi.htm hiện ra xin hãy l àm theo tôi nhé : + bôi đoạn chữ vào đây + nhấn chuột phải + Chọn hyperlink + Gõ vào mục Address dòng : http://www.newghost.com/baiviet/tienoi.htm (baiviet l à thư mục chứa file tienoi.htm trên site www.newghost.com . Có thể thay đổi tuỳ theo bạn thôi .) + Lựa chọn cách hi ển thì : Target Frame tức l à khi người đọc nhấn vào chữ vào đây thì trang web của bạn hoặc sẽ được mở ngay vào trang bạn đang duyệt , hoặc được mở thành một cửa sổ khác + Do trang web www.newghost.com sử dụng công nghệ đa frame nên bạn phải để hiển thị vào một frame có tên l à main . Nói ngắn gọn hơn l à trong mục Target Setting của cửa sổ Target Frame là main . Chọn OK sau đó l ại OK thế l à xong hì hì ( Bạn đã thành một nhà thi ết kế WEB hạng ưu của những ngưòi bắt đầu vi ết web rồi . Phương án 2: Có l ẽ chẳng khó khăn gì bạn hãy vào INTERNET EXPLORER và gõ địa chỉ www.newghost.com/tintuc.htm Chọn file/save as.... giữ nguyên tên nhé Dùng Frontpage để sửa nó . Thay vì bạn phải tạo mới bây giờ bạn chỉ vi êcj thêm một câu nói và một cái link gi ống trong phương án 1 l à xong . Nào phần quan trong nhất đây . Đưa trang web lên mạng nhé Ta sử dụng chương trình CuteFTP (start/program fil es/GlobalSCAPE/CuteFTP/CuteFTP Chọn New và hãy đi ền các thông số gi ống như thế này vào chương trình của bạn nhé . 3
  4. mật khẩu là 05121983 Sau khi đi ền xong chọn Connect (Quên bạn nhớ vào mạng trước đã nhé) Khi nào màn hình hiện l ên bảng tức l à bạn đã vào được máy chủ rồi . Chọn Ok để ti ếp tục. Bạn thấy không bên phải l à máy chủ trên INTERNET bên trái l à máy ơ nhà của mình Nào bây giờ chúng ta đưa file tintuc.htm và tienoi.htm l ên nhé Bên của số trái chúng ta chọn Desktop/vanban Ta thấy hai file mà chúng ta vừa mới tạo xong tintuc.htm,tienoi.htm Tao dùng chuột chọn vào file tintuc.htm sau đó kéo và th ả nó sang cửa sổ bên phải Thông báo ki ểm tra hi ện ra Chọn Yes để ti ếp tục 4
  5. nào dùng chuột kéo thanh cuộn của cửa sổ bên phải xuống xem đã có file tintuc.htm chưa nhé. nếu có thì OK nếu không thử kéo và thả l ại xem. Còn file tienoi.htm . Do chúng ta đã đặt link trong file của tintuc.htm dẫn tới file tienoi.htm l à : http://www.newghost.com/baiviet/tienoi.htm Vậy mà ta ki ểm tra trong máy chủ chưa có thư mục Baiviet vậy phải l àm sao Chuột phải vào khoảng trống bất kỳ chọn Make new directory đánh chữ Baiviet chọn OK Bạn đã thấy thư mục baiviet rồi đúng không ? nào click chuột vào thư mục bài vếit nhé để mở nó ra . Rồi l ại lôi file tienoi.htm (làm giống cía file tintuc.htm ý ) Ok xong rồi . bây giờ bạn hãy vào INTERNET EXPLORER và g õ địa chỉ www.newghost.com xem có gì thay đổi không nhé . PS Mọi trang web đều sử dụng UNICODE nhé . Xong rồi bye 5
nguon tai.lieu . vn