ผู้เขียน หัวข้อ: [Adobe Muse CC]เขียนเว็บโดยไม่ต้องรู้ Code #1  (อ่าน 3090 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ [ Mos-editoR ]

  • Moderator
  • GӨD ӨF MIПΣᄃЯΛFƬ
  • ************
  • กระทู้: 1080
  • ระดับความดี: 35
  • FBT has left a webboard(You think are true story?)
    • ดูรายละเอียด
    • I don't have a website.
[Adobe Muse CC]เขียนเว็บโดยไม่ต้องรู้ Code #1
« เมื่อ: เมษายน 05, 2015, 05:14:26 PM »
Adobe Muse CC คืออะไร
มันคือโปรแกรมการสร้างเว็บของบริษัท Adobe ซึ่งจัดทำมาในรูปแบบคล้ายๆกับ Adobe Dreamweaver แต่แค่ Adobe Muse CC นั้นไม่มี Code กำหนดการกระทำ กำหนดสี กำหนดบลาๆๆๆๆๆ


สามารถใช้แทน Dreamwerver ได้ตลอดการเลยมั้ย?
ต้องขอบอกก่อนเลยว่า Adobe Muse เป็นแค่โปรแกรมที่ทาง Adobe นั้นทดลองทำมันขึ้นมา เพราะฉนั้นการใส่ Widget,ใส่โค็ด HTML เสริมและวางแบบ ยังทำได้ไม่เต็มที่จึงทำให้ Adobe Dreamweaver นั้นยังดูมีความอิสระในการทำเว็บกว่า Adobe Muse ไปหลายขุมเลยทีเดียว


[การสร้างเว็บ #1] *โปรแกรมสามารถไปหาดาวน์โหลดที่ใน Google แต่ไม่ฟรีนะครับ*
เปิดโปรแกรมขึ้นมาจะได้หน้าตาอย่างงี้นะครับ


ถ้าจะสร้างเว็บใหม่ จะต้องไปที่ File > New Site หรือกด Ctrl+N


มันจะโผล่หน้าที่ชื่อว่า New site ขึ้นมานะครับ

[ความหมายของ Layout ต่างๆ]
Initial Layout = คุณต้องที่จะทำเว็บรูปแบบใหน [Desktop>PC,Tablet>แท็ปเล็ต,Phone>โทรศัพท์]
Page Width = ความกว้างของหน้าเว็บ [Default = 960]
Page Height = ความยาวของหน้าเว็บ [Default = 500] [ไม่ต้องปรับก็ได้ เพราะ เราไม่แน่ใจกับความยาวเนื้อหาที่เราใส่ไป]

Sticky Foot = ตั้งของเขตท้ายเว็บ [ช่วยในการไม่ให้เนื้อหาไปติดกับด้านล่างสุดของเว็บ] [Default = Yes]
Columns = คอลัมน์ของเนื้อหา
Column Width = ความกว้างของคอลัมน์
Gutter = อันนี้ผมก็ไม่แน่ใจเหมือนกัน แต่ทางที่ดีอย่าไปปรับเลยครับ
Margin และ Padding =Click!
Resoultion = การปรับขนาดหน้าเว็บ (ไม่ควรปรับอย่างยิ่ง ให้ใช้ Standard เสมอ)
Language = ภาษาของเนื้อหา [แน่นอนอยู่แล้ว คนไทยก็ต้อง เนื้อหาภาษาไทยสิครับ]

สร้างเสร็จแล้วจะได้น่าตาอย่างงี้ครับ [จะได้หน้า Home มา 1 หน้าเว็บ]

ถ้าเราเอาเมาท์ไปชี้ที่ Home ปรากฏว่าจะขึ้นรูป + มาทั้ง 3 ทางซึ่งสามารถกด + เพื่อเพิ่มหน้าได้
*เทคนิค = หน้าเว็บอันใหนอยู่"ซ้ายสุด"อันนี้คือหน้าหลัก*

เมื่อเราต้องการที่จะทำเว็บแล้วกด DoubleClick ที่ Home ก็จะได้หน้านี้มาครับ


[ความหมายของเครื่องมือต่างๆ] *อธิบายจากเครื่องมืออันบนลงอันล่าง*

Selection Tool = ก็เมาท์หน่ะแหละ
Crop Tool = ตัวปรับขนาดของสิ่งของ
Text Tool = ตัวอักษร
Rectangle Tool = สร้างสี่เหลี่ยม //ปล.ใช้ได้แค่สี่เหลี่ยมเท่านั้น รูปทรงอื่นไม่มีนะ
Hand Tool = ตัวขยับ(หรือกด Space Bar)
Zoom Tool = แว่นขยาย

ถ้าจะเขียนข้อความกดที่ Text Tool แล้วให้ทำการกดค้างแล้วลากในหน้าเว็บว่าจะเอาความยาวข้อความยาวขนาดใหน แล้วก็จะได้ดังนี้ครับ


ต้องการปรับขนาดอักษรให้ไปที่Text

แล้วกดตรงที่เขียนว่า Arial แล้วเลือกเลยครับ*กรุณาอย่าเลือก System font เพราะเวลาเขียนไปแล้ว มันจะ Render เป็นรูปภาพ ไม่ใช่อักษร*

ต้องการทำ สี่เหลี่ยมให้กด Rectangle Tool แล้วทำเหมือน TextTool ผลลัพท์ก็จะได้ดังนี้ครับ


ปรากฏว่ามันขาวมากๆ ต้องการที่จะเปลี่ยนสีให้มาที่ Fill

แล้วกดที่สีขาว แล้วมันจะโผล่หน้าเลือกสีมา ให้ทำการเลือกสีเลยครับ แล้วจะได้ดังนี้(ผมเลือกสีแดงนะ) //ปล.เลือกสีอักษรก็ทำเหมือนกันนะครับ


ถ้าหากต้องการมันยังดูเหลี่ยมๆไป สามารถทำให้ขอบโค้ง โดยหาสัญลักษณ์ตามรูป


ถ้ากดมุมสีเหลี่ยมมุมใดมุมหนึ่ง มันจะกลายเป็นรูปโค้งมน ดังในรูปครับ

ตรงเลข 10 นั้นหมายถึงความโค้งมนนะครับ สามารถกดปรับได้

ถ้าปรับเสร็จแล้ว ผลลัพธ์จะได้ดังนี้ครับ


ถ้าต้องการสีเหลี่ยมของเป็นแบบ 2 สี (Gradient) ให้คลิ๊กที่คำว่า Fill (ไม่ใช่ตรงสีขาวนะ)


มันจะโผล่หน้ามาดังนี้ครับ


ให้เปลี่ยนไปติ๊กที่ Gradient และก็จะได้ดังนี้ครับ

ตรงช่องแรก(สีแดง) คือสีที่ 1 นะครับ[สีบน][สีซ้าย]
ตรงช่องที่ 2(สีดำ) คือที่สี 2 นะครับ[สีล่าง][สีขวา]


ก็สามารถปรับได้ตามใจชอบเลยครับ ผลลัพธ์ก็จะได้ดังนี้ครับ


เอาล่ะครับ ผมขอพอแค่นี้ก่อนนะครับ เดี๋ยวจะมาต่อกันอีกทีนะครับ
« แก้ไขครั้งสุดท้าย: เมษายน 06, 2015, 12:01:58 PM โดย Mos Editor [Flimbettle] »

Status : I'm not died.

 

Disclaimer: None of the files shown here are actually hosted on this server. The links are provided solely by this site's users. The administrator of this site (Smilekrub.net) cannot be held responsible for what its users post, or any other actions of its users. You may not use this site to distribute or download any material when you do not have the legal rights to do so. It is your own responsibility to adhere to these terms.