Cỏch thiết kế website trực tuyến

Một phần của tài liệu thiết kế website hỗ trợ việc tự học phần hóa hữu cơ lớp 11 trung học phổ thông (ban nâng cao) (Trang 73 - 78)

Ngày nay với sự kết nối internet thỡ việc thiết kế website khụng cũn là vấn đề khú khăn nữa. Mỗi GV chỳng ta đều cú thể thiết kế cho mỡnh một website, với những người khụng chuyờn như chỳng ta thỡ cần thiết cú sự hỗ trợ của mạng

internet. Trong phần này chỳng tụi thiết kế website với sự hỗ trợ của cỏc cụng cụ trực tuyến

Dịch vụ lưu trữ website – hosting

Hosting là nơi lưu giữ website trờn mạng, cú thể lưu trữ mọi thứ trờn hosting bởi vỡ hosting được xem như một dịch vụ lưu trữ trực tuyến. Hosting nổi bật hơn cỏc dịch vụ khỏc ở chỗ nú hỗ trợ nhiều hơn cho việc lưu trữ và chỉnh sửa trang web khi đĩ upload lờn hosting này. Khi đăng ký sử dụng, nhà cung cấp dịch vụ sẽ tạo cho ta một địa chỉ, chỳng ta chỉ cần tạo website và upload lờn hosting là được. Tuy nhiờn dịch vụ này tốn tiền, cú giải phỏp khắc phục vấn đề này là chỳng ta sử dụng miễn phớ một số hosting trờn mạng.

Chỳng ta cú thể vào trang tỡm kiếm và gừ từ khúa để tỡm kiếm, ở đõy chỳng ta tỡm một số hosting thụng dụng qua cỏc từ khúa: “free host”, “free web hosting”…và nhiệm vụ cũn lại là lựa chọn và đăng ký dịch vụ tỡm được. Cỏc hosting này khụng thu phớ lưu trữ nhưng dung lượng lưu trữ, băng thụng rất hạn chế và hay bị đặt quảng cỏo lờn trang chủ website. Tuy vậy, chỳng ta vẫn cú thể sử dụng tốt bằng cỏch kết hợp cỏc hosting đú lại với nhau. Tựy theo nội dung của website và dựa vào ưu điểm của cỏc hosting mà kết hợp chỳng lại với nhau sao cho phự hợp. Vớ dụ như nếu dung lượng cú hạn thỡ chỳng ta chỉ lưu trữ trang chủ trờn hosting này, cũn cỏc trang khỏc thỡ chỳng ta lưu trữ trờn cỏc hosting khỏc và chỳng ta đặt liờn kết lại với nhau.

Tờn miền của website (domain) cú ảnh hưởng rất lớn đến lượng khỏch truy cập vào website, vỡ nếu tờn miền dài dũng khú nhớ thỡ khú tỡm được đọc giả. Khi chỳng ta upload website lờn hosting tỡm được cú chất lượng tốt mà địa chỉ quỏ dài khú nhớ thỡ chỳng ta nhờ vào dịch vụ miễn phớ rỳt ngắn tờn miền, cũn gọi là subdomain. Để thực hiện chỳng ta vào địa chỉ http://www.zeroweb.org để đăng ký và thực hiện cỏc bước theo yờu cầu.

Để thiết kế được một website chỳng ta cú thể dựa vào cỏc mẫu cú sẵn trờn mạng internet gọi là web template. Khi sử dụng cỏc web template này, chỳng ta sẽ thấy dễ dàng hơn, nhanh hơn cỏch mà chỳng ta thường làm thủ cụng, vỡ cỏc web

template đĩ định sẵn cấu trỳc website. Việc cũn lại là dưa nội dung vào web template sao cho hợp lý. Hiện nay, trờn mạng cú nhiều dịch vụ cung cấp web template, chỳng ta vào trang tỡm kiếm và đỏnh từ khúa “free web template” sẽ tỡm được nhiều dịch vụ đỏp ứng được yờu cầu. Cú thể truy cập vào trang chủ dịch vụ web template tại địa chỉ www.webtemplates.com .

Nhấp chọn một loại web template cần sử dụng. Sau đú, trang kế tiếp với cỏc mẫu thiết kế trong thể loại đú xuất hiện. Tham khảo và chọn mẫu yờu thớch, sau đú nhấp vào link website bờn dưới mẫu thiết kế để xem giao diện và cỏch bố trớ nội dung trờn trang đú, nếu thấy mẫu nào phự hợp với website của bạn thỡ nhấp vào link download bờn dưới mẫu thiết kế để tải về.

Hỡnh 2.2. Một số mẫu thiết kế website trong freewebtemplates

Cú thể tham khảo thờm cỏc trang web sau đõy: www.freelayout.com, www.webtemplateszone.com , www.moonfatasy.com ,…

Để giao diện của website đẹp và thu hỳt người xem, ngồi việc dựng cỏc webtemplate để tạo giao diện chỳng ta cũng cần tạo ra nhiều hiệu ứng phụ khỏc cho trang web như tạo text, button hay logo động để website thờm sinh động. Cú thể thiết kế text, button hay logo được thiết kế sẵn trờn internet. Truy cập vào địa chỉ http://www.cooltext.com để tạo được text, button hay loglo theo ý muốn chỳng ta theo cỏc bước hướng dẫn đơn giản của chương trỡnh.

Để tạo một hiệu ứng text ta thực hiện 3 bước sau:

- Truy cập vào địa chỉ http://.cooltext.com, chọn hiệu ứng thớch nhất , click chuột vào hiệu ứng đú để chọn.

- Nhập dũng chữ muốn tạo ra hiệu ứng vào ụ logo text và cỏc tựy chọn khỏc. - Sau khi chọn xong nhấp vào Render Logo Design để bắt đầu tạo dũng chữ hiệu ứng. Nếu vừa ý thỡ click vào Dowload Image để lưu file ảnh vào mỏy tớnh.

Hỡnh 2. 3. Tạo hiệu ứng text trong cooltext.com

Để tạo một button cũng tương tự như tạo hiệu ứng chữ như nờu trờn, chỳng ta cú được những button như ý.

Hỡnh 2.4. Trang tạo button trong www.cooltext.com

Như vậy với sự hỗ trợ trực tuyến chỳng ta cú thể thiết kế một website theo ý tưởng của chỳng ta. Vấn đề này khụng khú nhưng cần thời gian đầu tư và tõm huyết thỡ sẽ tạo được một website theo ý muốn.

Một phần của tài liệu thiết kế website hỗ trợ việc tự học phần hóa hữu cơ lớp 11 trung học phổ thông (ban nâng cao) (Trang 73 - 78)