Tạo trang web đầu tiên của bạn từ Scratch: 4 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:36

Tài liệu hướng dẫn này sẽ chỉ cho bạn cách tạo trang web của riêng bạn, hoàn toàn từ đầu mà không cần học hầu như bất kỳ html nào và hoàn toàn miễn phí, mặc dù cần phải có một số kỹ năng trong chương trình vẽ, nhưng nếu bạn không có kỹ năng đó, bạn có thể tìm kiếm trên internet cho những gì bạn sẽ làm với sơn được tạo sẵn. danh sách những thứ cần thiết.

• Truy cập Internet (rất có thể nếu bạn đọc cái này thì bạn đã có cái này)
• Một chương trình sơn
• Khoảng một giờ thời gian (thậm chí ngắn hơn tùy thuộc vào kỹ năng của bạn)
• Và một số tải xuống tất nhiên là đồ miễn phí.

Bản tải xuống đầu tiên được gọi là gimp, về cơ bản là một phiên bản thu nhỏ của cửa hàng ảnh hoặc một phiên bản sơn cửa sổ lớn hơn do bạn quyết định. Gimp chương trình này cũng có các phiên bản cho người dùng Linux và mac. Tiếp theo là một cái gì đó mà tôi thực sự thích đó là một trình soạn thảo HTML. bạn đoán nó Đồ miễn phí. đây là những gì làm cho nó để bạn không cần phải học html. nhưng nếu bạn muốn viết mã, bạn có thể làm điều đó trong chương trình này. NVUGot tất cả những điều đó, Tốt ngay bây giờ khi sẵn sàng bước vào thế giới interweb.

Bước 1: Tạo hình ảnh

Đây là bước mà bạn tạo tất cả các hình ảnh cho trang web của mình, tất nhiên bạn sẽ phải đặt tên cho trang web của mình trong giai đoạn này. ví dụ trang web hướng dẫn tất cả những gì nó thực sự là một biểu ngữ ở trên cùng, thanh màu cam với các nút và một vài thanh menu. ở trang giữa, chỉ cần để trống chỗ đó) và không tạo nền, chỉ tô nền bằng một màu đồng nhất phù hợp với trang của bạn. của riêng bạn. khi bạn có những gì bạn muốn trang chính của mình trông như thế nào. khi bạn đã hoàn thành. cắt và dán mọi thứ có thể nhấp được, bao gồm cả biểu ngữ và các nút riêng lẻ vào một cửa sổ mới và lưu nó riêng biệt, hãy đảm bảo lưu chúng dưới dạng.png, hãy xem hình ảnh để biết ví dụ của tôi. Vấn đề ở đây là tách mọi thứ ra để bạn có thể viết mã.

Một gợi ý khác là tạo một thư mục mới để lưu chúng vào, không cần thiết nhưng để tổ chức

Bước 2: Kết hợp mọi thứ lại với nhau

Đối với điều này, bạn sẽ mở nvu, tôi mất một chút thời gian nhấp chuột nhưng nó không phức tạp. tôi sẽ đưa bạn qua nó từng bước.

Đầu tiên, bạn sẽ cần lấy thanh trên cùng được đặt ở mặc định là 600 (tôi khá chắc chắn) nhưng bạn sẽ muốn kéo thanh này qua và làm cho nó rộng 1000, làm tương tự sang một bên chỉ làm cho nó 600. Tiếp theo bạn Trước tiên, muốn tạo nền cho trang web, bạn sẽ không sử dụng màu tô mà bạn đã sử dụng trong chương trình sơn của mình, thay vào đó hãy vào Định dạng> Màu trang và Nền, nhấp vào sử dụng màu tùy chỉnh. và tạo màu nền như bạn đã tạo trong chương trình sơn. Điều tiếp theo bạn sẽ muốn làm là thêm biểu ngữ trên cùng. nhấp vào nút hình ảnh trên thanh công cụ. và tìm biểu ngữ của bạn. nhấp chuột không sử dụng văn bản thay thế. và ok. bây giờ bạn có hình ảnh đầu tiên của bạn trên trang của bạn. * nhấp vào thanh nguồn ở cuối chương trình để xem có bao nhiêu mã đã đi vào thành công. đó cũng là một cách tốt để học HTML. Tải lên phần còn lại của các nút, bạn có thể sử dụng văn bản thay thế hoặc không tùy thuộc vào bạn. Tuy nhiên, bạn sẽ cần phải nhấp vào nút và đi vào thanh định dạng trong thuộc tính hình ảnh và liên kết. nhấp vào thanh liên kết và làm cho nó liên kết đến những gì liên quan đến, nút trang chủ sẽ là index.htm, nút liên kết sẽ là các liên kết.htm viết những gì các nút được liên kết xuống mà bạn sẽ cần chúng sau khi bạn hoàn thành mọi thứ nó sẽ giống như hình ảnh của trang web trước khi bạn thực hiện cắt và dán. Điều cuối cùng bạn muốn làm là tạo một bảng ở giữa trang dưới các nút, bạn có thể thay đổi màu sắc và đường viền trong thanh menu, đây là nơi văn bản chính của bạn sẽ chuyển đến. viết một cái gì đó trong của họ chỉ để bạn có một cái gì đó trên trang web của bạn.

Bước 3: Thiết lập mọi thứ

Bây giờ bạn có trang web khá nhiều. nhưng bạn có thể không có thời gian hoặc không gian cần thiết để thiết lập một máy chủ, và sau đó nó sẽ không được miễn phí. nhưng họ là những nơi sẽ lưu trữ trang web của bạn miễn phí trên máy chủ của họ. sở thích của tôi là. freewebs

Nếu bạn không muốn thực sự làm điều này theo hướng dẫn và chỉ đang đọc qua, bạn vẫn có thể tạo một trang web từ họ, họ có mọi thứ bạn cần, tất cả những gì bạn làm là chọn cách bạn muốn trang web của mình trông và nhập những gì bạn muốn. Cách làm này linh hoạt hơn rất nhiều

Tạo tài khoản trên freewebs nếu tên trang web của bạn được sử dụng, đừng lo lắng chỉ cần thêm số 2 vào cuối trang web của bạn ngay bây giờ, tức là khai thác punkholy, nếu nó được sử dụng, tôi sẽ gọi nó là punkholy2. (Hầu hết đây có thể không phải là những gì mọi người nhập khi họ truy cập trang web của bạn. Cuối cùng khi tạo trang web, hãy đảm bảo đặt nó ở chế độ html. Bạn sẽ kết thúc ở một màn hình như hình thứ ba, nhấp vào trình quản lý trang web và nhấp để chỉnh sửa trang có tên là index.htm, hãy xóa nội dung có trong chúng, vào thanh nguồn trong nvu và sao chép và dán nó vào trình soạn thảo văn bản trống. cuối cùng tải hình ảnh lên thư mục chính và nhấp vào quả địa cầu nhỏ để xem trang. nếu có gì sai, hãy bình luận về nó và gửi tin nhắn cho tôi với html của bạn và tôi không biết tôi có thể làm gì.

Bước 4: Hoàn thiện

Trần với tôi của bạn gần như hoàn thành. nhớ khi bạn đã rất cố gắng để viết những cái tên đó? Nows khi bạn cần. tạo một số trang mới có tên giống như các nút được liên kết đến. bây giờ hãy sao chép mã html từ trang Chỉ mục. và sao chép nó vào các trang mới, sau khi kiểm tra. bạn sẽ thấy vị trí mà bạn đã nhập văn bản vào trang chủ. bạn có thể xóa nó và viết một cái gì đó khác vào trang, sau đó bạn sẽ cần phải tra cứu một số html nếu bạn muốn thêm liên kết đến trang khác và những thứ tương tự. nhưng đối với phần lớn trường hợp này, bạn DONE kiểm tra các nút của bạn xem chúng có hoạt động hay không. nghĩ ra một số nội dung và vui vẻ. * là một bước tùy chọn nếu bạn có một tên đã được sử dụng và phải đặt số 2 vào tên của bạn, hãy truy cập vào đây và đăng ký tên bạn muốn. ngay cả khi nó được sử dụng trên freewebs thì rất có thể nó không được đưa vào đây. cuối cùng chỉ là bình luận về nội dung thông thường nếu bạn gặp vấn đề, tôi biết nó là một hướng dẫn dài với rất nhiều thông tin và nếu tôi bỏ sót điều gì đó, hãy nói với tôi, đừng châm ngòi Tôi, Iv đã tạo ra rất nhiều trang web và một cái gì đó tôi nghĩ là hiển nhiên có thể không quá rõ ràng đối với một người mới làm quen với nó. nếu bạn muốn có một ví dụ thì hãy xem trang web của tôi www.punkholy.tk.