Cách tạo một trang bằng html. Ví dụ tạo trang html bằng notepad
VIỆN GIÁO DỤC MỞ MOSCOW
BỘ VẬT LIỆU VÀ CÔNG NGHỆ THÔNG TIN
Tài liệu khóa học từ xa
"Công nghệ thông tin và giáo dục"
Polilova Tatyana Alekseevna
[email được bảo vệ]
Cách tạo một trang web
Cách dễ nhất để tạo một trang web là sử dụng các công cụ Microsoft Office. Các phiên bản mới nhất của gói này cung cấp khả năng chuyển đổi tài liệu thông thường sang định dạng HTML với chất lượng mã tốt.
Tính năng từ
Một tài liệu được chuẩn bị trong trình soạn thảo văn bản Word có thể dễ dàng chuyển đổi thành trang web. Tuy nhiên, nó sẽ không hấp dẫn như bạn mong muốn nếu không thực hiện thêm các bước. Hãy xem xét một vài ví dụ.
Hãy lấy một số văn bản.
Chúng tôi chuyển đổi tài liệu thành một trang web bằng thao tác Lưu dưới dạng trang web... (được gọi từ menu chính - Mục tệp). Sau đó, phần trình bày html của tài liệu sẽ trông như sau:
Điều đầu tiên đập vào mắt bạn là văn bản chiếm toàn bộ không gian màn hình. Độ dài chuỗi quá dài. Để đọc thoải mái trên màn hình, số lượng ký tự trên mỗi dòng phải nằm trong khoảng 50-65.
Sử dụng một bảng
Trong trường hợp này, bạn có thể thực hiện khá đơn giản: tạo một bảng trong tài liệu nguồn và đặt văn bản mong muốn vào đó. Bạn có thể đặt khung trong bảng. Khi đó giao diện của trang web sẽ được cải thiện hơn rất nhiều và trang sẽ trông hấp dẫn hơn trong trình duyệt.
Bối cảnh và phong cách
Nên chọn nền không quá sáng để có thể đọc rõ chữ trên đó. Nền tảng như vậy trong danh sách được đề xuất là, ví dụ, Bánh tráng. Chế độ xem trang đã thay đổi đáng chú ý:
Chèn một hình ảnh
Bạn có thể thêm ảnh vào tài liệu, chẳng hạn như lấy ảnh đó từ bộ sưu tập clip.
Bạn cần nhấp chuột phải vào ảnh, thực hiện thao tác sao chép, sau đó trong tài liệu chỉ định vị trí cho ảnh và thực hiện thao tác dán đối tượng đã sao chép.
Nếu bạn chèn một hình ảnh vào trong một đoạn văn thì tốt hơn là thay đổi các thuộc tính của hình ảnh bằng cách đặt văn bản bao quanh hình ảnh (bạn cần chọn mục menu chính Định dạng rồi chọn Hình ảnh):
Điều này sẽ không tạo thêm bất kỳ khoảng trống nào trong tài liệu.
Cuối cùng, bạn có thể thêm khung và bóng vào ảnh bằng cách sử dụng các nút trên bảng Vẽ - Loại đường và Kiểu bóng. Những sắc thái như vậy làm tăng đáng kể tính biểu cảm cho trang.
Nếu bảng Vẽ không có trên trang, bạn cần cài đặt nó bằng cách chọn mục menu chính Xem rồi chọn Thanh công cụ và Bản vẽ.
Mã chứng khoán
Word cho phép bạn thêm các thành phần thiết kế khác vào một trang web, chẳng hạn như “đường leo”. Để sử dụng tính năng này, bạn cần mở bảng thành phần web trên màn hình (từ menu chính - View, sau đó là Toolbars and Web Components). Nhấp vào nút thao tác Ticking Line sẽ mở ra một cửa sổ bổ sung để chỉ định văn bản của các tham số đường leo.
Như thường lệ, bạn có thể thay đổi phông chữ và thuộc tính của một dòng: cỡ chữ và màu ký tự. Trang web sẽ trông như thế này trên màn hình của bạn:
Chúng tôi chỉ đưa ra một ví dụ về một tập hợp kỹ thuật thiết kế rất khiêm tốn mà bạn có thể thiết kế một trang web dựa trên tài liệu hiện có ở định dạng Word.
Sử dụng mẫu thiết kế
Nếu bạn đang bắt đầu tạo một trang từ đầu, bạn có thể sử dụng Trình hướng dẫn Trang Web để giúp bạn tạo tài liệu trong một cuộc hội thoại. Hoặc bạn có thể sử dụng mẫu thiết kế trang làm sẵn, chọn mẫu đó từ một bộ khá tiêu biểu. Để thực hiện việc này, trong thao tác Tạo, hãy chọn chế độ Tạo bằng mẫu rồi chọn Mẫu chung. Một biểu mẫu sẽ xuất hiện trên màn hình trong đó bạn cần chọn tab Trang web:
Người dùng có thể chọn màu sắc và kiểu dáng một cách độc lập, chẳng hạn như sử dụng cài đặt Định dạng - Chủ đề.
Tạo siêu liên kết và dấu trang
Vấn đề cuối cùng mà chúng tôi dự định xem xét trong phần này là việc tạo siêu liên kết trong tài liệu.
Nếu chúng ta muốn tham chiếu một tài liệu đến một tài liệu khác hoặc một trang web khác trên Internet, thì siêu liên kết đó có thể được thực hiện như sau: chọn một đoạn văn bản (một từ) trong tài liệu và thực hiện thao tác Chèn - Siêu liên kết... Một biểu mẫu sẽ xuất hiện trên màn hình trong đó bạn chỉ định địa chỉ siêu liên kết. Địa chỉ có thể được nhập rõ ràng hoặc tệp có thể được chọn trong cửa sổ.
Ở đây bạn nên nhớ rằng địa chỉ của tệp đã chọn trên máy tính của bạn có thể thay đổi khi bạn tạo trang web của mình. Do đó, phương pháp ngầm chỉ định địa chỉ chỉ phù hợp nếu cấu trúc thư mục trên máy tính và trên trang Internet của bạn giống nhau.
Nếu một siêu liên kết đề cập đến một phần khác của cùng một tài liệu thì trước tiên bạn phải chèn dấu trang vào đầu đoạn mong muốn. Bạn cần thực hiện thao tác Insert – Bookmark và nhập tên bookmark vào mẫu xuất hiện trên màn hình.
Trình bày web trong PowerPoint
PowerPoint là một chương trình được thiết kế để tạo bài thuyết trình trên máy tính. Tuy nhiên, nó có chức năng chuyển đổi bản trình bày đã chuẩn bị sẵn thành định dạng web.
Bạn có thể mở bản trình bày đã chuẩn bị sẵn và thực hiện các thao tác (từ menu chính) Tệp - Lưu dưới dạng trang web. Như thường lệ, bạn cần chỉ định tên của bản trình bày web trong cửa sổ mở ra. Kết quả của việc chuyển đổi bản trình bày, một tệp có tên và phần mở rộng được chỉ định là .htm và một thư mục cùng tên với các tài liệu bổ sung sẽ được tạo.
Nếu bây giờ bạn gọi bản trình bày web từ trình duyệt, bạn có thể xem kết quả chuyển đổi trên màn hình.
Một dòng đặc biệt được tạo ở cuối màn hình, nơi đặt các nút để di chuyển đến các trang trình bày và các nút để thiết lập các thông số khác nhau để xem bản trình bày.
Bài thuyết trình có thể được xem với cấu trúc slide được hiển thị. Nhưng nếu thông tin này không được quan tâm thì trường trên màn hình dành riêng để hiển thị cấu trúc có thể bị xóa (thao tác mở rộng/thu gọn cấu trúc ở dòng dưới cùng).
Sử dụng nút Hiển thị Cửa hàng, bạn có thể xem các trang trình bày ở chế độ toàn màn hình.
Tạo siêu liên kết
Trong bài thuyết trình, bạn có thể tạo siêu kết nối liên kết các đối tượng trên một trang chiếu, chẳng hạn như với các trang chiếu khác. Bằng cách này, có thể tạo ra một cấu trúc siêu phương tiện tương ứng một cách tự nhiên với hệ tư tưởng của Internet. Hãy để chúng tôi giải thích kỹ thuật này bằng một ví dụ.
Chúng ta hãy chuẩn bị sẵn một số slide về chủ đề hệ thực vật của hồ Baikal, được tổng hợp từ bộ sưu tập ảnh. Hãy tạo một slide mới - mục lục cho bộ sưu tập.
Nếu trang chiếu mới không phải là trang đầu tiên trong chuỗi thì bạn cần chuyển sang chế độ sắp xếp trang chiếu (từ menu chính sử dụng thao tác Xem - Sắp xếp trang chiếu) và kéo trang chiếu mới vào đầu bộ sưu tập.
Đặt các bản sao nhỏ của tất cả các bức ảnh vào một slide mới. Cách dễ nhất để thực hiện điều này là theo cách đơn giản nhất: sao chép tuần tự tất cả các bức ảnh trong bộ sưu tập vào một trang chiếu trống, giảm kích thước của chúng và đặt chúng, chẳng hạn như thành hai dòng. Các bức tranh sau này có thể được trang trí bằng các khung có bóng. Bạn có thể thêm tiêu đề bài thuyết trình của mình vào slide mục lục. Chế độ xem bản trình bày ở chế độ Slide Sorter được hiển thị bên dưới:
Chúng ta chuyển sang chế độ xem slide bình thường (lệnh View rồi Normal). Trên slide mục lục chọn ảnh và thực hiện lệnh Insert – Hyperlink. Trong cửa sổ mở ra, hãy đặt quá trình chuyển đổi thông qua siêu liên kết - số trang chiếu có ảnh lớn mà từ đó mẫu nhỏ hơn cho mục lục đã được sao chép.
Tương tự như vậy chúng ta sẽ liên kết các hình ảnh khác trên slide mục lục với các slide tương ứng với ảnh gốc.
Nếu bây giờ chúng ta chạy bản trình bày của mình, nó sẽ hoạt động giống như một cấu trúc siêu phương tiện: khi bạn nhấp vào một bức ảnh nhỏ, nó sẽ chuyển đến một trang chiếu có ảnh lớn hơn.
Nó vẫn còn để cải thiện cấu trúc của chúng tôi khá nhiều. Hãy thêm một mũi tên vào mỗi trang chiếu có ảnh ở phần trên bên trái của nó (Hình tự động trên thanh công cụ Vẽ) và tạo siêu liên kết từ mũi tên này sẽ đi đến trang chiếu mục lục. Giờ đây, chuyển động thông qua cấu trúc hypermedia mà chúng tôi đã tạo sẽ trở thành “hai chiều”: từ mục lục, bạn có thể chuyển đến các trang chiếu có ảnh và từ bất kỳ trang chiếu nào, bạn có thể quay lại mục lục.
Sau khi chuyển đổi bản trình bày sang định dạng web, trang đầu tiên của chúng ta sẽ trông như thế này:
Nhấp vào ảnh từ menu sẽ đưa bạn đến một slide có ảnh lớn và nhấp vào mũi tên (ở trên cùng bên trái của slide) sẽ đưa bạn đến trang mục lục của bộ sưu tập.
Như bạn đã biết, mọi thứ tuyệt vời luôn bắt đầu từ việc nhỏ. Nếu bạn quan tâm đến câu trả lời cho câu hỏi làm thế nào để tạo một trang web bằng notepad, thì có lẽ bạn đã nghe nói về khả năng này ở đâu đó. Điều này thực sự có thể. Nhưng điều đáng nói ngay là rất có thể hiện tại sẽ không có ai tạo một trang web tương tác động hiện đại bằng notepad, vì có những chương trình đặc biệt dành cho việc này giúp tăng tốc và đơn giản hóa đáng kể quá trình phát triển. Nhưng việc tạo một trang web chính thức là hoàn toàn có thể.
Cách tạo một trang web bằng notepadĐể bắt đầu, bạn cần làm quen một chút với lý thuyết và các thuật ngữ chung. Phần lớn các trang web là các tài liệu văn bản thông thường được thiết kế theo cách đặc biệt - ngôn ngữ đánh dấu siêu văn bản, viết tắt là HTML. Một số người phân loại đánh dấu HTML là ngôn ngữ lập trình, nhưng điều này không đúng.
HTML chỉ đơn giản là một cách tiêu chuẩn hóa đánh dấu tài liệu được trình duyệt diễn giải duy nhất để hiển thị trên màn hình máy tính ở dạng thân thiện với người dùng. Công cụ chính của ngôn ngữ HTML là các thành phần cấu trúc đặc biệt mà tài liệu được soạn thảo. Chúng được gọi là mô tả hoặc thẻ.
Nói chung, một thẻ là một cấu trúc có dạng