Bạn vừa mới bắt đầu nghiên cứu những điều thô sơ đầu tiên của Lập trình web và, để thực hành, bạn đã quyết định tạo một trang cá nhân nhỏ "theo cách thủ công", mà không cần dùng đến các blog hoặc hệ thống tự động để tạo các trang đang rất thịnh hành hiện nay.
Sự lựa chọn tuyệt vời, trải nghiệm thực tế này sẽ khiến bạn học được hơn một trăm cẩm nang lý thuyết. Chính vì lý do này, hôm nay tôi ở đây để giúp bạn một chút và gợi ý cho bạn cách tạo một trang web thực hiện những bước đầu tiên của bạn với KompoZer, một trình soạn thảo miễn phí tuyệt vời cho phép bạn tạo các trang web ở cả chế độ trực quan và ngôn ngữ HTML. Sẵn sàng để bắt đầu?
Khám phá cách tạo một trang web, bước đầu tiên bạn cần làm là kết nối với trang web KompoZer và nhấp vào mục đầu tiên Tải xuống (cái có cờ Windows) được đặt bên cạnh mục Ý Ý, ở giữa trang, để tải xuống chương trình trên PC của bạn. Khi quá trình tải xuống hoàn tất, hãy mở tệp bạn vừa tải xuống bằng cách nhấp đúp vào tệp đó (kompozer-0.8b3.it.win32.exe) và trong cửa sổ mở ra, trước tiên hãy nhấp vào Chạy Là Yup (để cho phép cài đặt trên Windows 7 / Vista) và sau đó Ở đằng trước.
Sau đó chấp nhận các điều kiện sử dụng của chương trình, đặt dấu kiểm bên cạnh mục Tôi chấp nhận các điều khoản của thỏa thuận cấp phépvà nhấp vào đầu tiên Ở đằng trước trong bốn lần liên tiếp và sau đó tiếp tục Tải về Là kết thúc để kết thúc quá trình cài đặt và bắt đầu KompoZer.
Khi chương trình đã bắt đầu, bạn có thể bắt đầu tạo một trang web: vì bạn là người mới bắt đầu, tôi khuyên bạn không nên đi thẳng vào mê cung của mã HTML mà hãy cố gắng tạo trang chính của trang web của bạn bằng trình chỉnh sửa trực quan. Trình soạn thảo trực quan của KompoZer hoạt động hơi giống Word và các chương trình xử lý văn bản mà bạn quen sử dụng. Sau đó, bạn có thể viết và định dạng văn bản bằng các phím B. (Dũng cảm), CÁC (in nghiêng) e U (gạch chân) của thanh công cụ chương trình; căn chỉnh văn bản sang trái, phải, chính giữa hoặc căn đều, sử dụng các nút thích hợp trên thanh công cụ và chèn hình ảnh, liên kết và bảng vào các trang Web của bạn.
Tuy nhiên, trước khi làm mọi thứ, bạn phải đặt trang chính của trang web của mình và lưu nó trong thư mục nơi bạn sẽ chuyển đến để lưu tất cả các tệp của dự án của mình. Sau đó chọn mục Thuộc tính tiêu đề và trang từ menu định dạng và, trong cửa sổ mở ra, hãy nhập tiêu đề bạn muốn gán cho trang web của mình (tiêu đề sẽ được hiển thị trên thanh tiêu đề của trình duyệt) và bất kỳ thông tin nào khác mà bạn muốn chỉ định. Khi hoàn tất, hãy nhấp vào nút Tiết kiệm và lưu trang chính của trang web của bạn trong thư mục nơi bạn sẽ chèn tất cả các tệp dự án, đổi tên nó index.html.
Khi trang đã được lưu, bạn có thể bắt đầu tạo trang chủ của trang web của mình như đã đề cập ở trên. Để chèn một hình ảnh trên trang web của bạn, hãy nhấp vào nút Hình ảnh của thanh công cụ KompoZer và, trong cửa sổ mở ra, hãy chọn ảnh bạn muốn thêm vào trang web bằng cách nhấp vào biểu tượng có hình dạng thư mục. Tất cả các hình ảnh bạn chèn trên trang web phải được lưu trước đó trong thư mục dự án nơi bạn đã lưu trang index.html hoặc trong một thư mục con chứa trong thư mục thứ hai. Ví dụ: nếu thư mục mà bạn đã lưu trang chính của trang web là C: trang web, hình ảnh sẽ cần phải ở C: trang web hoặc là C: ảnh trang web.
Tương tự đối với các siêu liên kết. Nếu trong trang web của bạn, bạn muốn liên kết một văn bản hoặc hình ảnh với một trang khác trên trang web của mình, bạn phải lưu trang kia trong cùng một thư mục index.html. Ví dụ: nếu bạn đã tạo một trang có tên images.html và bạn muốn liên kết nó trên trang chính của trang web của bạn, hãy đánh dấu bằng chuột vào văn bản hoặc hình ảnh bạn muốn sử dụng làm liên kết, nhấp vào nút kết nối của thanh công cụ KompoZer và trong cửa sổ mở ra, hãy nhập tên trang của bạn làm đích (ví dụ: images.html) và nhấp vào nút đồng ý để xác nhận hoạt động.
Bạn có muốn tùy chỉnh màu sắc của trang Web của mình hoặc áp dụng hình nền cho nó không? Chọn Hình nền và Màu trang từ menu Định dạng và đặt tùy chọn của bạn trong cửa sổ mở ra. Một lần nữa, nếu bạn quyết định sử dụng hình ảnh làm nền cho trang của mình, hãy đảm bảo rằng hình ảnh được lưu trong cùng một thư mục với index.html (hoặc trong một thư mục con).
Bằng cách tuân theo các quy tắc cơ bản rất đơn giản này, hãy tạo tất cả các trang của bạn trên trang cá nhân của bạn và khi bạn cảm thấy sẵn sàng, hãy thử xem mã HTML của các trang được tạo (và tại sao không, hãy sửa đổi nó) bằng cách nhấp vào nút Nguồn nằm ở dưới cùng bên trái. Đối với tất cả các hướng dẫn về cách sử dụng KompoZer tham khảo hướng dẫn trực tuyến được tích hợp vào chương trình, bạn có thể tìm thấy nó trong menu ? > Chủ đề trợ giúp. Bạn sẽ thấy rằng ngay lập tức, bạn sẽ có thể tạo một trang web với tất cả các đồ trang trí.