วิธีสร้างเว็บไซต์สำหรับทุกคน

สารบัญ:

วิธีสร้างเว็บไซต์สำหรับทุกคน
วิธีสร้างเว็บไซต์สำหรับทุกคน

วีดีโอ: วิธีสร้างเว็บไซต์สำหรับทุกคน

วีดีโอ: วิธีสร้างเว็บไซต์สำหรับทุกคน
วีดีโอ: สิ่งที่ต้องรู้สำหรับมือใหม่ก่อนเริ่มสร้างเว็บไซต์ มีอะไรบ้าง ไปดูกัน! 2024, พฤศจิกายน
Anonim

ในการสร้างเว็บไซต์ คุณจำเป็นต้องรู้พื้นฐานของการเขียนโปรแกรมเว็บ สิ่งนี้ต้องเรียนรู้ HTML, CSS, JavaScript สองภาษาแรกที่กล่าวถึงนั้นง่ายต่อการเรียนรู้ JavaScript มีความซับซ้อนมากขึ้น เพื่อให้งานของคุณง่ายขึ้น คุณสามารถใช้ตัวแก้ไขโค้ด HTML และ CSS ต่างๆ ได้

ไซต์ของคุณช่วยให้คุณสามารถสื่อสารกับผู้คนได้อย่างสะดวกรวมทั้งทำเงินได้ดี
ไซต์ของคุณช่วยให้คุณสามารถสื่อสารกับผู้คนได้อย่างสะดวกรวมทั้งทำเงินได้ดี

Html

HTML - ภาษาที่ใช้เขียนหน้าเว็บเป็นแกนหลักของเว็บไซต์ ในการทำงานกับภาษานี้ คุณต้องมีโปรแกรมแก้ไขข้อความ "Notepad" และเบราว์เซอร์ ในการสร้างหน้าอย่างง่าย คุณต้องสร้างไฟล์ "Notepad" จากนั้นเปิดแล้วเลือกฟังก์ชัน "บันทึกเป็น" คุณสามารถเขียนชื่อใดๆ ตามด้วยนามสกุล ".html" ต้องเลือกประเภทเอกสาร "ไฟล์ทั้งหมด" ไฟล์จะปรากฏขึ้นข้าง Notepad ซึ่งคุณสามารถเปิดในเบราว์เซอร์ของคุณได้ ขั้นตอนที่จำเป็นถัดไปคือมาร์กอัปหน้าเว็บอย่างง่าย ซึ่งประกอบด้วย doctype และแท็ก มันจะมีลักษณะดังนี้:

คุณสามารถวางโค้ดนี้ได้โดยเปิดหน้าเว็บด้วย Notepad เบราว์เซอร์ Opera ให้คุณแก้ไขทรัพยากรบนเว็บได้โดยตรง ในการดำเนินการนี้ ให้เรียกเมนูบริบทและเลือก "ซอร์สโค้ด"

doctype คือการประกาศต่อเบราว์เซอร์เกี่ยวกับวิธีแสดงเนื้อหาของหน้า มีการประกาศหลายประเภท แต่ด้วยการเปิดตัว HTML เวอร์ชันที่ห้า เอกสารประเภทเดียวก็ถูกนำมาใช้

แท็กคือหน่วยของภาษา html ด้วยความช่วยเหลือของแท็กบนเว็บไซต์ รูปภาพจะแสดง พื้นหลังถูกกำหนด จัดรูปแบบข้อความ ฯลฯ โดยทั่วไป แท็กสองแท็กจะใช้เพื่อแสดงองค์ประกอบ: การเปิดและการปิด ทั้งคู่ขึ้นต้นด้วย " ข้อแตกต่างเพียงอย่างเดียวคือเครื่องหมายทับเขียนหลัง "<" ในแท็กปิด ตัวอย่างเช่น ชื่อไซต์ ลิงค์จะปรากฏบนหน้าเว็บ

รายการแท็กสามารถพบได้ในหนังสืออ้างอิงที่หาอ่านได้ฟรีบนอินเทอร์เน็ต

CSS

CSS - พารามิเตอร์สไตล์ ต้องขอบคุณที่คุณสามารถควบคุมการออกแบบของทุกหน้าบนไซต์ได้ ในการสร้าง CSS ไฟล์แก้ไขข้อความจะถูกสร้างขึ้น ไฟล์จะเปิดขึ้นและเลือกตัวเลือก "บันทึกเป็น" ป้อนชื่อใด ๆ ตามด้วยนามสกุล ".css" เอาเป็นว่าเรียกว่า ows ในการเชื่อมต่อไฟล์นี้กับเพจ คุณต้องแทรกโค้ดระหว่างแท็ก วิธีนี้จะใช้ได้ก็ต่อเมื่อ CSS และหน้าเว็บอยู่ในโฟลเดอร์เดียวกัน หากอยู่ในโฟลเดอร์อื่น ในส่วนของรหัส href = "ows.css" คุณต้องระบุเส้นทางไปยังตำแหน่งของไฟล์

คุณสามารถกำหนดสไตล์ในไฟล์ CSS ได้เอง รหัสถูกเขียนตามกฎบางอย่าง:

ตัวอย่าง:

เนื้อหา {ภาพพื้นหลัง: url (img / tree.jpg);}

a: ลิงค์ {สี: แดง;}

รหัสแรกกำหนดพื้นหลังของหน้าเป็นรูปภาพ รหัสที่สองกำหนดสีของลิงค์ เนื้อหาเป็นองค์ประกอบใดก็ได้ที่ใช้สไตล์ คุณสมบัติ CSS ทั้งหมดสามารถพบได้ในข้อมูลอ้างอิง

JavaScript

JavaScript เป็นภาษาสคริปต์สำหรับหน้าเว็บ ใช้เพื่อสร้างไซต์แบบไดนามิก ด้วยความช่วยเหลือของ JavaScript เป็นไปได้ที่จะทำให้เนื้อหาของหน้าเปลี่ยนแปลงได้อย่างยืดหยุ่นตามดุลยพินิจใดๆ รหัสภาษาถูกป้อนในที่เดียวกับ HTML

สคริปต์เริ่มต้นด้วยแท็กและสิ้นสุด ฟังก์ชันที่ระบุถูกเขียนขึ้นระหว่างกัน มีมากมาย และคุณสามารถค้นหาได้ในหนังสือ JavaScript และหนังสืออ้างอิง คุณจำเป็นต้องรู้ว่ามีลำดับชั้นของวัตถุในภาษานี้ เมื่อกำหนดฟังก์ชันให้กับองค์ประกอบเฉพาะ เส้นทางทั้งหมดจากวัตถุที่สูงกว่าจะถูกระบุก่อน

การจัดวางไซต์บนอินเทอร์เน็ต

หากเว็บไซต์ถูกสร้างขึ้นแล้ว ก็ถึงเวลาที่จะวางบนอินเทอร์เน็ต ในการดำเนินการนี้ คุณต้องซื้อโดเมนและโฮสติ้ง จะสะดวกกว่าถ้าซื้อในที่เดียว

โดเมน - ชื่อเฉพาะของคุณเองสำหรับเว็บไซต์บนอินเทอร์เน็ต มีสามระดับ ชื่อโดเมนระดับแรกไม่ได้มีไว้สำหรับขาย ตัวอย่างเช่น ru, net, com, org คุณสามารถเลือกระดับโดเมนที่สองและสามได้

โฮสติ้งคือพื้นที่บนเซิร์ฟเวอร์ที่จะอัปโหลดเนื้อหาของเว็บไซต์ เช่น รูปภาพ เพลง ข้อความ