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

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

ดังนั้น โดยไม่ลังเลอีกต่อไป ใช้เวลาว่างของคุณสักสองสามนาทีแล้วอ่านทุกอย่างที่ฉันต้องอธิบายอย่างละเอียดในหัวข้อนี้อย่างละเอียด: ฉันแน่ใจว่าในตอนท้ายของการอ่านนี้ คุณจะมีความคิดที่ชัดเจนว่าจะต้องทำอะไร ทำและคุณจะสามารถจัดระเบียบหน้า HTML ที่คุณคิดสำหรับเจ้านายของคุณ ต้องบอกว่าไม่มีอะไรเหลือให้ฉันทำนอกจากหวังว่าคุณจะอ่านดีและทำงานได้ดี!

องค์ประกอบแฟลช หรือ Java applet ที่ขาดไม่ได้มานานแล้วเพื่อให้ได้ผลลัพธ์ที่คล้ายคลึงกัน

ด้วยเหตุนี้ จนถึงปัจจุบัน HTML 5 จึงถูกใช้อย่างแพร่หลาย เช่นเดียวกับการใช้งานเว็บไซต์และพอร์ทัล ในการพัฒนาแอพสำหรับสมาร์ทโฟนและแท็บเล็ต และในการใช้งานแผงการจัดการสำหรับ "เชื่อมต่อ" ประเภทอื่น อุปกรณ์ต่างๆ ".

โดยทั่วไป หน้าที่สร้างด้วย HTML เท่านั้นถูกกำหนด only หน้าคงที่นั่นคือ ออกแบบมาเพื่อแสดงเนื้อหาเดียวกันเสมอ โดยส่วนใหญ่ไม่สามารถแก้ไขได้โดยสภาพปัจจุบันของสภาพแวดล้อมที่รับชม หรือโดยพฤติกรรมของผู้ใช้ในระหว่างการนำทาง

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

ของคู่มือนี้

  • รายการหัวข้อย่อย - แท็กประเภทนี้จะให้คุณกำหนดรายการหัวข้อย่อยตามที่ชื่อบอกไว้ และหากต้องการ ก็สามารถเรียงลำดับได้ จุดเริ่มต้นและจุดสิ้นสุดของหนึ่ง รายการหัวข้อย่อย ถูกกำหนดโดยแท็ก
    คือ (รายการไม่เรียงลำดับ) ในขณะที่สำหรับ เรียงลำดับรายการ ใช้แท็ก
    คือ (รายการสั่งซื้อ). แต่ละองค์ประกอบของรายการอยู่ในแท็ก
  • คือ (รายการ).
  • แบบฟอร์ม - แท็ก HTML บางแท็กมุ่งไปที่การสร้างแบบฟอร์มที่กรอกได้โดยเฉพาะ ตัวอย่างเช่นจุดเริ่มต้นและจุดสิ้นสุดของฟอร์มถูกระบุโดยเครื่องหมาย
    คือ , องค์ประกอบอินพุตต่างๆ (กล่องข้อความ กล่องกาเครื่องหมาย และอื่นๆ) จะถูกระบุโดย tag และกำหนดโดยพารามิเตอร์ พิมพ์. แท็กจะใช้เพื่อสร้างกล่องภายใน form . แทน
    . ฉันจะแสดงวิธีใช้แท็กเหล่านี้บางส่วนในส่วนหน้าเข้าสู่ระบบ HTML
  • คลิกที่นี่.

    เมื่อคุณทำเสร็จแล้ว บันทึกด้วยชื่อ ไฟล์เพิ่งสร้างโดยใช้นามสกุล .html (เช่น. mysite.html) และหากต้องการดูหน้าภายในเบราว์เซอร์ ให้ทำ ดับเบิลคลิก ในไฟล์ที่คุณเพิ่งบันทึก คุณเพิ่งจัดการสร้างหน้า HTML หน้าแรกของคุณ! หากต้องการ คุณสามารถดูรหัสของหน้าได้โดยคลิกขวาที่จุดสุ่มบนหน้าและเลือกตัวเลือก ดูที่มาของหน้า จากเมนูที่เสนอโดยเบราว์เซอร์

    โปรดจำไว้ว่า ด้วยวิธีนี้ หน้า HTML ที่สร้างขึ้นจะมองเห็นได้เฉพาะในคอมพิวเตอร์ที่คุณใช้อยู่เท่านั้น หากคุณต้องการให้สามารถเข้าถึงหน้าเว็บได้จากอินเทอร์เน็ตคุณต้องซื้อ พื้นที่โฮสต์ ที่สามารถโฮสต์ได้ อาจรวมกับโดเมนเพื่อให้เข้าถึงได้ง่าย หากคุณสนใจในเหตุการณ์นี้ฉันขอเชิญคุณปรึกษาคำแนะนำของฉันไปที่ โฮสติ้งที่ดีที่สุด.

    ชีวประวัติของ Salvatore

  • ผลงานของซัลวาทอร์
  • ผู้ติดต่อของ Salvatore
  • หากต้องการเข้าถึงส่วนคำแนะนำคลิกที่นี่

    อย่างที่คุณเดาได้ง่าย ๆ ไฮเปอร์ลิงก์ไปยังหน้าอื่น ๆ ของไซต์ถูกแทรกไว้ในหน้าเดียว รายการสัญลักษณ์แสดงหัวข้อย่อยไม่เรียงลำดับ. ยิ่งไปกว่านั้น เพจได้รับมอบหมายหนึ่งหน้า พื้นหลังสีสันสดใส ผ่านพารามิเตอร์ bgcolor (กล่าวคือ ackรอบสี) แนบไปกับแท็ก

    ก่อนหน้านี้โดยใช้รหัสที่คล้ายกับต่อไปนี้

      หน้าเข้าสู่ระบบ   

    เข้าสู่เว็บไซต์

    การกระทำ = "scriptAccesso.php">

    <ประเภทอินพุต = "ส่ง" ค่า = "ลงชื่อเข้าใช้">

    คุณลืมรหัสผ่านหรือไม่? คลิกที่นี่เพื่อรีเซ็ต

    ความยากลำบากในกรณีนี้คือการบอกเบราว์เซอร์ถึงวิธีการตรวจสอบว่าป้อนชื่อผู้ใช้และรหัสผ่านอย่างถูกต้องโดยที่ผู้ใช้กดปุ่มเพื่อตรวจสอบสิทธิ์ (ในกรณีนี้ ): โดยทั่วไป การดำเนินการนี้จะเสร็จสมบูรณ์โดยการเรียกสคริปต์เฉพาะ (เขียนด้วยภาษา javascript, php, ASP หรืออื่น ๆ ) ซึ่งเกี่ยวข้องกับการเปรียบเทียบฟิลด์ในกล่องที่เหมาะสมกับบันทึกของฐานข้อมูลหรือไฟล์ข้อความ ในโค้ดดังกล่าว สคริปต์นี้ระบุไว้ในพารามิเตอร์ หนังบู๊ ของแท็ก

    ซึ่งระบุการดำเนินการที่จะดำเนินการเมื่อกดปุ่มพิมพ์ ส่ง (ในกรณีของเรา "เข้าสู่ระบบ")

    สำหรับข้อมูลเพิ่มเติมเกี่ยวกับขั้นตอนการสร้างสคริปต์การเข้าสู่ระบบใน PHP ฉันขอเชิญคุณศึกษาบทช่วยสอนพื้นฐานของ HTML.it

    สุดท้าย บันทึกไฟล์ ดับเบิลคลิกที่ html ที่เกี่ยวข้อง และ... เพลิดเพลินไปกับผลลัพธ์!

    เครื่องมือสำหรับสร้างหน้า HTML

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

    เว็บไซต์อย่างเป็นทางการ

  • อมายา - เป็นโปรแกรมแก้ไข HTML แบบโอเพ่นซอร์สที่สร้างและเผยแพร่โดยกลุ่ม W3 (W3C) ช่วยให้ต้องขอบคุณอินเทอร์เฟซ WYSIWYG ที่สะดวกในการสร้างเพจและไซต์ทั้งหมดใน HTML สไตล์ชีตสคริปต์ขนาดเล็กและส่วนอื่น ๆ ของแพลตฟอร์มเว็บแม้กระทั่ง "การวาด" ทุกอย่างด้วยเมาส์ คุณสามารถดาวน์โหลด Amaya ได้จากหน้านี้
  • Adobe Dreamweaver - เป็นเครื่องมือกึ่งมืออาชีพที่ทรงพลังอย่างยิ่ง ซึ่งต้องขอบคุณเครื่องมือต่าง ๆ ที่มีอยู่ในนั้น ช่วยให้คุณออกแบบเว็บไซต์อินเทอร์เน็ตที่เรียบง่ายและซับซ้อนได้ นอกเหนือจากการเป็นโปรแกรมแก้ไข HTML แล้ว Dreamweaver ยังสามารถจัดการ CSS, JavaScript, ไฟล์กราฟิกและอื่น ๆ อีกมากมาย คุณสามารถซื้อ Dreamweaver (พร้อมทดลองใช้ฟรี 7 วัน) ได้จากเว็บไซต์ทางการ
  • ตัวแก้ไข HTML ที่ฉันพูดถึงคือตัวแก้ไข HTML ที่ใช้กันมากที่สุด แต่ก็ไม่ใช่ตัวเดียว ในแง่นี้ ฉันได้สร้างคำแนะนำเฉพาะเกี่ยวกับโปรแกรม HTML ให้คุณ ซึ่งคุณสามารถหาซอฟต์แวร์ประเภทนี้ได้อีกมากมาย ช่วยให้คุณทำงานให้เสร็จลุล่วง

    โต๊ะ, กราฟ, การจัดรูปแบบข้อความ, รายการ, ภาพ และอื่นๆ) เพื่อสร้างหน้าเว็บตามที่คุณต้องการดูในเบราว์เซอร์

    เมื่อเสร็จแล้วให้คลิกที่เมนู ไฟล์ Word เลือกตัวเลือก บันทึกด้วยชื่อ, หมายถึง โฟลเดอร์ ที่จะบันทึกไฟล์และต่อมาระบุ ชื่อไฟล์ และตั้งค่าเมนูแบบเลื่อนลง บันทึกเป็น (รูปแบบไฟล์ บน Mac) บนเสียง หน้าเว็บ, หากท่านสนใจบันทึกข้อความเท่านั้นหรือบน หน้าเว็บในไฟล์เดียว เพื่อบันทึกรูปภาพแบบอักษรที่ใช้และองค์ประกอบ "ภายนอก" อื่น ๆ ไปยัง Word ภายในไฟล์เดียวกัน

    บันทึก: เพื่อรักษาความเชื่อมั่นกับการจัดรูปแบบดั้งเดิม Word อาจเพิ่มแท็ก "กรรมสิทธิ์" เพื่อไม่ให้เปลี่ยนแปลงการแสดงหน้า หากเป็นความตั้งใจของคุณที่จะยกเว้นและจำกัดตัวเองให้บันทึกเฉพาะตัวทำเครื่องหมาย HTML คุณต้องเลือกรายการ หน้าเว็บ Filtrata จากเมนูแบบเลื่อนลง บันทึกเป็น / รูปแบบ ไฟล์.

    สร้างเว็บไซต์ด้วย WordPress e วิธีสร้างไซต์ด้วยไซต์ของ Google.

    นอกจากนี้ยังมีแพลตฟอร์มที่เน้นไปที่การสร้างหน้า HTML แบบคงที่มากขึ้น เช่น Weebly, Yola หรือ Xoom: ฉันอธิบายให้คุณฟังโดยเฉพาะว่าพวกเขาทำงานอย่างไรในคำแนะนำของฉันเกี่ยวกับ วิธีสร้างเว็บไซต์ ฟรี.

    คู่มือ HTML.it HTML - ในทุกโอกาส นี่เป็นหนึ่งในคู่มือข้อมูลเชิงลึกที่สมบูรณ์ที่สุด ชัดเจนที่สุด และสมบูรณ์ที่สุดที่มีอยู่ในเน็ต โดยแบ่งออกเป็นส่วนตามหัวข้อและรวมถึงบทเรียนจริง ตัวอย่างเชิงปฏิบัติ และแบบฝึกหัดประเภทต่างๆ นอกจากนี้ คู่มือ HTML.it ยังได้รับการอัปเดตอย่างต่อเนื่อง

  • W3Schools.com - พอร์ทัลนี้ได้รับการส่งเสริมและเผยแพร่โดย W3C ทุ่มเทให้กับ HTML และเทคโนโลยีอื่น ๆ ที่เกี่ยวข้องทั้งหมด ลักษณะเฉพาะของมันคือสามารถทำแบบฝึกหัดการยืนยันตนเองได้หลายครั้งในตอนท้ายของแต่ละบทเรียน เพื่อตรวจสอบและประเมินทักษะใหม่ที่ได้รับ
  • HTML 5 พร้อม CSS และ JavaScript - หากคุณต้องการกระดาษที่พิมพ์ออกมาเป็นดิจิทัล คุณไม่สามารถช่วยได้ แต่ดูที่ข้อความนี้: นอกจากจะเป็นคู่มือพื้นฐานสำหรับการสร้างไซต์ HTML แล้ว ยังเป็นข้อมูลอ้างอิงที่ค่อนข้างสมบูรณ์สำหรับการสร้างแอปพลิเคชันบนมือถือ (และ ไม่ใช่) ตามเว็บซึ่งรวม HTML 5 กับ CSS และ JavaScript