Bạn đã bao giờ gật đầu để nói rằng bạn hiểu điều gì đó, nhưng bí mật là bạn không hiểu? . cơn ác mộng. Chà, may mắn cho bạn, nếu bạn tiếp tục đọc, bạn sẽ không gặp vấn đề đó khi nói đến CSS, HTML và Javascript. Nhưng có thể bạn vẫn sẽ như vậy trong các khía cạnh khác của cuộc sống, chẳng hạn như cố gắng gây ấn tượng với ai đó trong buổi hẹn hò. Bạn. "oh yeah, tôi yêu ban nhạc đó" - *googles ban nhạc trong phòng tắm* [nhân tiện, bạn thực sự nên ngừng làm điều đó], nhưng này, có một điều tại một thời điểm, chúng ta chỉ là con người;].
Dù sao đi nữa, chúng ta hãy bắt đầu cuộc rượt đuổi, phải không? . Đây là ba khối xây dựng chính của bất kỳ trang web hoặc trang web nào. Chúng hoạt động cùng nhau, tuy nhiên, như chúng tôi sẽ giải thích, tất cả đều đóng những vai trò riêng biệt khi viết mã và tạo web.
HTML là gì?
Có thể ở một giai đoạn nào đó trong đời, bạn đã nhấp vào biểu tượng HTML nhỏ [] và nhìn thấy rất nhiều thứ trông giống như văn bản và ký hiệu ngẫu nhiên, khó hiểu khiến bạn giật mình và cảm thấy như mình đã bước vào một ngân sách thấp khó hiểu nào đó.
Ma trậnvà nhấn Esc rất nhiều lần để hy vọng nó sẽ biến mất? . Một khi bạn hiểu nó, đó là một ngôn ngữ hoặc thế giới khác mà bạn sẽ đánh giá cao và thậm chí có thể yêu thích. Vì vậy, hãy bắt đầu với HTML là viết tắt của từ gì; . Siêu văn bản về cơ bản là "văn bản cấu trúc" và ngôn ngữ đánh dấu là một "ngôn ngữ" hoặc "nội dung" đặc biệt mà máy tính hiểu được, ban đầu được thiết kế để mô tả các trang web và làm cho nội dung có tính tương tác; . HTML được phát hành vào năm 1989 dưới dạng ngôn ngữ xuất bản chính thức của web trên toàn thế giới và là công cụ tạo trang web khối xây dựng ban đầu. Có ba yếu tố chính của HTML; . HTML5 mang tất cả các nhãn hiệu ban đầu của HTML thông thường, năng động hơn và kết hợp ít mã hơn nhưng vẫn cho phép bạn xây dựng thứ gì đó tuyệt vời ngay lập tứcCSS là gì?
CSS là hai điều tối quan trọng. Đó là một ban nhạc rock thay thế nữ sát thủ từ những năm 2000 mà chúng tôi thực sự khuyên bạn nên có hứng thú để. Nhưng CSS, với mục đích trực tiếp của bài viết này và kiến thức của bạn, cũng là một khối xây dựng thiết yếu để mã hóa trang web của bạn.
Vì vậy, CSS trong thế giới công nghệ là viết tắt của Cascade Styling Sheets [điều đó thật tuyệt phải không?. ]. Như tên cho thấy, CSS xác định giao diện và phong cách của trang web. Nó giúp xác định màu sắc, phông chữ, vị trí của các yếu tố nhất định và thậm chí một chút hoạt ảnh. Điều này có nghĩa là CSS chiếm một phần khá quan trọng trong trang web của bạn, là yếu tố hình ảnh và tính thẩm mỹ. CSS đã theo sau việc tạo ra HTML để làm cho các trang web trông đẹp hơn, và thực sự thì ngược lại, các trang web sẽ trông giống nhau, đen và trắng, một số siêu liên kết màu xanh lam và phông chữ la mã mới [BORING. ]. Vì vậy, nếu HTML là bộ xương, thì CSS là da, mắt, tóc, mũi và chân của một trang web làm cho nó trở nên độc đáo và dễ phân biệt.
Vì vậy, mặc dù HTML và CSS phối hợp ăn ý với nhau, nhưng chúng là những ngôn ngữ khá khác biệt. Và học cả hai có nghĩa là bạn cũng có thể sử dụng chúng một cách riêng biệt, vì cả hai đều có vô số ứng dụng khác nhau. Bạn có thể tập trung vào hai điều này và xây dựng một trang web với chuyên gia Uros Cirkovic của chúng tôi MIỄN PHÍ chỉ trong 60 phút. Nghe khá hay, hơi quá hay, nhưng chúng tôi hứa sẽ không có bất ngờ ẩn giấu nào, chỉ có kiến thức tuyệt vời và cuối cùng, bạn sẽ có trang web của riêng mình. Quan tâm đến? . How to build a website with HTML and CSS in 60 min".
Được rồi, chúng ta gần đến nơi rồi
Javascript là gì?
Đây là lúc mọi thứ trở nên phức tạp hơn một chút. Javascript có mặt trên hầu hết mọi trang web chức năng và nó cho phép các trang web trở nên năng động và có tính tương tác. Đó là ngôn ngữ mà các nhà phát triển web sử dụng để tạo các trang web đáp ứng các lệnh và chuyển động của người dùng. Và Javascript thực sự có thể cung cấp cho bạn sức mạnh để thay đổi HTML và CSS trên một trang web. Nó giống như bậc thầy bù nhìn.
Ví dụ, với Javascript, bạn có thể làm như sau
Phát bản xem trước khi con trỏ của bạn di chuột qua video
Phát hoạt ảnh khi bạn cuộn xuống
Tạo menu bật ra khi bạn nhấn một nút trên bàn phím
Tạo phím tắt cho trang web của bạn
Tạo thư viện ảnh chuyển động để người dùng có thể chuyển đổi giữa các slide
Và danh sách được tiếp tục.
Làm thế nào để cả ba làm việc cùng nhau?
Một ví dụ ngắn gọn. Vì vậy, nếu bạn có một cửa hàng thời trang trực tuyến và điều đầu tiên bạn nhận được trên trang web của mình là cửa sổ bật lên "Giảm 10% nếu bạn đăng ký ngay hôm nay", đó là Javascript. Trong khi HTML là giá, kích thước, mô tả, hình ảnh của mặt hàng, v.v. và CSS sẽ là giao diện của cửa hàng trực tuyến, màu sắc, kiểu chữ, kích thước hình ảnh, bảng, v.v.
Bây giờ bạn đã biết sự khác biệt giữa HTML, CSS và Javascript và cách chúng hỗ trợ lẫn nhau, chúng tôi có một số mẹo cần thiết để bắt đầu lập kế hoạch cho trang web của bạn. Và hãy nhớ rằng, đây là một quá trình, một quá trình mà bạn có thể thực sự tận hưởng
8 mẹo bạn phải làm theo để xây dựng một trang web từ đầu
1. Nhặt
Chọn những gì bạn muốn áp dụng vào thực tế, chẳng hạn như viết CV, Danh mục đầu tư hoặc trang đích về một dịch vụ cụ thể được cung cấp
2. Bạn có vui lòng không tập trung vào việc nó trông như thế nào ở giai đoạn này không?
Bỏ ngay áp lực đó đi. Bạn sẽ sớm "phát sáng" trang web của mình, nhưng bạn chỉ cần sắp xếp cấu trúc và nội dung ở giai đoạn này.
3. thô nó
Có một lý do cho từ dự thảo; . Hãy coi nó như một viên kim cương thô sắp được đánh bóng.
4. Nghĩ về cấu trúc
Bạn luôn có thể xem các trang web khác mà bạn thích để tìm cảm hứng nhưng hãy bắt đầu với nó thật đơn giản. Ví dụ: hãy nghĩ xem bạn muốn điều hướng chính ở đâu và bạn muốn gì ở chân trang. Thành thật mà nói, nhiều nhà phát triển trong chúng tôi chỉ lấy bút và giấy và nhanh chóng vẽ để tưởng tượng ra bố cục cơ bản [nhiều người trong chúng tôi còn vẽ tệ hơn những đứa trẻ 7 tuổi, vì vậy đừng mong đợi một kiệt tác; bạn không cần nó ở đây].
5. Thực hành kỹ năng copywriter của bạn
Bạn hoàn toàn có thể thêm một số lorem ipsum phụ vào lúc này, nhưng nếu bạn cảm thấy nguồn sáng tạo của mình tuôn chảy, chỉ cần viết đại khái chúng ra. Điều này sẽ giúp bạn không phải quay lại vì văn bản sẽ ở đó, sẵn sàng và chờ đợi. Ngoài ra, nếu bạn, ví dụ, chọn thực hành Danh mục đầu tư của mình, hãy nghĩ về một vài dòng liên quan đến những gì bạn làm và bạn là ai, lĩnh vực bạn làm việc và kinh nghiệm làm việc và giáo dục của bạn.
6. Kiểm tra một số tài liệu tham khảo thiết kế trước
Thực hiện một số nghiên cứu cảm hứng thị giác. Khi nói đến CSS, bạn sẽ phải nghĩ về bản thân thiết kế, như chiều rộng, chiều cao, lề, phần đệm, vị trí, màu nền, cỡ chữ, v.v. Vì vậy, chúng tôi khuyên bạn nên truy cập một số trang web mà bạn thích làm điểm tham chiếu hoặc điểm chuẩn để có khái niệm trực quan rõ ràng hơn
7. Làm điều đó bằng cách xem hội thảo trên web của chúng tôi. ]
Cho phép chúng tôi hỗ trợ bạn. Hãy tin tưởng chúng tôi, nó dễ dàng hơn nhiều và chúng tôi thực sự thân thiện. ]. Vì vậy, chúng tôi chắc chắn rằng trải nghiệm học tập sẽ thú vị và dễ tiếp thu hơn là tự mình đọc và thử mọi thứ. Hội thảo trên web của chúng tôi gần giống như một lớp học riêng tư và bạn sẽ hoàn thành chỉ sau 60 phút.
8. Ăn mừng
Oooh yeah, bạn đã làm nó. Dù nó trông như thế nào, bạn đã có một bước nhảy vọt. Và để làm cho quá trình này trở nên thú vị hơn, đã đến lúc bạn ăn mừng. Ly rượu? .