Dreamweaver วิธีสร้างเทมเพลตจากด้าน html แทรกเทมเพลตใน Dreamweaver การแทรกภาพกราฟิก
เทมเพลต Dreamweaver ช่วยแก้ปัญหาที่บริษัทจำนวนมากต้องเผชิญ - วิธีสนับสนุนไซต์ที่ครอบงำการแจกจ่ายมาตรฐานด้วยไซต์มาตรฐาน วิธีแก้ปัญหาที่พบบ่อยที่สุดคือการใช้ SSI (Server Insertion) แต่ไม่ใช่ทุกเว็บเซิร์ฟเวอร์ที่รองรับเทคโนโลยีนี้ มีวิธีอื่นๆ สำหรับความช่วยเหลือ ซึ่งคุณสามารถรวมไฟล์ html หนึ่งไฟล์ไว้ในอีกไฟล์หนึ่งได้ แต่คุณสามารถใช้โปรแกรมที่ฝั่งเซิร์ฟเวอร์ หรือจาวาสคริปต์ที่ด้านข้างของไฟล์หลัก
เทมเพลต Dreamweaver ช่วยให้คุณสร้างเทมเพลตด้านข้างที่ถาวรในพื้นที่หนึ่งของไซต์ของคุณ และสร้างอีกด้านหนึ่งตามเทมเพลตนั้น จากนั้น เมื่อทำการเปลี่ยนแปลงกับแม่แบบ ด้านข้างก็จะเปลี่ยนไปด้วย ราวกับว่าแม่แบบถูกทุบ
1. เริ่มจากการจัดวาง
วิธีที่ง่ายที่สุดในการสร้างเทมเพลตบน Dreamweaver คือการเริ่มจากเลย์เอาต์ตามสิ่งที่คุณต้องการสร้างเทมเพลต ฉันคือผู้พิชิตเวอร์ชั่นเต็ม รูปแบบฟรี: levoruch - การนำทาง บนภูเขา - หมวก เช่นเดียวกับภาพถ่ายสีนั้น
Shards คือความสามารถในการสร้างเทมเพลต Dreamweaver ตั้งแต่เริ่มต้น สิ่งสำคัญคือต้องรู้ว่าใครง่ายที่จะสร้างการออกแบบที่ด้านหลังศีรษะของคุณ จากนั้นสาบานว่าจะเปลี่ยนแปลงอะไรในแบบใหม่ และอะไรจะเป็นส่วนหนึ่ง ของแม่แบบ
บันทึก. เทมเพลต Dreamweaver ถูกสร้างขึ้นโดยเป็นส่วนหนึ่งของไซต์ Dreamweaver หากคุณไม่ได้กำหนดไซต์ที่เหมาะสม คุณจะต้องสร้างไซต์ด้วย Dreamweaver ก่อนสร้างเทมเพลต
3. เพิ่มคำอธิบายให้กับเทมเพลต
เลือกไซต์ที่คุณต้องการสร้างเทมเพลต ฉันทำแบบทดสอบโยคะบนเว็บไซต์ Dreamweaver Examples ชื่อไซต์ของคุณมีค่าควรแก่การพิจารณา
อธิบายแม่แบบ คำอธิบายอาจสั้นหรือยาวก็ได้ แต่จำเป็นต้องมีการปูพื้น อย่างไรก็ตามอย่าหวงในรายละเอียด กลิ่นเหม็นอาจมีความสำคัญต่ออนาคต
4. สร้างโฟลเดอร์เพื่อบันทึกเทมเพลต
ไซต์ของฉันมีโฟลเดอร์สำหรับเทมเพลตอยู่แล้ว แต่ถ้าไม่ Dreamweaver จะทำสิ่งนี้โดยอัตโนมัติ
เทมเพลต Dreamweaver ทั้งหมดจะถูกบันทึกจากโฟลเดอร์ "เทมเพลต" บนไซต์ของคุณ และอาจมีนามสกุล *.dwt (ย่อมาจากเทมเพลต Dreamweaver)
5. เริ่มเพิ่มพื้นที่แก้ไข
- เลือกส่วนของข้อความตามที่คุณต้องการ
- ไปที่เมนู แทรก - เทมเพลตออบเจ็กต์
- เลือก "ภูมิภาคภูมิภาค"
Є th іnshі ob'єkti เทมเพลต แต่กลิ่นเหม็นออกมาจากกลางบทเรียน
6. ใส่ชื่อกองบรรณาธิการ
คุณสามารถลบชื่อออกได้ เช่น การใส่ Dreamweaver ไว้ข้างหลังล็อค แต่ฉันแนะนำให้ถามชื่อที่สื่อความหมาย ซึ่งฉันจะบอกคุณในภายหลัง เนื่องจากข้อมูลนั้นมีความผิดในการอยู่ในแกลเลอรีของคุณ
7. แก้ไขพื้นที่ในองค์ประกอบบล็อก
หากคุณพยายามขยายพื้นที่แก้ไขตรงกลางองค์ประกอบบล็อก (เช่น หัวเรื่อง ย่อหน้า) Dreamweaver จะปรากฏขึ้นข้างหน้า หากคุณเว้นพื้นที่ไว้ตรงกลางองค์ประกอบบล็อก ผู้เขียนเนื้อหาของคุณจะไม่สามารถใส่องค์ประกอบ HTML อื่นๆ ลงไปได้
ฉันต้องการเปลี่ยนชื่อ ถ้าฉันต้องการเปลี่ยนหัวเรื่อง หัวเรื่องจะเหลือไว้กับหัวเรื่อง มิฉะนั้น จะต้องระบุจำนวนย่อหน้าหรือองค์ประกอบอื่นๆ ของแม่แบบ
หากคุณสูญเสียความสามารถในการเพิ่มองค์ประกอบบล็อกอื่นๆ ตรงกลางองค์ประกอบ คุณจะต้องย้ายไปมาระหว่างพื้นที่ที่แก้ไขสำหรับแท็กองค์ประกอบ คุณสามารถทำได้ในโหมดการแสดงโค้ด HTML หรือโดยการกลับเข้าไปในพื้นที่ โดยก่อนหน้านี้ได้ลบ її
ที่ พร้อมแม่แบบพื้นที่ที่ถูกแก้ไขจะถูกมองว่าเป็นเฟรม ซึ่งเหนือพื้นที่นั้นจะถูกตั้งชื่อ
9. เราสร้างหน้าตามเทมเพลต
ทันทีที่คุณบันทึกเทมเพลต คุณสามารถทวีตบนไซต์: จากเมนูไฟล์ เลือก "สร้าง";
- ไปที่แท็บ "เทมเพลต Storinka";
- เลือกเทมเพลตการสร้างสรรค์
- พิจารณาใหม่ว่ามีการเลือกรายการ "อัปเดตหน้าสำหรับชั่วโมงเปลี่ยนเทมเพลต"
- กดปุ่ม "สร้าง"
ตอนนี้คุณสามารถทำการเปลี่ยนแปลงได้ แต่เฉพาะในพื้นที่ที่กำลังแก้ไข Dreamweaver ไม่อนุญาตให้คุณเปลี่ยนส่วนอื่นๆ ของเทมเพลต
10. เปลี่ยนเทมเพลต - อัปเดตไฟล์
หากคุณต้องการเปลี่ยนแปลงเทมเพลต ให้แก้ไขไฟล์ dwt ในโฟลเดอร์ "Templates" ในขณะที่คุณบันทึกการเปลี่ยนแปลงในเทมเพลต Dreamweaver จะถามคุณว่าคุณไม่ต้องการอัปเดตด้านที่สร้างตามเทมเพลตหรือไม่ Vin ก็เหมือนกับไฟล์
ทันทีที่คุณพิมพ์ "อัปเดต" ไฟล์ทั้งหมดที่สร้างโดยใช้เทมเพลตนี้จะได้รับการอัปเดต คุณต้องบันทึกและรับพวกเขาบนเว็บเซิร์ฟเวอร์
เว็บไซต์และเว็บไซต์
เว็บไซต์คืออะไร? Vіdpovistiในห่วงโซ่อาหารอาจร่ำรวยในใครบางคน Tse เอกสารอินเทอร์เน็ต, การนัดหมายสำหรับ rozpovsyudzhennya ผ่านทางอินเทอร์เน็ตผ่านบริการ WWW และหากจะพูดตามภาษาท้องถิ่น บรรดาผู้ที่แสดงโปรแกรมไคลเอนต์สำหรับการเยี่ยมชมเว็บเพจในหน้าต่างของตนเองก็คือเว็บเบราว์เซอร์
จากมุมมองทางเทคนิค เว็บไซด์เป็นไฟล์ข้อความทั่วไปที่สามารถสร้างได้ในโปรแกรมแก้ไขข้อความใดๆ รวมถึง Notepad ซึ่งมาพร้อมกับคลัง Windows ตามมาตรฐาน ไฟล์นี้ใช้เพื่อล้างข้อความของเว็บไซด์และคำสั่งต่างๆ เพื่อจัดรูปแบบข้อความเอง คำสั่งการจัดรูปแบบเรียกว่า แท็กแต่ฉันจะอธิบายเป็นภาษาเฉพาะ HTML(HyperText Markup Language) ภาษาของไฮเปอร์เท็กซ์มาร์กอัป
Crock ที่น่ารังเกียจ - z'yasuvati สำหรับความช่วยเหลือของโปรแกรมดังกล่าวบน mov HTML หน้าเว็บ ts จะถูกเขียนขึ้น ดังนั้นเศษของกลิ่นเหม็นจึงเป็นไฟล์ข้อความที่น่าทึ่งที่สามารถลบโค้ด HTML คุณสามารถเขียนมันใน Notepad ที่ยอดเยี่ยมหรือโปรแกรมที่คล้ายกัน
ต้องการบรรณาธิการเว็บเพิ่มเติมหรือไม่?
Mova HTML ไม่ว่าฉันจะเรียกมันว่าฉลาดแค่ไหน มันก็เรียบง่ายอยู่แล้ว คุณสามารถเขียนเว็บไซด์ง่ายๆ ด้วยข้อความสองย่อหน้าในเวลาเพียงห้านาที และจะใช้เวลามากขึ้นในการพิมพ์ข้อความของหน้าเอง ไม่ใช่แท็ก HTML แล้วมีปัญหาอะไรไหม?
มีหลายคนที่ไม่รู้จัก HTML ยิ่งไปกว่านั้น - ไม่ต้องการทำหรือไม่รู้ไปพร้อม ๆ กัน แต่ฉันต้องการสร้างเว็บไซด์ นั่นคือเหตุผลที่โปรแกรมเมอร์เขียนโปรแกรมมากมายสำหรับพวกเขาโดยเฉพาะ ซึ่งเป็นที่รู้จักสำหรับการสร้างเว็บไซด์
หนึ่งในโปรแกรมเหล่านี้เขียนขึ้นโดยผู้ค้าปลีกของบริษัท Macromediaและถูกเรียกว่า Macromedia Dreamweaver. รุ่นแรกของ її ย้อนหลังไปถึงปี 1998 อันไกลโพ้น; เวอร์ชัน 8 พร้อมใช้งานแล้ว
เช่นเดียวกับ Dreamweaver mi และ pracyuvatimemo
ช่างทอฝัน- ตัวแทนทั่วไปของบรรณาธิการภาพเว็บที่ปฏิบัติตามหลักการ WYSIWYG (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) หากคุณเลือกรูปแบบข้อความที่ถูกต้อง ผู้แก้ไขสามารถเห็นผลงานของเขาได้ทันที
นอกจากนี้ยังใช้โปรแกรมแก้ไขเว็บที่ไม่ใช่ภาพ (ตัวแก้ไข HTML ที่มีกลิ่นเหม็น) ซึ่งตั้งอยู่บนหลักการที่แตกต่างกัน กลิ่นเหม็นทำงานโดยไม่มีคนกลางด้วยโค้ด HTML เอง nadayuchi กับการทำงานหนักทั้งหมด ความสามารถเสริม: การแทรกแท็กอย่างรวดเร็ว การตั้งค่าพารามิเตอร์ด้วยตนเอง ชุดเทมเพลตอัจฉริยะสำหรับการสร้างองค์ประกอบมาตรฐานของเว็บไซด์และใน ในแง่นี้ กลิ่นเหม็นคล้ายกับ Notepad แต่ขยายออกอย่างเห็นได้ชัด
จำเป็นต้องกล่าวในที่นี้ว่าโปรแกรมแก้ไขเว็บที่จริงจังทุกคนสามารถแก้ไขโหมดได้โดยไม่รบกวนโค้ด HTML เอง (ซึ่งอันที่จริงแล้ว โปรแกรมแก้ไขเว็บแบบไฮบริด) ในทันทีที่เริ่มต้นใช้งานได้จริง หากดูเหมือนว่าเป็น "โปรแกรมแก้ไขเว็บด้วยภาพ" คุณสามารถใช้โปรแกรมไฮบริดได้เอง ฉันเริ่มที่จะนอนลงกับพวกเขา ช่างทอฝันเป็นเวลาหนึ่งชั่วโมงให้เราได้รู้จักกันมากขึ้น
รายการ
เมื่อคุณเริ่มโปรแกรมครั้งแรก คุณจะได้รับแจ้งให้เลือกสื่อกลางที่ใช้งานได้ มาสร้างเอกสารใหม่กันเถอะ ไฟล์->ใหม่(ไฟล์-ใหม่)
สร้างเอกสารใหม่บนแท็บนี้โดยเลือกหน้าพื้นฐาน -> HTML
ข้างหน้าคุณมีโปรแกรม vikno
І ด้านที่สร้างขึ้นใหม่ ให้เขียนข้อความที่ประกอบด้วยคำภาษารัสเซีย-อังกฤษ ตัวอย่างเช่น: " ข้อมูลพื้นฐานเกี่ยวกับวิธีการทำงานกับโปรแกรม DreamWeaver".
เซฟข้างทีมทำไม” ไฟล์ -บันทึกเป็น" แต่อย่าปิดหน้าในตัวแก้ไข แต่ตอนนี้เปิดหน้าที่สร้างขึ้นใหม่ในเบราว์เซอร์ - คุณคิดอย่างไร
ก่อนอื่น ทำไมต้องเริ่ม varto - เรียนรู้ DreamWeaver Cyrillic เมนู Golovne แก้ไข(เรดากูวาตี) - การตั้งค่า(นลัชตุวันยา) เอกสารใหม่ (เอกสารใหม่) และในแท็บถัดไปในรายการ "การเข้ารหัสเริ่มต้น" ให้เลือก "Cyrillic (Windows-1251)" ให้ในส่วนด้านซ้ายของบทสนทนาเพื่อเลือก " แบบอักษร(แบบอักษร) "ตาที่รายการ" การตั้งค่าแบบอักษร(เปลี่ยนแบบอักษร)" เลือก "ซีริลลิก (ซีริลลิก)"
ที่นี่คุณยังสามารถปรับปรุงข้อความ (เลือกแบบอักษรและแทรกrozmіr liter) ซึ่งเป็นวิธีที่ดีที่สุดในการใช้การสะกดคำ กด " ตกลง"หลังจากทั้งหมด สร้างด้านอื่นแล้วเขียนข้อความใดๆ บันทึก" ไฟล์ - บันทึก"และบันทึกด้านข้าง ตอนนี้ทุกอย่างเป็นระเบียบ ALE! ไม่ว่าจะเป็นหน้าเว็บใน Meta abstract การเข้ารหัส "charset = windows-1251" จะไม่ระบุอย่างชัดเจน จะถูก "บิดเบือน" ในการเข้ารหัส " ซิริลลิก (ISO-8859- 5 )"
หากไม่ปรากฏขึ้น ให้เปิดไฟล์: (ไดรฟ์ของคุณ \Program Files\ Macromedia\ Dreamweaver 8\ Configuration\ Encodings\ EncodingMenu.xml ไดรฟ์ของคุณ) และในรายการการเข้ารหัส ให้ค้นหาการเข้ารหัส Cyrillic บางตัวที่ไปทีละตัว
|
ตารางที่ 1
แก้ไขไฟล์นี้ใน Notepad โดยจำพื้นที่การเข้ารหัส "ISO-8859-5" และ "Windows-1251" เพื่อให้ลำดับการเข้ารหัส Cyrillic มีลักษณะดังนี้
ตารางที่ 2
|
บันทึกการเปลี่ยนแปลงในไฟล์ซึ่งกระบวนการเริ่มต้นโปรแกรมภาษารัสเซียจะเสร็จสมบูรณ์
อินเตอร์เฟซ
ทีนี้กลับไปที่สภาพแวดล้อมการทำงานของโปรแกรมกัน
ในการเปลี่ยนโหมดการกระตุ้นของสื่อการทำงาน (มีเพียงสามโหมด: รหัส(รหัส), ออกแบบ(ออกแบบ) รหัสและการออกแบบบนแถบเครื่องมือหรือเมนูหลัก ดู"(ดู).
เลือกจากโหมดเหล่านี้ในแบบที่คุณทำได้ / สามารถฝึกฝนได้ หากคุณต้องการละทิ้ง "โค้ดและการออกแบบ" ก็สามารถแบ่งออกเป็นสองส่วนได้ และคุณสามารถกำหนดโค้ด HTML เองและหน้าใน โหมด WYSIWYG
เอกสารขนาดใหญ่ ด้านล่าง และด้านขวามีกลุ่มของแผง - หน้าต่างเล็ก ๆ ซึ่งสามารถ "ติด" ที่ขอบด้านหนึ่งของหน้าต่างส่วนหัวหรือ "ลอย" ได้ ที่ส่วนบนของกลุ่มแผงสกินมีหัวเรื่อง - เกลียวสีน้ำเงินซึ่งเขียนชื่อแผง
แผงเพิ่มเติมสามารถเรียกว่าเมนูเสริม ปรากฎว่าเมื่อเมาส์ถูกปรบมือที่ปุ่มเล็ก ๆ ที่น่าระทึกใจที่ด้านขวา รหัสบนกลุ่ม ที่แผงได้รับ ซึ่งสามารถแสดงในรายการที่มีสามตำแหน่งและลูกศรขนาดเล็กชี้ลง (ปุ่มไม่ปรากฏที่สถานีสไตลัส)
ขณะนี้กลุ่มของแผงถูกจัดเรียงเหนือหน้าต่างของเอกสาร แต่ขณะนี้ไม่ได้ใช้งาน มันถูกจัดสรรไว้เพื่อให้เราสามารถเข้าถึงพวกมันได้ตลอดเวลา โดยไม่คำนึงว่ามันจะเปิดใช้งานในเวลาเดียวกันหรือไม่
หากเราต้องการล้างบางกลุ่มเหล่านี้ เราสามารถ "ตำหนิ" ระหว่างหน้าต่างของเอกสาร หรือปิดโดยเปิดเมนูภาคผนวก її และเลือกรายการกลุ่มแผงปิด ตอนนี้เรามีความเคารพอย่างสุดซึ้งต่อขอบด้านขวาของหน้าต่างส่วนหัวซึ่งเป็นกลุ่มแผงที่แข็งแกร่งที่ไม่มีหน้า แท่นที่เรียกว่าเป็นพื้นที่ที่รู้จักเป็นพิเศษสำหรับพวกเขา ท่าน้ำเผาศพที่หน้าพื้นที่เปิดโล่งของหัวลมที่มีเกลียวหมุนเป็นสีเทาในขณะที่เราสามารถดึงหมีเปลี่ยนการขยายตัวของท่าเรือ นอกจากนี้เรายังสามารถคลิกเมาส์เพื่อจดจำปุ่มบนแท่นชาร์จ เพื่อให้คุณคว้ามันได้อย่างรวดเร็ว
Dreamweaver อีกสามแผงเต็มไปด้วยปริศนา แผง zvichaynyh มีกลิ่นเหม็นvіdznyayutsya scho, scho mаyut postіynі razmіri ที่ utvoryuyut derzhana กลุ่มพิเศษ
- ชุดเครื่องมือวัตถุ
- เครื่องมือเอกสาร
เครื่องมือมาตรฐานที่ให้การเข้าถึงการดำเนินการจากไฟล์ (การพับ การเปิดและการบันทึกทางเว็บ) คลิปบอร์ดและอื่น ๆ โฟลเดอร์ของไฟล์แนบ
เพื่อนำพาเนลมาที่หน้าจอ เมนูเขม่า “ ดู(ดู) - แถบเครื่องมือ(แถบเครื่องมือ)” (แผงแสดงผล (แทรก เอกสาร มาตรฐาน))
เท่าที่เราเห็นสำเนาของเว็บไซด์ การพิจารณาพวกมันจะยิ่งสำคัญยิ่งขึ้นไปอีก - หน้าต่างของเอกสารซ้อนทับกัน และระยะห่างของสิ่งที่จำเป็นนั้นห่างไกลจากความชัดเจน
ราวกับว่าเรากำลังเปิดเอกสารฉบับใดฉบับหนึ่งบนหน้าจอทั้งหมด (เพื่อให้แม่นยำยิ่งขึ้นใน smut ทั้งหมด) การสลับระหว่างหน้าต่างจะกลายเป็นเรื่องง่าย ด้วยวิธีนี้ ในชุดเครื่องมือของเอกสาร จะมีแท็บซึ่งใช้เพื่อระบุบรรทัดสำคัญของเอกสาร
เนื่องจากเราต้องจำหน้าต่างสองบานขึ้นไปติดต่อกัน varto เร่งรายการเมนู “Window - Cascade, Tile Horizontally หรือ Tile Vertically” รายการแรก "แสดงรายการ" เอกสารทั้งหมดในมุมมองของ "สแต็ก" ในหน้าต่างหลัก เพื่อให้เราสามารถแยกส่วนหัวและบางส่วนเข้าด้วยกัน ย่อหน้าอื่นและย่อหน้าที่สาม "วาง" ที่หน้าต่างหลัก "โมเสค" จากหน้าต่างของเอกสารเพื่อไม่ให้กลิ่นคาบเกี่ยวกัน ยิ่งกว่านั้นอีกจุดหนึ่งดึงภาพโมเสคในแนวนอนและจุดที่สาม - ในแนวตั้ง
นัดรับจาก Dreamweaver
ขั้นแรก เริ่มต้นด้วยเว็บไซต์ คุณต้องลงทะเบียนกับ Dreamweaver
เพื่อสร้างเว็บไซต์ใหม่รีบกับรายการ เว็บไซต์ใหม่(เว็บไซต์ใหม่) เมนู เว็บไซต์(เว็บไซต์). หลังจากตัวเลือกบนหน้าจอ กล่องโต้ตอบจะปรากฏขึ้น คำจำกัดความของเว็บไซต์(กำหนดให้กับไซต์) ซึ่งประกอบด้วยสองแท็บ
Yakshcho ชนะvіdkritaในการฝากเงิน ขั้นพื้นฐาน(พื้นฐาน) ไปที่แท็บ ขั้นสูง(Dodatkovo) - มีโอกาสมากขึ้นในการปรับปรุงไซต์ของคุณ
เช่นเดียวกับ bachite ส่วนด้านซ้ายของหน้าต่างนี้มีรายการแท็บในระดับอื่น ไปที่แท็บ ข้อมูลท้องถิ่น(ข้อมูลท้องถิ่น) ,
ที่ซึ่งข้อมูลเกี่ยวกับไฟล์ของไซต์ของคุณ ซึ่งอยู่บนฮาร์ดดิสก์ของคอมพิวเตอร์ของคุณ (ฉบับท้องถิ่นเว็บไซต์).
ที่สนามแนะนำตัว ชื่อเว็บไซต์(ไซต์ของฉัน) ที่จะป้อนโดยไซต์ของฉัน มีไว้เพื่อจุดประสงค์ที่คุณสามารถทำงานกับไซต์นี้ได้อย่างง่ายดายเท่านั้น ตั้งชื่อไซต์ว่า "proba"
ที่สนามแนะนำตัว โฟลเดอร์รูทในเครื่อง(ไดเรกทอรีรากในเครื่อง) ระบุเส้นทางไปยังโฟลเดอร์รากของสำเนาในเครื่องของไซต์ คุณยังสามารถกดไอคอนโฟลเดอร์ แตะมือขวาในช่องป้อนข้อมูล แล้วเลือก ฉันต้องการโฟลเดอร์ที่หน้าต่างสนทนา สิ่งที่ปรากฏบนหน้าจอ
ประโพเรศ รีเฟรชรายการไฟล์ในเครื่องโดยอัตโนมัติ(อัปเดตรายการไฟล์ในเครื่องโดยอัตโนมัติ) เปิดหรือปิด อัพเดทอัตโนมัติรายการไฟล์ในสำเนาของเว็บไซต์ หากคุณปิดใช้งาน รายชื่อไฟล์ในไซต์จะได้รับการอัปเดตโดยอัตโนมัติเสมอ เช่นเดียวกับที่ Dreamweaver เริ่มทำงาน ทันทีที่คุณเป็นธง คุณจะต้องอัปเดตรายการไฟล์บนไซต์ แต่ทำให้ Dreamweaver ใช้งานได้มากขึ้น
ที่สนามแนะนำตัว โฟลเดอร์รูปภาพเริ่มต้น(โฟลเดอร์ที่มีรูปภาพสำหรับโปรโมชั่น) ป้อนชื่อโฟลเดอร์ซึ่งสำหรับโปรโมชันจะวางภาพกราฟิกทั้งหมดที่คุณวางไว้ที่เว็บไซด์ของเว็บไซต์ คุณยังสามารถคลิกที่ไอคอนโฟลเดอร์ที่ถนัดขวาในฟิลด์รายการ และเลือกโฟลเดอร์ที่คุณต้องการในกล่องโต้ตอบที่จะปรากฏบนหน้าจอ ป้อน "รูป" ในช่อง
ที่สนามแนะนำตัว ที่อยู่ HTTPป้อนที่อยู่อินเทอร์เน็ตของเว็บไซต์ของคุณ ห้ามป้อนข้อมูลใด ๆ ในสนาม
หากคุณดูหมวดหมู่ทั้งหมดทางด้านขวา คุณจะมีมากมาย ริซนีห์ นาลัชตูวานแต่สำหรับการทำความรู้จักกับพวกเขา เราต้องการการบรรยายเพิ่มเติม แต่เราไม่มีเวลาเพียงพอ
หลังจากกดปุ่ม " พร้อม” ที่แผง Fileyคุณสามารถดูรายการไฟล์บนไซต์ได้ ไม่มีไฟล์อยู่ที่นั่น แต่กลิ่นเหม็นปรากฏขึ้นในโลกของงานของคุณ
พื้นฐานของการปฏิบัติจริงคือข้อความทั้งหมด สร้าง ด้านใหม่(ไฟล์ - ใหม่) แล้วพิมพ์ข้อความจากนั้น
ข้อความถูกพิมพ์หลังความช่วยเหลือของแป้นพิมพ์ (และคุณคิดว่าอย่างไร) ซึ่ง Dreamweaver แยกข้อความในแถวอย่างอิสระ
เคอร์เซอร์ข้อความซึ่งเป็นภาพวาดแนวตั้งอย่างรวดเร็วซึ่งแสดงสถานที่ซึ่งข้อความที่เรากำลังพิมพ์จะปรากฏขึ้น คุณสามารถย้ายไปทุกทิศทางเพื่อขอความช่วยเหลือจากปุ่มลูกศร
หากคุณมีเบราว์เซอร์ใด ๆ คุณสามารถอ่านชื่อได้
บันทึกด้านนี้โดยให้ชื่อแก่ฉัน ตั้งชื่อหน้าหลักของเว็บไซต์หรือไดเร็กทอรี: index.htm, index.html, index.php และอื่นๆ
สำหรับการจัดรูปแบบย่อหน้าโดยรวม จะสะดวกกว่าในการเขียนรายการสิ่งที่กำลังขยาย รูปแบบ(รูปแบบ)" บนแผง " คุณสมบัติ(พารามิเตอร์)".
หากแผงนี้ไม่เปิดสำหรับคุณ - กดที่ tricoutnik ที่มีคำว่า " คุณสมบัติ(พารามิเตอร์)".
ที่ก้น ใช้การจัดรูปแบบของย่อหน้า กระบวนการนั้นง่าย: คลิกที่หมีบนย่อหน้าใดก็ได้และในรายการ " รูปแบบ(รูปแบบ)" เลือกหนึ่งในหกตัวเลือก
หากคุณต้องการจัดรูปแบบไม่ใช่ย่อหน้า แต่เป็นคำหรือสัญลักษณ์ที่เลือก คุณจะต้องมีไอคอนอื่นๆ
ในการติดตั้งการขยายสัญลักษณ์ให้เร่งความเร็วทีละจุด " ขนาด(รอซเมียร์)".
คุณสามารถเลือกแบบอักษรสำหรับข้อความ - รายการ ค่าเริ่มต้นแบบอักษร" นอกจากนี้ สำหรับสัญลักษณ์หรือคำต่างๆ คุณสามารถติดตั้งฟอนต์ต่างๆ ได้
หากต้องการดูข้อความ คุณสามารถเพิ่มความเร็วได้ 4 ปุ่ม รายละเอียด Cicava: คลิกอีกครั้งที่ปุ่มจัมเปอร์ที่กดแล้ว "จะปรากฏขึ้น" ในกรณีนี้สำหรับย่อหน้าจะถูกแทรกvirіvnyuvannyaสำหรับ zamovchuvannyam โทร - ขอบด้านซ้าย
- ตามขอบด้านซ้าย
- ในศูนย์;
- จากขอบขวา
- ในความกว้าง
สำหรับการแนะนำ (ส่วนขยาย / การเปลี่ยนแปลง) ในการป้อนย่อหน้าคุณสามารถเพิ่มความเร็วของย่อหน้าได้
ในกรณีของจุดกดผิว "เยื้อง" ทางเข้าจะใหญ่ขึ้น และในกรณีของแรงกดบน "เยื้อง" จะเปลี่ยนไป
โดยส่วนใหญ่ คำบนเว็บไซต์ของเราควรเป็นตัวหนาและตัวเอียง และช่วยเราด้วยสองปุ่มในการเปลี่ยนภาพ แกนเพื่อปิดหรือเปิด podkreslennya ข้อความบรรทัดสิ่งที่เราต้องทำคือเร่งจุด-wimikach ขีดเส้นใต้ Podminyu สไตล์(สไตล์) เมนู ข้อความ(ข้อความ) หรือ เมนูบริบท. ไม่มีปุ่ม ไม่มีชุดค่าผสมสำหรับ tsієї dії จะไม่ถูกถ่ายโอน
ย่อหน้า |
คำอธิบาย |
โทรพิมพ์ |
ข้อความวิสัยทัศน์ |
เน้น |
ตัวเอียงใหญ่ |
ตัวหนาตัวหนา |
|
ส่วนของรหัสเอาท์พุตของโปรแกรมเป็นโปรแกรมของฉัน (คำสั่ง เปลี่ยนชื่อ คำสำคัญเป็นต้น) |
|
ตัวแปร |
ชนะการจดจำในข้อความชื่อโปรแกรมที่เปลี่ยนแปลงในโปรแกรม mov เดียวกัน |
ข้อมูลที่จัดทำโดยโปรแกรม koristuvachev |
|
แป้นพิมพ์ |
ข้อความที่สามารถป้อนบนแป้นพิมพ์ |
การอ้างอิง |
|
คำนิยาม |
ความหมายของคำใด ๆ |
โปรแกรมแก้ไขข้อความสนับสนุนการสร้างรายการที่มีหมายเลขและทำเครื่องหมาย รายการระบุหมายเลข (การสั่งซื้อ) ดังที่คุณทราบ ได้รับการกำหนดหมายเลขประจำเครื่อง และรายการจุดทำเครื่องหมาย (ไม่เรียงลำดับ) ไม่ว่าจะเป็นไอคอน มาทำรายการแบบนี้กัน
หากต้องการแปลงแถวให้เป็นรายการ ให้เร่งความเร็วด้วยปุ่มจัมเปอร์ของตัวแก้ไขพลังงาน
วางเคอร์เซอร์ข้อความบนรายการใด ๆ ในรายการ จากเมนูบริบท ให้เลือก “ เปเรลิก – พลัง”และปรากฏหน้าต่างสนทนา รายการคุณสมบัติเพื่อช่วยในการตั้งค่าพารามิเตอร์ในรายการ เปลี่ยนรูปแบบของเครื่องหมายหรือการกำหนดหมายเลข (เช่น: ขยิบตาแทนตัวเลข - a b c d;) เช่นเดียวกับรายการลำดับเลข ให้ตั้งค่าตัวเลข จากนั้นจึงเริ่มการนับเลขครั้งถัดไป ช่องใส่ รายการประเภท" (สามตัวบน) - - ให้คุณกำหนดประเภทของรายการทั้งหมดพร้อมกันกับช่องป้อนข้อมูล "รายการรายการ" (สองฟิลด์ล่าง) - เฉพาะแถวของรายการซึ่งเคอร์เซอร์ของเมาส์ ถูกแทรกในเวลาที่กำหนด
ข้อความสามารถพบได้ในทุกสีของ veselka-:) สำหรับผู้ที่คุณสามารถเห็นข้อความบางส่วนได้ ให้กดปุ่ม
Dialosis ที่ฉันเห็นนำเสนอจานสี
คุณสามารถเลือกสีจากจานสีสำหรับหยดเพิ่มเติม ที่ด้านบนของจานสี สีของพื้นที่นั้นจะถูกเลือก สำหรับการติดเชื้อที่คล้ายกัน - หยด
นอกจากนี้ คุณสามารถเลือกสีได้ ไม่เพียงแต่สำหรับความช่วยเหลือของจานสีเท่านั้น แต่ยังสามารถย้ายปิเปตตามเอกสารทั้งหมดจากหน้าต่างตัวแก้ไขได้อีกด้วย
และเมื่อกดบน tricoutnik ที่แผง kuti บนขวา จานสี Wiklichte อีกหนึ่งเมนูย่อยเพื่อให้คุณจำจานสีได้
บ่อยครั้งที่จำเป็นต้องแทรกวันที่สร้างหรือส่วนที่เหลือของการแก้ไขเอกสารซึ่งปุ่ม " วันที่(วันที่)" หรือ (แทรก (แทรก) - วันที่ (วันที่))
คุณสามารถตั้งค่าตัวเลือกให้แสดงวันที่ เช่นเดียวกับวันในสัปดาห์และชั่วโมง โปรดทำเครื่องหมายที่ช่องถัดจาก " อัปเดตโดยอัตโนมัติบนบันทึก- หลังจากอัพเดท/แก้ไขสกิน วันที่จะถูกอัพเดท
คุณยังสามารถแทรกอักขระพิเศษโดยใช้แท็บ "ข้อความ"
หน้าที่หลักอีกประการหนึ่งคือการล้างโค้ด HTML Viklikati Yoga เป็นทีมได้ สั่งการ - ทำความสะอาดขึ้นXHTMLและก่อนที่คุณจะมีบทสนทนาแห่งชัยชนะ
บางครั้งจำเป็นต้องแบ่งข้อมูลและกำหนดเส้นแนวนอน บนแผง แปะแท็บ " HTML" ปุ่ม. เส้นแนวนอนมีกำลัง ความกว้าง ความสูง และสี กำหนดความกว้างและความสูงบนแผง “ คุณสมบัติ” โปรดป้อนค่าที่จำเป็นในฟิลด์ Wі ชม.
หากต้องการกำหนดสีของเส้น ให้ดูบรรทัดที่อยู่ในเมนูบริบท แก้ไขแท็ก (แก้ไขแท็ก) ...
ที่หน้าต่างสนทนา เลือกสีของเส้น
ลิงค์และการนำทาง
Іsnuєkіlkaวิธีสร้างข้อความไฮเปอร์เท็กซ์บน ประเภทต่างๆไฟล์. เริ่มติดตามการนำทางบนเว็บไซต์ ในการสร้างลิงค์ระหว่างไฟล์ คุณต้องระบุพาธให้ถูกต้อง ซึ่งคุณสามารถเข้าถึงเอกสารที่จำเป็นได้
วิธีสามารถเป็นเหมือนใหม่ - เริ่มจากที่อยู่อินเทอร์เน็ต (เช่น: http://Dreamweaver/index.htm) ดังนั้นจึงมีการรูท (../index.htm) มาดูกันว่ากระบวนการเชื่อมโยงเอกสารการใช้งานของ DreamWeaver ทำงานอย่างไร
เพื่อค้นหาคำหรือ kіlkoh slіv hyperposilannya - เพียงพอที่จะ "แนบ" กับที่อยู่ใหม่ ให้ชัดเจนยิ่งขึ้น - ในข้อความ "Macromedia DreamWeaver. Practicum" เราเห็นคำว่า "Macromedia DreamWeaver" และในช่อง "ลิงก์" ของแท็บ "คุณสมบัติ" ให้ป้อนที่อยู่อีเมลของผู้ช่วยเหลือนี้ (http://Dreamweaver/) แล้วกด "Enter"
คุณจำคำว่า "Macromedia DreamWeaver. Practicum" ได้อย่างไร เปลี่ยนสีและมีพลังมากเกินไป สำหรับไฮเปอร์ลิงก์ระยะไกล - เพียงพิมพ์ที่อยู่อินเทอร์เน็ตในช่อง "ลิงก์" ของแท็บ "คุณสมบัติ" แล้วกดปุ่ม "Enter" ตอนนี้เรามาดูทางรูทกัน
เห็น "Macromedia DreamWeaver" กดปุ่มจากโฟลเดอร์ images
และที่ dialozi, scho vodkrivsya คุณสามารถเลี้ยวข้างเพื่อไปที่สิ่งต่อไปนี้เมื่อต้องการขอร้อง นอกจากนี้ สำหรับการล็อก โฟลเดอร์นั้นถูกเปิด ด้านข้างถูกเปิด ซึ่งคุณต้องการให้การร้องขอ มันก็เป็นอย่างนั้นแหละ (ด้านปัจจุบันที่อยากจะให้ไฮเปอร์โพสิทีฟ) และด้านนั้นจะส่งไฮเปอร์พอสซิบิลิตี้ที่เขียนในสันตะปาปาองค์เดียว เห็นหมีด้วย ฉันต้องการด้านข้างและกดปุ่ม "ตกลง"
ตอนนี้วางเคอร์เซอร์ของเมาส์ไว้ที่เป้าหมายแล้วเปิดรายการ " เป้า"แท็บ" คุณสมบัติ".
รายการนี้มีจุดโชติริ ยิ่งกว่านั้น ในกรณีของเรามีเพียงสองจุด รายการแรก "_self" - เปิดด้านข้างระหว่างทางที่มองเห็นความเป็นไปได้ในสัปดาห์เดียวกัน (โหมดใดถูกตั้งค่าหลังจากล็อค) และอีกอัน - "_blank" - เปิดด้านข้างในหน้าต่างใหม่
รายการอื่นๆ ของเมนู "เป้าหมาย" จำเป็นสำหรับการทำงานกับเฟรม
หากคุณกำลังสร้างไซต์ โฟลเดอร์อีเมลของไซต์นี้คือโฟลเดอร์รูท และในโฟลเดอร์ใหม่จะมีไฟล์และโฟลเดอร์อื่นๆ ต่างกัน
หากคุณประหลาดใจกับ HTML - รหัสของ tsgo hyperpositive ให้ผลัก scho nabuv ที่น่ารังเกียจดู../index.htm ยิ่งไปกว่านั้น จุดสองจุดที่ด้านหน้าข้าวบอกให้เบราว์เซอร์ "ขึ้นไป" หนึ่งแถวขึ้นไปบนแผนผังไดเร็กทอรี แม่น้ำสองสายขึ้นเนิน - ../../index.htm และอื่นๆ
หากคุณต้องการใส่ที่อยู่ทางไปรษณีย์ซึ่งจำเป็นต้องป้อนที่อยู่อีเมลในช่อง "ลิงก์" ของแท็บ "คุณสมบัติ" (เช่น: จดหมายถึง:[ป้องกันอีเมล] dvpion.ru) ไม่ว่าจะเป็นการส่งทางไปรษณีย์ จดหมายถึง:ต้องการที่จะผ่าน obstavini yakіไม่ต้องการเขียนคำด้วยมือของคุณ " จดหมายถึง:"จากนั้นคุณสามารถกดปุ่มบนแท็บ "ทั่วไป" จากนั้นในฟิลด์ "ข้อความ" ให้ป้อนข้อความที่จะส่งและในฟิลด์ "อีเมล" - ที่อยู่อีเมล ในกรณีนี้ผลจะเป็น เหมือน.
สมอ
ไซลันอีกประเภทหนึ่งคือ "สมอ" Vikoristovuvat tsey พิมพ์ posilan โดยเฉพาะอย่างยิ่ง korisno ที่มีข้อมูลจำนวนมากซ่อนอยู่ด้านหนึ่ง
มาติดตั้งทรานซิชันกับโฟลว์กัน สิ่งแรกที่คุณต้องทำคือติดตั้งยากิร์เองที่ด้านข้าง
І กดปุ่มบนแท็บ "ทั่วไป" ในกล่องโต้ตอบ ให้ป้อนชื่อจุดยึด "new_page_11_top"
ตอนนี้เหลือเพียงพลังที่จะใส่ยากิร์ทั้งหมดเท่านั้นที่สูญเสียไป ซึ่งคุณต้องดูข้อความและในช่อง "ลิงก์" ของแท็บ " คุณสมบัติ"ป้อนที่อยู่ของความเป็นไปได้สูงที่จะสมัคร yakir นี้: #new_page_11_top
ตาข่ายหน้าชื่อสมอ - ce และ є คำสั่งสำหรับเบราว์เซอร์ให้ "ไป" ที่เครื่องหมายถัดจากชื่อ new_page_11_top
ถ้าต้องการส่งจดหมายถึงเจ้ายากิรให้จ่ายอีกฝ่ายหนึ่ง ให้ชี้ทางไปฝั่งสุดกับสมอ. ตัวอย่างเช่น ฉันต้องการนำเครื่องเป่าลมไปด้านข้างด้วย "ก้นสมอ" Oskіlki im'ya storіnkiพร้อมก้น - ตัวอย่าง.htmและยะกิรซึ่งข้าพเจ้าต้องการจะหันไปทางนั้นอาจอิมยา 02
คำต่อท้ายมีลักษณะดังนี้: (examples.htm#02)
ทำงานกับกราฟิก
ทำไมก่อนหน้านี้เราพลาดสิทธิ์? ด้วยองค์ประกอบข้อความของหน้าเว็บ องค์ประกอบข้อความทั้งหมดถูกสร้างขึ้นหลังแท็ก HTML เพิ่มเติม
นอกจากนี้ คุณยังสามารถตั้งค่าพื้นหลังของเพจได้ สำหรับพื้นหลังแล้วคุณแค่ต้องการตั้งค่าว่ามีสีใด ๆ จากนั้นให้ไปที่รายการ "พื้นหลัง (พื้นหลัง)" (โดยคลิกที่ปุ่มซ้ายของหมีบนสี่เหลี่ยมซึ่งจะถูกนำไปที่รายการ ). ฉันอยู่ในจานสีที่เปิดเผย เลือกสีที่คุณต้องการ ภาพพื้นหลังสามารถตั้งค่าได้โดยการเลือกไฟล์จากฟิลด์ที่ระบุของกล่องโต้ตอบ
การแทรกภาพกราฟิก
วางเคอร์เซอร์ข้อความในพื้นที่ที่ต้องการและดูที่แท็บ “ ทั่วไป”Object Toolkit - มีปุ่ม” ภาพ(ภาพ)". คลิกที่มันและในเมนูสิ่งที่จะปรากฏบนหน้าจอให้เลือกรายการ ภาพ. คุณยังสามารถเร่งความเร็วได้ตามจุด ภาพเมนู แทรกหรือบีบ
รายการโฟลเดอร์ที่จะแสดงและรายการไฟล์ช่วยให้เราเลือกโฟลเดอร์และไฟล์ที่ต้องการได้
ที่สนามแนะนำตัว ชื่อไฟล์ z'appear im'ya ไฟล์ที่เลือก (มิฉะนั้นเราสามารถป้อน yogo tudi) และรายการที่เปิดขึ้น ประเภทไฟล์ให้เราเลือกประเภทของไฟล์ที่เราต้องการทราบ เรารู้ทุกอย่างที่อยู่เบื้องหลังมาตรฐาน บทสนทนา viknam vodkrittya ที่ช่วยประหยัด ไฟล์ Windows. มุมมองเดียว - ด้านขวามีแผงมุมมองด้านหน้า และ yakscho mi bazhaemo їїจัดระเบียบให้เปิดธง ดูตัวอย่าง ภาพอ้อ เราเลือกไฟล์แล้ว ฉันพลาดการกดปุ่มตกลง Ale Dreamweaver wimagatime vid us more deaku іnformatsiyu, บทสนทนาvivіvshi vikno “ แอตทริบิวต์การเข้าถึงแท็กรูปภาพ(แอตทริบิวต์การเข้าถึงแท็กรูปภาพ)” .
รายการรวมกัน “ ข้อความสำรอง(ข้อความทางเลือก) แทนที่ข้อความ Tse ตำหนิสำหรับcoristuvachіvpovіlnyh kanalіv zv'yazku หลังจากนั้นในฐานะเว็บเบราว์เซอร์ zavantage HTML-file จากเว็บไซด์ ให้แทนที่รูปภาพที่วางบนนั้น แสดงเฟรมว่างของเลย์เอาต์ที่เลือก หากคุณวางเคอร์เซอร์ของเมาส์ไว้บนเฟรมว่างของตัวเล็ก เว็บเบราว์เซอร์จะให้คำแนะนำเล็กน้อยเกี่ยวกับวิธีการแทนที่ข้อความนี้ เพื่อที่จะแนะนำให้เร็วที่สุด
Vlasne ไปที่รายการ ข้อความสำรองเข้าสู่ แทนที่ข้อความสั้น Yogo obmezhennya - ไม่เกิน 50 ตัวอักษร หากเราจำเป็นต้องป้อนข้อความโดยละเอียดของบันทึกย่อบนหน้าจอ เราสามารถบันทึกลงในไฟล์เว็บไซต์ แล้วป้อนที่อยู่อินเทอร์เน็ตในช่องป้อนข้อมูล คำอธิบายยาวคุณยังสามารถคลิกปุ่มที่มุมมองโฟลเดอร์ ขยายฟิลด์ด้านขวา และเลือกไฟล์ที่ต้องการจากกล่องโต้ตอบ เลือกไฟล์.เมื่อคุณป้อนข้อมูลเสร็จแล้ว ให้กดปุ่ม OK Dreamweaver วางภาพกราฟิกไว้ที่เดียวกับเคอร์เซอร์ข้อความ
พารามิเตอร์กราฟิก
ตอนนี้เราบันทึกด้านที่มองเห็น ที่เห็นได้ชัด ราวกับว่าไม่ได้เห็น และประหลาดใจที่บรรณาธิการของอำนาจ ผู้ที่อยู่ที่นั่นเพื่อฉัน ช่องรายการ Wі ชมให้เรากำหนดขนาดของภาพโดยการป้อนความกว้างและความสูงด้วยตนเอง คุณสามารถมีสีสันได้ราวกับว่าคุณเห็นภาพ - เป็นส่วนหนึ่งของการออกแบบเว็บไซต์ ในอีกทางหนึ่ง การกำหนดขนาดของภาพทำได้ง่ายกว่า การดึงเครื่องหมายเพื่อเปลี่ยนขนาดของเมาส์
ด้วยเหตุผลบางประการ Dreamweaver เมื่อวางภาพกราฟิกบนเว็บไซด์ ให้วางความกว้างและความสูงของตัวเองในช่องป้อนข้อมูล อย่างที่เราทราบกันดีอยู่แล้วว่าเว็บบราวเซอร์ตามความสนใจของฝ่ายนั้นทันที
ภาพยังไม่ถูกจับโดยเฟรมที่ดูเหมือนว่างเปล่า ถ้าขยายภาพก็จะเซ็ตตัวชัดเจน กลิ่นเหม็นจะติดกรอบ และดีไซน์ด้านข้างไม่ยุบ ในอีกทางหนึ่ง เว็บเบราว์เซอร์จะแสดงเฟรมของส่วนขยายที่คล้ายคลึงกันหลังตัวล็อค และด้วยความหลงใหลเพิ่มเติม รูปภาพของส่วนขยายจะเปลี่ยนไป ซึ่งหมายความว่าการแมปด้านข้างใหม่เอง แต่มันรับไม่ได้
ช่องใส่ วี สเปซі เอช สเปซตั้งค่าในแนวตั้งและแนวนอนตามขอบของรูปภาพจนถึงข้อความที่ล้อมรอบรูปภาพ สำหรับ zamovchuvannyam กลิ่นเหม็น ดูถูกเท่ากับศูนย์
ช่องใส่ srcตั้งค่าที่อยู่อินเทอร์เน็ตของไฟล์ ยกเลิกการเลือกภาพกราฟิก ทางด้านขวา คุณจะเห็นปุ่มสองปุ่ม เมื่อกดทางด้านขวา (จากภาพโฟลเดอร์) เราจะเห็นหน้าต่างโต้ตอบ เลือกที่มาของภาพ.
นอกจากนี้เรายังสามารถเปลี่ยนชื่อของไฟล์ภาพโดยคลิกที่ภาพด้วยปุ่มเมาส์ขวาและเลือกรายการ ไฟล์ต้นฉบับที่เมนูบริบท หรือเพียงแค่ดับเบิลคลิกเมาส์บนรูปภาพ หลังจากนั้นกล่องโต้ตอบจะปรากฏขึ้นบนหน้าจอ เลือกแหล่งที่มาของภาพ
ช่องใส่ src ต่ำคล้ายกับสนาม เอสอาร์ซี,สำหรับ vinnyatka นี้ซึ่งหมายถึงชื่อของไฟล์บันทึกที่เรียกว่า ภาพ "ดำ"ภาพ "ดำ" อาจ ขนาดที่เล็กกว่าตามกฎแล้วสำหรับ rahunok ที่มีความหนาแน่นต่ำมากขึ้นและมันถูกคิดค้นขึ้นอีกครั้งสำหรับ Vlasniks ของช่องทางที่มองเห็นได้ต่ำลิงก์ เว็บเบราว์เซอร์กำลังจะจับ "สีดำ" เนื่องจากไวน์สามารถมีขนาดเล็กลงอย่างมากและเพื่อใช้ด้านข้าง จากนั้นเราจะเหงื่อออกในขณะที่ koristuvach มองไปที่ด้านที่เสร็จแล้วทีละขั้นตอนภาพหลักจะถูกถ่ายขึ้นและ "สีดำ" จะถูกถ่ายด้วยตัวเอง
ขอแนะนำให้เตรียม "สีดำ" เพียงครั้งเดียวหากภาพต้นฉบับมีขนาดใหญ่เกินไปจะทำให้ตื่นเต้นมาก Zokrema, tse pіdіyde, yakscho เราเลือกที่จะทำงานเว็บไซต์จากกราฟิกศิลปะ
ช่องใส่ ชายแดนให้คุณกำหนดเนื้อความของเฟรมซึ่งแสดงที่ด้านข้างของภาพเป็นพิกเซล สำหรับ umovchannyam มีค่าเป็นศูนย์ดังนั้นจึงไม่มีกรอบงาน
รายการรวมกัน altให้เราเปลี่ยนข้อความสั้น ๆ
และตอนนี้เรากำลังก้าวไปสู่รายการของสิ่งต่าง ๆ ที่กำลังเปิดอยู่ จัดตำแหน่ง Vіnช่วยให้เราสามารถตั้งค่าการสร้างภาพข้อมูลในความเป็นจริง - เป็นไปได้ที่จะเห็นภาพข้อความนี้ซึ่งเป็นที่รู้จัก
เปเรลิก จัดตำแหน่งแก้แค้นจุดต่อไปนี้:
- ค่าเริ่มต้น- roztashuvannya สำหรับ zamovchuvannyam เรียกในทำนองเดียวกันกับจุด พื้นฐาน;
- พื้นฐาน- ด้านล่างของภาพzbіgaєtsya ข้อความพื้นฐาน(บรรทัดที่ชัดเจนซึ่งจะพบแถวในข้อความ) แถว de vin perebuvaє;
- ธอร์- ด้านบนของภาพคือzbіgaєtsyaที่มีข้อความด้านบนของแถวซึ่งเป็นที่รู้จัก
- กลาง- ตรงกลางของภาพดึงจากบรรทัดฐานของข้อความ
- ล่าง- ด้านล่างของภาพวิ่งกับด้านล่างของข้อความ (เสียงไม่เหมือน พื้นฐาน);
- ข้อความด้านบน- ด้านบนของภาพกระโดดจากด้านบนของสัญลักษณ์ถัดไปไปยังข้อความ (เสียงไม่เหมือน ธ อร์);
- แอบโซลูท มิดเดิล- ตรงกลางของภาพเคลื่อนที่ได้อย่างแม่นยำ ข้อความเส้นกลาง(เส้นที่จะผ่านตรงกลางแถว);
- แอบโซลูท บอททอม- ด้านล่างของภาพคือzbіgaєtsyaพร้อมด้านล่างของสัญลักษณ์ข้อความด้านล่าง
- ซ้าย- รูปภาพ "บีบ" ไปที่ขอบด้านซ้ายของด้านข้างและข้อความ "obtіkaє" ถนัดขวา
- ถูกต้อง- รูปภาพ "บีบ" ไปที่ขอบด้านขวาของด้านข้าง และข้อความ "บีบ" เข้าหากัน
ในสองมุมมองที่เหลือ รูปภาพคือ ลอย.เว็บเบราว์เซอร์ที่ถนัดซ้ายหรือถนัดขวา ซึ่งข้อความที่ถูกแทรกเข้าไปนั้น จะถูกห่อไว้รอบๆ และเมื่อถึงจุดนั้น จะมีการแทรกรูปภาพแบบลอยตัว Dreamweaver แสดงผลพิเศษ เครื่องหมายภาพลอยตัว. เครื่องหมายนี้จะแสดงเพื่อความสะดวกของนักออกแบบเว็บไซต์เท่านั้นและใน Dreamweaver เท่านั้น เว็บเบราว์เซอร์ Yoga ไม่แสดงขึ้น
Otzhe จากบรรณาธิการของหน่วยงานที่เราออกไป ตอนนี้ขอพลังของภาพของเรา ดูข้อความ 5 พิกเซลในแนวนอนและแนวตั้ง ปัดไปทางขอบซ้าย ข้อความ "ทางเลือก" - "เขียนสิ่งที่คุณกำลังรวม" ฉันบันทึกด้านข้าง
ในการหมุน cob ของรูปภาพ เราสามารถเร่งความเร็วด้วยปุ่ม ปัดระหว่างช่องใส่ W และ H ของตัวแก้ไขสิทธิ์และไปทางขวาสำหรับพวกเขา เช่นเดียวกับรายการเมนูบริบท รีเซ็ตขนาด Tse corisno, yakscho mi อย่างมากїхได้ทำไปแล้วที่เราต้องการเริ่มต้นทุกอย่างบนซัง
ภาพพิเศษ
Mova HTML และ Dreamweaver ช่วยให้คุณสร้างภาพที่ยอดเยี่ยม แต่ยังทรงพลังเป็นพิเศษ เซ ภาพซ้อน, ภาพที่ใช้งานі การ์ดรูปภาพ. กลิ่นเหม็นมักจะปรากฏอยู่บนเว็บไซด์ ดังนั้นเราจึงต้องดูพวกเขา
ไม่ว่าจะเป็นภาพก็สามารถได้รับชัยชนะในฐานะมหาอำนาจซึ่งเพียงพอที่จะป้อนที่อยู่อินเทอร์เน็ตลงในฟิลด์ ลิงค์"แผง" คุณสมบัติ".
นอกจากนี้ยังสามารถส่งข้อความไปยังที่อยู่อีเมลและเว็บไซต์อื่นๆ ที่วิภาฑุอีกแห่งจะมีรายการให้ เป้า"
รูปภาพสามารถเปิดใช้งานได้ซึ่งตอบสนองต่อการชี้เคอร์เซอร์หมีที่ใหม่ - กลิ้งไป. สำหรับผู้ที่คุณจะต้องตุนภาพสองภาพเพื่อให้คุณสามารถเปลี่ยนภาพหนึ่งภาพและในการฝากเงิน " ทั่วไปกดปุ่มออก
คุณจะต้องกรอกข้อมูลในฟิลด์ที่จำเป็น
ในสนาม ชื่อภาพ- ระบุชื่อเดิมของภาพที่ใช้งานอยู่ นอกจากนี้ ในชื่อสามารถมีตัวอักษรละตินเท่านั้น (จากตัวอักษร คุณสามารถเริ่มต้นว่าภาพมีการใช้งานหรือไม่) และตัวเลข (แต่ในภาษาอาหรับ! -:)
ในสนาม ภาพต้นฉบับ- เข้าสู่เส้นทางไปยังภาพหลักเป็นคนแรกเพื่อใช้ประโยชน์จากด้านข้าง
ในสนาม ภาพโรลโอเวอร์- ป้อนเส้นทางไปยัง "รูปภาพ - เอฟเฟกต์" - รูปภาพจะไม่ปรากฏขึ้นอีกต่อไปเมื่อคุณวางเคอร์เซอร์ของเมาส์ไว้เหนือรูปภาพที่ทำงานอยู่
ติดธงที่พื้น โรลโอเวอร์โหลดล่วงหน้า- ด้วยวิธีนี้เบราว์เซอร์จะดึงดูดการกระทำผิดกฎหมายของเด็ก ๆ ทันทีและเอฟเฟกต์จะถูกล้างทันทีหลังจากชี้หมี ในอีกทางหนึ่ง (เมื่อเปิดใช้งานช่องทำเครื่องหมาย) เมื่อวางเมาส์เหนือภาพหมี เบราว์เซอร์จะจับภาพอื่นได้มากขึ้น ... และเอฟเฟกต์เดียวกันจะปรากฏขึ้น
ในสนาม ข้อความแสดงแทน- ป้อนความคิดเห็นแบบข้อความที่จะถูกรวมเมื่อคุณวางเมาส์เหนือรูปภาพ
ในฟิลด์ ไปที่ URL - ที่อยู่อินเทอร์เน็ต
การ์ดรูปภาพ
แผนที่เป็นภาพทั้งภาพที่มีเครื่องหมาย "พื้นที่ร้อน" นอกจากนี้ พื้นที่ผิวดังกล่าวจะเกินความจริงและแสดงที่อยู่อินเทอร์เน็ต
หากต้องการกระจายลูกน้อยบนซังด้านข้างดูโยคะคลิกที่ปุ่มซ้ายใหม่ของหมีและบนแท็บ " คุณสมบัติ"สำหรับความช่วยเหลือของตัวเลขสีฟ้าคราม (ใกล้ส่วนล่างซ้าย - กลุ่มองค์ประกอบแผนที่) เลือกวิธีใดวิธีหนึ่งในการดู "พื้นที่ร้อน" เช่น colo ดังนั้นรูปร่างที่มีรูปร่างผิดปกติให้กด chotirikutnik และดู พื้นที่ที่คุณต้องคลิก
คุณเห็นภาพในอนาคตฉันจะเห็น:
คุณจะต้องป้อนที่อยู่อินเทอร์เน็ตในช่อง ลิงค์” (ข้อความสามารถอยู่อีกด้านหนึ่งของไซต์ของคุณ หรือบนไซต์อื่น หรือที่อยู่ไปรษณีย์) เลือกรายการใดรายการหนึ่งในช่องเป้าหมาย และป้อนข้อความแสดงแทนในช่อง Alt
หลังจากเห็นแล้ว คุณสามารถย้ายพื้นที่ที่เห็นได้โดยกดปุ่มที่มีลูกศร - ที่พับด้านซ้ายล่าง
หากต้องการดูรูปร่างที่มีรูปร่างไม่ปกติ ให้ใช้ปุ่มซ้ายคลิกหมีรอบปริมณฑลของพื้นที่ดู โปรดระบุชื่อเดิมของแผนที่ของคุณในช่องใส่แผนที่และทั้งหมด
โต๊ะ
ในการสร้างตารางใหม่ ไปที่แท็บ " คอมมอนส์"แผง" แทรกและกดปุ่ม 
ที่กล่องโต้ตอบ ให้กรอกข้อมูลในฟิลด์ที่จำเป็น
แถว- จำนวนแถวที่โต๊ะ
คอลัมน์- จำนวนคอลัมน์ที่โต๊ะ
ความกว้างของตาราง- ความกว้างของตาราง นอกจากนี้ ที่เมนูที่คุณเห็น คุณต้องระบุตัวเลขหนึ่งตัว - สองร้อยหรือหนึ่งพิกเซล
ความหนาของเส้นขอบ- ความกว้างของกรอบตารางเป็นพิกเซล และหากคุณตั้งค่าเป็นศูนย์ ตัวตารางจะไม่ปรากฏที่ด้านข้าง
การขยายเซลล์- ตรงกลางโต๊ะ
ระยะห่างของเซลล์- ยืนตรงกลางโต๊ะ
จำนวนสวิตช์ หัวข้อ(Header) ให้เราสร้าง "header" ที่เห็นคอลัมน์แรกของตาราง ชุดนี้มีจัมเปอร์ให้เลือก ไม่มี (ไม่มีส่วนหัว ไม่เห็นหน้าแรก) ด้านซ้าย (มองเห็นด้านแรก) ธอร์ ("ส่วนหัว") และทั้งสอง (ส่วนหัว มองเห็นด้านแรก)
ตรงกลางซึ่งจะสร้าง "ส่วนหัว" และวิสัยทัศน์ของ stovpets จะถูกออกแบบให้อยู่ตรงกลางของชื่อเรื่อง และข้อความที่เราป้อนเข้าไปจะถูกจัดกึ่งกลางโดยอัตโนมัติและภาพจะเป็นตัวหนา
ที่สนามแนะนำตัว คำบรรยาย(Title) ใส่ชื่อตาราง ชื่อ Tsya จะอยู่เหนือโต๊ะพับ
รายการที่จะเปิดเผย จัดคำบรรยาย(Virіvnyuvannya) อนุญาตให้เราถามสถานที่ของ roztashuvannya และ virivnyuvannya ชื่อ (เช่นชัดเจน mi їїเข้ามา) นี่คือจุดเดียวกัน:
ค่าเริ่มต้น (ก่อนล็อค) - ดูเว็บเบราว์เซอร์เล่นชื่ออีกครั้งบนโต๊ะและดูตรงกลาง
ด้านบน - ชื่ออยู่เหนือตารางและแสดงตรงกลาง
ด้านล่าง - ชื่ออยู่ใต้ตารางและแสดงตรงกลาง
ซ้าย - ชื่อวางอยู่เหนือตารางและแสดงที่ขอบด้านซ้าย
ขวา- ชื่ออยู่เหนือตารางและเป็นมือขวา
ในด้านการแก้ไข สรุป(ร่วมกัน) แนะนำการยอมรับของตาราง บันทึกย่อนี้ไม่แสดงโดยเว็บเบราว์เซอร์บนหน้าจอ แต่สามารถใช้เพื่อวัตถุประสงค์อื่นได้ (เช่น สามารถประมวลผลโดยโปรแกรมที่อ่านข้อความบนหน้าจอ) ถามโยคะ neobov'azkovo
หลังจากนั้นเมื่อสร้างตารางคุณสามารถเปลี่ยน її razmeri ดึงระหว่างความช่วยเหลือของหมี วางเคอร์เซอร์บนหนึ่งในสามช่องสี่เหลี่ยมในตารางที่เห็น
ตอนนี้ ให้วางเคอร์เซอร์ข้อความไว้บนโต๊ะแล้วพิมพ์ข้อความ ลองทำเช่นเดียวกันกับตรงกลางอื่น ๆ ของตาราง
โต๊ะตรงกลางเป็นความผิดของแม่ ถึงแม้ว่ามันอาจจะอยู่ในตำแหน่งนั้น มิฉะนั้น เว็บเบราว์เซอร์อาจแสดงผลอย่างไม่ถูกต้อง อย่างไรก็ตาม ห้องยังคงว่างอยู่ ให้แทรกการหักล้างที่ไม่เด่นลงไป (โค้ด HTML ของ yogo -) เพื่อให้ Dreamweaver สามารถทำงานได้ในกรณีดังกล่าว
เพื่อตรวจสอบพลังของตาราง - Vidil_t її คลิกที่ปุ่มซ้ายของหมีบนตารางอินเตอร์ พูดอะไรบางอย่างบนแท็บ "คุณสมบัติ"
คุณสามารถเปลี่ยนพลังของตารางและปรับปรุงรูปลักษณ์ได้
สนาม รหัสตาราง- ตั้งชื่อตาราง (แอตทริบิวต์ไม่ใช่ obov'yazykovym)
ทุ่งนา แถวі Cols- จำนวนแถวและแถวของตาราง
ทุ่งนา วีі ชม- ความกว้างและความสูงของตารางเป็นพิกเซลหรือหลายร้อย
สนาม จัดตำแหน่ง- ดูตารางที่ขอบด้านซ้าย ตรงกลาง หรือขอบด้านขวา
สนาม CellPad- ยืนกลางห้อง
สนาม CellSpase- ยืนตรงกลางโต๊ะ
สนาม โดดเด่นยิ่งขึ้น- ความกว้างระหว่างตาราง
bg สี- สีพื้นหลังของตาราง
Brdr Color- สีระหว่างสำหรับตารางทั้งหมด
รูปภาพ Bg- การตั้งค่าพื้นหลังสำหรับตาราง
นอกจากนี้ยังมีปุ่มเพิ่มเติมอีก 6 ปุ่ม
- ปุ่ม ชัดเจนคอลัมน์ความกว้าง- เคลียร์ความกว้างของโต๊ะ
- ปุ่ม ชัดเจนแถวส่วนสูง- ล้างค่าความสูงของแถว
- ปุ่ม แปลงความกว้างถึงพิกเซลі แปลงความกว้างถึงเปอร์เซ็นต์- ปรับรูปร่างความกว้างของจุดศูนย์กลางของพิกเซลและปรับรูปร่างความกว้างของจุดศูนย์กลางของความกว้าง
- ปุ่ม แปลงส่วนสูงถึงพิกเซลі แปลงส่วนสูงถึงเปอร์เซ็นต์- ปรับรูปร่างความสูงของกึ่งกลางของพิกเซลและปรับรูปร่างความสูงของกึ่งกลางของพิกเซลใหม่
Krіmหัวหน้าเจ้าหน้าที่ของโต๊ะเป็นหัวหน้าหน่วยงานที่อยู่ตรงกลางของกลุ่มคนกลาง สำหรับหัวหน้าหน่วยงานของผู้แทน - คลิกที่ปุ่มซ้ายของหมี หากคุณต้องการตั้งค่าพลังของกลุ่มกลาง หลังจากนั้น ให้คลิกที่ช่องตรงกลางแรก ไม่ให้ปุ่มซ้ายของหมี ดูตรงกลางที่จำเป็น (คุณสามารถเห็นทั้งตารางในลำดับนี้) เมื่อเห็น - ระหว่างส่วนเพิ่มเติมทั้งหมดจะเปลี่ยนเป็นสีที่ต่างกัน
หลังจากนั้น เมื่ออยู่กลางสายตา ฉันจะให้ความเคารพต่อคณะกรรมการอีกครั้ง คุณสมบัติ"
Horz- การจัดตำแหน่งแนวนอนแทนที่จุดศูนย์กลาง (levouch, กึ่งกลางหรือขอบขวา)
Vert- การจัดแนวแนวตั้งร่วมกับตรงกลาง (ด้านบน ตรงกลาง ด้านล่าง หรือตามแนวฐาน)
ในทุ่งนา Wі ชม- ป้อนความกว้างและความสูงของเส้นกึ่งกลางที่เลือก ดังนั้นคุณต้องป้อนค่าสำหรับความสูง - เพิ่มสัญลักษณ์ % หลังค่าตัวเลข
bgі Brdr- การตั้งค่าพื้นหลังของตรงกลางและการตั้งค่าสีระหว่างตรงกลาง และสำหรับความช่วยเหลือจาก Bg บนฟิลด์ - คุณสามารถถาม ภาพพื้นหลังสำหรับคนกลาง
ประโพเรศ ไม่ห่อ- รั้วโอนแถว
ประโพเรศ หัวข้อ- สำหรับการจัดรูปแบบศูนย์ที่เลือกเป็นส่วนหัวของตาราง
ตอนนี้คลิกปุ่มซ้ายของหมีที่อยู่ตรงกลางแล้วกดปุ่ม
สำหรับความช่วยเหลือจากบทสนทนานี้ คุณสามารถแบ่งการเชื่อฟังของคนตรงกลางออกเป็นส่วนๆ เพอมิคาจิ แถวі คอลัมน์- แบ่งออกเป็นแถวและstovptsіvіdpovіdno จำนวน... - บน skіlki ryadkіv аbо stovptsіv sіd diliti vibraniya seredok
ตอนนี้คุณสามารถเห็นสองกล่องและกดปุ่ม
มิดเดิลที่คุณได้เลือกไว้ทั้งสองอันได้ถูกนำมารวมกันเป็นหนึ่งเดียว และการผสมผสานของมิดเดิลใหม่ทั้งหมดที่คุณสามารถแจกจ่ายซ้ำหรือรวม navpakly กับอันอื่นได้เช่นเดียวกับมิดเดิลมาตรฐาน
ก่อนตารางใดๆ คุณสามารถจัดรูปแบบการจัดรูปแบบได้อย่างรวดเร็ว คุณควรเห็นตารางในเมนูเพื่อใคร คำสั่ง” เลือกรายการ “ รูปแบบโต๊ะ(ตารางรูปแบบ).
และที่กล่องโต้ตอบที่คุณเห็น คุณสามารถปรับแต่งการออกแบบตารางของคุณได้
หลังจากเลือกหนึ่งในเทมเพลตที่ติดตั้งไว้ล่วงหน้าแล้ว คุณสามารถเปลี่ยนแอตทริบิวต์ทั้งหมดได้ตามต้องการ
คุณสามารถดู แทรก และคัดลอกตรงกลางตารางได้
ในการดูการตัด (หรืออันตรงกลาง) คุณต้องดูและให้คำสั่ง Edit - Cut ตรงกลาง (หรือปลาทะเลชนิดหนึ่ง) จะถูกลบออกจากตาราง
ในการคัดลอกสำเนา (หรือจำนวนเล็กน้อย) คุณต้องดูและให้คำสั่งแก้ไข - คัดลอก ตรงกลาง (หรือปลาทะเลชนิดหนึ่ง) จะถูกคัดลอก
หากต้องการวางตรงกลางที่คัดลอกและวาง ให้ใช้คำสั่งแก้ไข - วาง
อย่างแรกเลย ระยะทางลดลง ลองใช้มือของคุณในการสร้างตารางที่ง่ายที่สุด
การออกแบบตาราง
สมมติว่าเราทำงานร้านค้าออนไลน์ เราต้องจำด้านข้างของชื่อ คำอธิบาย รูปภาพและรูปถ่ายของผลิตภัณฑ์ ด้วยตารางจะง่ายกว่า
สำหรับความช่วยเหลือของตารางที่จัดรูปแบบพิเศษ เราสามารถวางชิ้นส่วนบางส่วนในข้อความและภาพกราฟิกตามที่เราต้องการ และถ้ามันไม่ได้ผลสำหรับเรา เราสามารถจัดตารางใหม่ได้เล็กน้อยแล้วรับผลลัพธ์อื่น
นักออกแบบเว็บไซต์มีตารางที่เชี่ยวชาญมายาวนาน ดังนั้นเป็นเวลานานที่ความคิดนี้ถูกวางไว้ที่หน้าต่างเรียบง่ายเหมือนหนวดอัจฉริยะ ลองวางข้อความทั้งหมดของเว็บไซด์ในตารางขนาดใหญ่ที่จัดรูปแบบเรียบร้อย "ขยาย" ไปที่หน้าต่างทั้งหมดของเว็บเบราว์เซอร์ล่ะ แม้ว่าเราจะเห็นว่าจำเป็นจริงๆ ที่จะทำสิ่งเดียวกันได้ เช่นเดียวกับเครื่องพิมพ์อื่นๆ ของเรา เราสามารถสร้างโน้ต ไวน์ vrіzannya และ "กระแสข้อมูล" มากมายของข้อความ ซึ่งได้รับการซ่อมแซมและแจกจ่ายซ้ำ ณ ที่ที่เราต้องการ
Axis mi และ pіdіyshli vpritul จนถึงการออกแบบแบบตาราง ดังนั้นวิธีการสนับสนุนเว็บไซด์ด้วยตาราง vikoristannya
มีการแนะนำหลักการพื้นฐานของการออกแบบตารางแล้ว ข้อความทั้งหมดและกราฟิกทั้งหมดถูกวางไว้ตรงกลางตาราง ซึ่งช่วยให้คุณทำงานกับทุกสิ่งที่จำเป็นได้ ตามกฎแล้ว ตารางดังกล่าว (เรียกว่า ตารางเลย์เอาต์) จะสร้างเส้นขอบที่มองไม่เห็น และเส้นจะถูกสร้างขึ้นหลังความช่วยเหลือของตัวกลางบาง ๆ จากการเติมพื้นหลัง ตารางเลย์เอาต์สามารถพับเก็บได้มากขึ้น การจัดรูปแบบแทนและแตกต่างกัน และ zavzhd แทรกตารางตรงกลางและที่ใช้งานได้จริงที่คั่นด้วยบาทาราส
การสร้างเลย์เอาต์โต๊ะพับด้วยมือถือเป็นการนำร่องครั้งใหญ่สำหรับการออกแบบเว็บ ไม่ใช่หนังdosvіdchenyนักออกแบบเว็บไซต์จะสามารถทำงานด้านพับบนพื้นฐานของตารางได้ และผ่านการพับเนมสเปซเพื่อป้อนโค้ด HTML ด้วยเหตุนี้ รหัสของเว็บไซด์ตามตารางจึงมักได้รับการอภัยโทษ ซึ่งเว็บเบราว์เซอร์ไม่สามารถแสดงรหัสดังกล่าวได้ อันที่จริงแล้ว ด้วยการเชื่อมโยงเชิงตัวเลขเหล่านี้ อันที่มีการจัดรูปแบบที่ง่ายที่สุดอาจสูญหายได้
ตัวอย่าง- นี่คือสัญลักษณ์พิเศษ "โครงกระดูก" ของเว็บไซด์ ซึ่งสามารถใช้ได้กับองค์ประกอบทั้งหมดของไซต์: ชื่อของไซต์, การพิมพ์ไฮเปอร์โพซิแลน, ข้อมูลเกี่ยวกับลิขสิทธิ์, อาจเป็น, ตารางเลย์เอาต์และอื่น ๆ จำนวนขององค์ประกอบจะถูกเติมอย่างสม่ำเสมอในทุกด้าน สร้างขึ้นบนพื้นฐานของแม่แบบที่กำหนด ดังนั้นพวกเขาจึงถูกเรียกว่า - องค์ประกอบที่ไม่เปลี่ยนแปลง แล้วอันดับด้านข้างของสถานที่หลักล่ะ?
แบบง่ายๆ. พิเศษสำหรับผู้ที่สร้างเทมเพลต พื้นที่ที่กำลังเปลี่ยนแปลง
. กลิ่นเหม็นเป็นที่รู้จักในด้านที่ไม่เหมือนใครเนื่องจากจะถูกสร้างขึ้นบนพื้นฐานของเทมเพลต
ง่ายมาก: เราสร้างหน้าตามเทมเพลตและป้อนในพื้นที่ที่เปลี่ยนแปลงซึ่งเป็นที่หลัก องค์ประกอบที่ไม่สามารถเปลี่ยนแปลงได้ของ Dreamweaver ไม่ปล่อยให้เราปกครอง และถูกต้อง พวกมันมีกลิ่นเหม็น ไม่เปลี่ยนแปลง ผิด Ale tse not bіda - เราสามารถเปลี่ยนเทมเพลตได้ตลอดไป
ตัวอย่างเช่น คุณต้องแก้ไขชื่อเว็บไซต์ Oskіlkiในการเข้าสู่เทมเพลตคลังสินค้า, เทมเพลต mi v_dkrivaєmo, แก้ไขและนำไปใช้ Dreamweaver เตือนเราให้ย้ายการเปลี่ยนแปลงไปยังเทมเพลต เปลี่ยนทุกด้าน สร้างขึ้นบนพื้นฐานนี้ І โอนแล้วระวังไม่เต็มพื้นที่ที่เปลี่ยน! อันที่จริง ความผิดสำหรับเราคือการแก้ไของค์ประกอบทั้งหมดที่ทำซ้ำในทุกด้านของเว็บไซต์ เทมเพลตจะถูกบันทึกในไฟล์พิเศษที่สามารถขยายได้ dwt, ในสันตะปาปา แม่แบบ Dreamweaver สร้างสำเนาในเครื่องของไซต์จากโฟลเดอร์รูท จำนวนของเทมเพลตที่ถูกเลือกในไซต์นั้นไม่จำกัด ดังนั้นเราจึงสามารถสร้างด้านหนึ่งของไซต์โดยใช้เทมเพลตหนึ่งและอื่น ๆ - บนพื้นฐานของเทมเพลตอื่น และเราสามารถนำมารวมกันด้วยเทมเพลตเดียว เช่น บ่อยที่สุด และอีกมากมาย
ขั้นแรกให้สร้างเทมเพลต สร้างเว็บไซต์ ลงทะเบียนโยคะกับ Dreamweaver
ตอนนี้ มาสร้างเอกสารและสร้างเค้าโครงกัน
- สร้างตารางที่มีความกว้าง 100% 2 แถวและ 1 แถว ระยะขอบ 0
- แถวแรกมีพื้นหลัง (fon.gif) และสูง 100 พิกเซล
- ถัดไป ให้เขียนชื่อไซต์ของฉันที่ชื่อด้านข้างและที่แถวแรก ตั้งค่าข้อความrozmіr +7 และสีเหลือง
- ในแถวอื่น ให้จัดแนวแนวตั้งบนสัตว์ร้าย
- แทรกตารางอื่นที่มีความกว้าง 100% 1 แถว 3 คอลัมน์ โดยอยู่ระหว่าง 0
- ที่ศูนย์ผิวหนัง ให้ติดตั้งแนวตั้งของสัตว์
- ความกว้างของการทะเลาะวิวาทครั้งแรกคือ 20% อีก 60% ครั้งที่สาม 20%
- ที่ผิวหนัง ตารางจะถูกแทรก 2 แถว x 1 แถว กว้าง 95% การจัดตำแหน่งตารางอยู่ตรงกลาง ฉันยังvirіvnyuvannyaที่ศูนย์ผิวหนังในแนวตั้งด้านบน
- พวกเขาให้ฉันแถวข้อความเหมือนก้น
- ที่จุดจอดการนำทาง ให้ตั้งค่าสีตรงกลางผ่านสีเขียว
เลย์เอาต์ด้านข้างของเราพร้อมแล้ว ก็จะไม่มีความสงบสุขที่พับได้ ในกรอบของการบรรยายนี้มีมากมาย
ได้เวลาสร้างเทมเพลตและแก้ไขพื้นที่แล้ว
มีสองวิธีในการสร้างเทมเพลต Dreamweaver ขั้นแรก โยคะสามารถสร้างขึ้นได้ตั้งแต่เริ่มต้น แล้วจึงอัปโหลดแทนเป็นเว็บไซต์ปกติ
ในอีกทางหนึ่ง คุณสามารถบันทึกด้านหลักเหมือนเทมเพลต จากนั้นเราจะทำใหม่ โดยเอาสีน้ำตาลออกแทน และละทิ้งองค์ประกอบเหนือศีรษะ ฉันเหล่านั้น th іnshe robiti ง่ายอย่างไรก็ตาม
Shchob สร้าง เทมเพลตใหม่เมนู "ตั้งแต่เริ่มต้น" ไฟล์ – ใหม่“
การสร้างเทมเพลตใหม่ตามหน้าเว็บที่คุณมีอยู่จะง่ายยิ่งขึ้นไปอีก ฉันต้องการเว็บไซด์ใดให้เลือกเมนู " ไฟล์"วรรค" บันทึกเป็นแม่แบบ“(บันทึกเป็นเทมเพลต) คุณยังสามารถกดปุ่ม สร้างเทมเพลต(สร้างเทมเพลต) บนแผงวัตถุ กล่องโต้ตอบจะปรากฏขึ้นบนหน้าจอ บันทึกเป็นแม่แบบ ”.
ในรายการที่เปิดขึ้น เว็บไซต์ไซต์ถูกเลือกจากเทมเพลตที่เลือก (ไซต์ไม่รู้จักเทมเพลต) สำหรับการโปรโมต ไซต์สตรีมมิ่งได้รับเลือกที่นั่น
ชื่อของเทมเพลตถูกป้อนที่ช่องใส่ บันทึกเป็น. มาตั้งชื่อเทมเพลตใหม่ของเรากันเถอะ หลัก("Golovny"), oskіlki tse เทมเพลตหัวของเรา, บนพื้นฐานของสิ่งที่เราจะสร้างเว็บไซต์ของเรา
ป้อนข้อมูลที่จำเป็นทั้งหมด กดปุ่ม บันทึก(บันทึก) เพื่อบันทึกแม่แบบ
หลังจากสร้างเทมเพลตใหม่ ส่วนที่เหลือจะปรากฏในรายการเทมเพลต เราได้สร้างเทมเพลตใหม่นี้โดยอ้างอิงจากเว็บไซด์หลัก เพื่อให้เราสามารถดูโยคะบนกระดานได้ การแก้ไขไปข้างหน้า. จริงอยู่ แผงนี้มีขนาดเล็กอยู่แล้ว และเพื่อพิจารณาการแจ้งเตือนเกี่ยวกับเทมเพลต เราจึงสามารถเห็นแผงนี้ในหน้าต่างของเอกสารได้
แม่แบบการแก้ไข
ต้องกรอกเทมเพลตเปล่า เทมเพลตที่สร้างจากฝั่งเว็บจะต้องได้รับการแก้ไข: ใช้เทมเพลตที่ไม่ซ้ำสำหรับด้านที่สองแทน เหลือเพียงองค์ประกอบหลักสำหรับทุกด้านของเว็บไซต์ ซึ่งเราจะต้องเพิ่มเทมเพลตให้กับเอกสารต้นฉบับตามแบบฉบับของเว็บไซด์
หน้าต่างของเอกสารจะปรากฏขึ้นบนหน้าจอซึ่งเทมเพลตจะถูกเลือก ชื่อของไวน์ไม่ปรากฏในเว็บไซด์อันวิจิตร แต่อย่างใด
เราจะทำอะไรกับเทมเพลตได้บ้าง ยินดีต้อนรับทุกอย่าง คุณสามารถใช้โยคะกับเว็บไซด์ที่ยอดเยี่ยมพร้อมคุณสมบัติพิเศษบางอย่าง (คุณสมบัติพิเศษจะอธิบายเพิ่มเติม) เราสามารถพิมพ์ข้อความ, ฟอร์แมตโยคะ, รูปภาพเลย์เอาต์, ตาราง, ไฮเปอร์สเปซ, สลับไปใช้เลย์เอาต์ด้านข้างและสร้างตารางและเลย์เอาต์เลย์เอาต์, สร้างชุดเฟรม, "ล้าง" โค้ด HTML ฯลฯ
ท้ายที่สุดแล้วเทมเพลตไม่ใช่เว็บไซต์และอาจมีคุณสมบัติพิเศษบางอย่าง ดังนั้นจึงจำเป็นสำหรับเราที่จะวางในพื้นที่ใหม่ที่มีการเปลี่ยนแปลงในบางปีจะมีหลักด้านข้าง (ยิ่งกว่านั้น เราจะต้องเรียนภาษาเดียวกัน ไม่เช่นนั้น เราจะต้องใช้แม่แบบเดียวกัน) วิธีการเรียนรู้ เรารู้ปีละสามครั้ง
ดูเหมือนเทมเพลตหลักที่เราสร้างขึ้นตามด้าน default.htm (ซึ่งยังไม่เปิด)
ตอนนี้เราต้องวางพื้นที่ที่กำลังเปลี่ยนแปลงในเทมเพลต ในขณะนี้พื้นที่ที่มีการเปลี่ยนแปลงจะเป็นพื้นที่เดียว - หลักด้านข้าง І roztashovuvatisya จะเป็นศูนย์กลางที่ใหญ่ที่สุดของตารางrozmіtkaของเรา คอลัมน์ใหม่และแถบนำทางยังค่อนข้างเจ๋ง
การสร้างพื้นที่ที่เปลี่ยนแปลง
เท่าที่เกี่ยวข้องกับเทมเพลต เราสามารถสร้างส่วนที่เปลี่ยนแปลงได้สองวิธี ขั้นแรก ให้สร้างพื้นที่ทดแทนว่างบนพื้นที่ว่างด้านข้าง ในอีกทางหนึ่ง ให้สร้างแฟรกเมนต์ของโฟลว์ขึ้นใหม่ แทนที่จะเป็นด้านข้างบนพื้นที่ที่เปลี่ยนแปลง
วิธีแรกคือวิธีที่ดีที่สุด เนื่องจากเราสร้างเทมเพลต "ตั้งแต่เริ่มต้น" และอีกวิธีหนึ่ง - ขณะที่เราแปลงเป็นเทมเพลตทางด้านขวา
การสร้างพื้นที่การเปลี่ยนแปลงที่ว่างเปล่าในเทมเพลตนั้นเป็นเรื่องง่าย สำหรับสิ่งนี้ เราวางเคอร์เซอร์ข้อความไว้ที่ด้านหลังศีรษะ ซึ่งเราต้องการสร้างพื้นที่การเปลี่ยนแปลงที่ว่างเปล่าและควรเร่งให้เร็วขึ้น:
- เครื่องมือวัตถุโดยกดปุ่ม แม่แบบในการฝากเงิน ทั่วไปและเลือกรายการเมนู ภูมิภาคที่แก้ไขได้;
- เมนูบริบทโดยการเลือกในเมนูย่อยโยคะ แม่แบบวรรค ภูมิภาคที่แก้ไขได้ใหม่
- เมนูระบบ, เปิดเมนูย่อย วัตถุเทมเพลตเมนู แทรกวรรค ภูมิภาคที่แก้ไขได้;
- กับคีย์บอร์ดที่ดีที่สุด - แค่กด
+ + .
กล่องโต้ตอบจะปรากฏขึ้นบนหน้าจอ ภูมิภาคที่แก้ไขได้ใหม่
สำหรับฟิลด์เดียว ให้ป้อน ชื่อ ซึ่งอยู่ในบรรทัดนี้ เพื่อป้อนชื่อเฉพาะของภูมิภาคที่มีการเปลี่ยนแปลง เราสร้างสกินที่เทมเพลต พื้นที่ที่เปลี่ยนแปลงเป็นความรับผิดชอบของแม่ที่มีชื่อเฉพาะ Tse im'ya สามารถแก้แค้นสัญลักษณ์ be-like, ตัวอักษร krim ของตัวอักษรรัสเซีย, อุ้งเท้า, อะพอสทรอฟีและสัญลักษณ์<", ">" และ "&" ป้อนชื่อ กดปุ่ม OK เพื่อสร้างพื้นที่เปลี่ยนแปลง หรือ ยกเลิก v_dmovitysa กับ tsgogo
Yakshcho mi vipadkovo วางพื้นที่ที่เปลี่ยนแปลงไว้ผิดที่ซึ่งคุณต้องการคุณสามารถแก้ไขได้ เราเห็นการเปลี่ยนแปลงในพื้นที่ เมื่อคลิกเมาส์ที่หัวข้อ เรา "บีบ" เมาส์สำหรับสถานที่นั้นแล้วลากไปบนความต้องการพื้นที่
Dreamweaver เมื่อสร้างเทมเพลตใดๆ จะสร้างเอกสารเล็กๆ ที่เปลี่ยนแปลงโดยอัตโนมัติ (ด้วยเหตุนี้ เราสามารถตั้งชื่อภูมิภาคที่เปลี่ยนแปลงได้ - ภูมิภาคได้เปลี่ยนจากชื่อดังกล่าวแล้ว) พื้นที่เปลี่ยน Qia รวม tag