定例WordPress講座 - HTML&CSS編

by Koji Kuno

Slide 1

Slide 1 text

ఆྫ8PSE1SFTTߨ࠲ ʙ)5.-$44ฤʙ

Slide 2

Slide 2 text

ࠓճͷ໨త w 8PSE1SFTTΛॳาϨϕϧͰΧελϚΠζ͢ΔͨΊͷ஌ࣝ  ˠΧελϜ$44ػೳͳͲͷར༻ऀΛ૝ఆ w )5.-ͱ$44ͷجຊதͷجຊʹ৮ΕΔͷΈ w ຊฤͷ಺༰Ҏ্ͷ΋ͷ͸ಠֶ΋͘͠͸ଞͷߨ࠲ͷར༻Λ ਪ঑

Slide 3

Slide 3 text

υΩϡϝϯτΛࢀߟʹ͢Δʢແྉʣ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT-FBSO)5.-*OUSPEVDUJPO@UP@)5.-

Slide 4

Slide 4 text

ॻ੶Λࢀߟʹ͢Δ

Slide 5

Slide 5 text

ΞδΣϯμ w )5.-ͷجຊ w $44ͷجຊ w σϞʢDPEFQFOJPΛར༻ʣ w 8PSE1SFTTςʔϚͷύʔπΛ$44ͰΧελϚΠζͯ͠ΈΑ͏ w ʲ൪֎ʳ୅දతͳΤσΟλͷ঺հ

Slide 6

Slide 6 text

)5.-ͷجຊ

Slide 7

Slide 7 text

)5.-ͱ͸ )5.-ͱ͸)ZQFS5FYU .BSLVQ -BOHVBHFͷུͰ ϓϩάϥϛϯάݴޠͰ͸͋Γ·ͤΜɻ )5.-ݴޠ͸ɺ΢ΣϒαΠτ͕ͲͷΑ͏ʹߏ੒ ͞Ε͍ͯΔ͔ϒϥ΢βʹରͯ͠఻͑ΔͨΊʹར ༻͞ΕΔϚʔΫΞοϓݴޠͷҰͭͰ͢ɻ

Slide 8

Slide 8 text

)5.-ͷཁૉ

Slide 9

Slide 9 text

ཁૉʹଐੑΛ௥ՃͰ͖Δ ϖʔδλΠτϧ

ࢲ͸ͱͯ΋എ͕ߴ͍Ͱ͢

IUNMλάʹMBOHଐੑΛ௥Ճ NFUBλάʹDIBSTFUଐੑΛ௥Ճ QλάʹDMBTTଐੑΛ௥Ճ

Slide 10

Slide 10 text

MBOHଐੑ

Slide 11

Slide 11 text

NFUBλάͷDIBSTFUଐੑ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC)5.-&MFNFOUNFUB

Slide 12

Slide 12 text

DMBTTଐੑ

Slide 13

Slide 13 text

JEଐੑ

Slide 14

Slide 14 text

)5.-ͱ$44Λ࢖͏্Ͱ ઈରʹ஌͓ͬͯ͘΂͖͜ͱ w JEଐੑ͸ϖʔδ಺Ͱಉ໊͡લ͕ճ͔͠࢖͑ͳ͍ w DMBTTଐੑ͸ϖʔδ಺Ͱಉ໊͡લ͕Կ౓Ͱ΋࢖͑Δ w $44ͷʮৄࡉ౓ʯʹ͸஫ҙ͠Α͏  ˠ͋ͱͰσϞͰৄ͘͠

Slide 15

Slide 15 text

ྫ

ݟग़̍͠

ݟग़͠ͷղઆจ

ຊจ͕ೖΓ·͢ɻ

ݟग़̍͠

ݟग़͠ͷղઆจ

ຊจ͕ೖΓ·͢ɻ

Slide 16

Slide 16 text

Α͘࢖͏)5.-λά BBSUJDMFBTJEFCMPDLRVPUF EJWEMEUEEFNIS JNHMJPMQQSF TFDUJPOTQBOTUSPOHUBCMF UCPEZUEUIUIFBEUS VM

Slide 17

Slide 17 text

$44ͷجຊ

Slide 18

Slide 18 text

$44ͱ͸ $44͸$BTDBEJOH4UZMF4IFFUͷུͰɺ΢Σϒϖʔδ ͷελΠϧΛઃఆ͢ΔίʔυͰ͢ɻ ϓϩάϥϛϯάݴޠͰ΋ͳ͘ɺ)5.-ͷΑ͏ͳϚʔ ΫΞοϓݴޠͰ΋ͳ͘ɺ$44͸ελΠϧγʔτݴޠ Ͱ͢ɻ

Slide 19

Slide 19 text

$44ͷߏ଄ p { color: red; } ηϨΫλ ϓϩύςΟ ϓϩύςΟ஋

Slide 20

Slide 20 text

$44ͷॻ͖ํ͍Ζ͍Ζʙ̍ʙ w શশηϨΫλʢʣ w ཁૉܕηϨΫλʢQ EJW UBCMFʣ w ΫϥεηϨΫλʢDMBTTOBNFʣ w ଐੑηϨΫλʢMBOHʣ w ٖࣅηϨΫλʢpSTUDIJME CFGPSFʣ w *%ηϨΫλʢJEOBNFʣ w ΠϯϥΠϯελΠϧʢλάʹ௚઀ೖྗʣ

Slide 21

Slide 21 text

$44ͷॻ͖ํ͍Ζ͍Ζʙ̎ʙ w ྡ઀ηϨΫλʢ"#ʣ w ҰൠܑఋηϨΫλʢ"_#ʣ w ࢠηϨΫλʢ"#ʣ w ࢠଙηϨΫλʢ"#ʣ ࢀরɿIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$443FGFSFODF4FMFDUPST

Slide 22

Slide 22 text

$44ϓϩύςΟྫ w DPMPSˠจࣈͷ৭Λࢦఆ w UFYUEFDPSBUJPOˠจࣈʹԼઢΛೖΕͨΓ w GPOUTJ[FˠจࣈͷαΠζΛࢦఆ w GPOUXFJHIUˠจࣈͷଠ͞Λࢦఆ w CPSEFSˠܩઢͷઃఆ w QBEEJOHˠཁૉ಺ͷ༨നΛઃఆ w NBSHJOˠཁૉ֎ͷ༨നΛઃఆ ࢀরɿIUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$443FGFSFODF

Slide 23

Slide 23 text

$44Λ࣮ࡍʹॻ͍ͯΈΑ͏ʂ σϞ

Slide 24

Slide 24 text

$44ͷৄࡉ౓ શশηϨΫλ ཁૉܕηϨΫλʢλΠϓηϨΫλʣ ΫϥεηϨΫλ ଐੑηϨΫλ ٖࣅηϨΫλ *% ηϨΫλ ΠϯϥΠϯελΠϧ ڧ ऑ

Slide 25

Slide 25 text

$44ͷৄࡉ౓Λମݧͯ͠ΈΑ͏ʂ σϞ

Slide 26

Slide 26 text

8PSE1SFTTςʔϚͷύʔπΛ $44ͰΧελϚΠζͯ͠ΈΑ͏

Slide 27

Slide 27 text

ͦͷલʹʜ 8PSE1SFTTςʔϚʹ$44Λ௥ه͢Δํ๏ w ࢠςʔϚΛ࡞੒ͯ͠هड़͢Δ  ˠΧελϚΠζฤͰৄ͘͠આ໌͠·͢ w ΧελϜ$44ػೳʢ8PSE1SFTҎ߱ʹ౥ࡌʣΛར༻  ˠࠓճ͸ͪ͜Βͷํ๏Ͱ ΧελϜ$44ʹ͍ͭͯɿIUUQTNBLFXPSEQSFTTPSHDPSFGFBUVSFQSPQPTBMCFUUFSUIFNFDVTUPNJ[BUJPOTWJBDVTUPNDTTXJUIMJWFQSFWJFXT

Slide 28

Slide 28 text

JE΍DMBTTͷௐࠪʹ͸(PPHMF$ISPNF σϕϩούʔπʔϧΛ࢖͍·͢ <.BD>ʲදࣔʳˠʲ։ൃ؅ཧʳˠʲσϕϩούʔπʔϧʳ·ͨ͸⌘ʴ0QUJPOʴ*ʗ<8JOEPXT>ʲ'ʳ

Slide 29

Slide 29 text

खॱ σϕϩούʔπʔϧͰมߋ͍ͨ͠Օॴͷߏ଄Λ֬ೝ ࣮ࡍʹ&MFNFOUTͷ4UZMFT͔Β$44Λॻ͍ͯςετͯ͠ΈΔ ςετ͕͏·͍ͬͨ͘Βɺͦͷهड़Λίϐʔͯ͠௥Ճ͢Δ

Slide 30

Slide 30 text

$ISPNFσϕϩούʔπʔϧ ͰΧελϚΠζͷͨΊͷௐࠪ σϞ

Slide 31

Slide 31 text

ʲ൪֎ʳ ୅දతͳΤσΟλͷ঺հ

Slide 32

Slide 32 text

"UPN

Slide 33

Slide 33 text

#SBDLFUT

Slide 34

Slide 34 text

%SFBNXFBWFS

Slide 35

Slide 35 text

$PEB

Slide 36

Slide 36 text

1IQ4UPSN

Slide 37

Slide 37 text

(6*ίϯύΠϥ1SFQSPT

Slide 38

Slide 38 text

·ͱΊ w )5.-΍$44ͳͲ͸Ұ໷ʹͯ͠੒Βͣ w ͍ͭ΋ίϐϖͰࡁ·͢ͱҰ޲ʹֶश͸ਐ·ͳ͍ w ʮࢼ͢ʯˠʮ֬ೝ͢Δʯˠʮमਖ਼͢Δʯͷ܁Γฦ͠ w ෼͔Βͳ͍͜ͱʹૺ۰ͨ͠Β࣭໰Ͱ͖Δ؀ڥΛࣗ෼Ͱ੔͑ ͓ͯ͜͏  ˠ΋͘΋͘ձʹࢀՃ͢Δ  ˠॻ੶Ҏ֎ͷֶश΋ࢼͯ͠ΈΔ w )5.-΍$44͚ͩͰ΋ΧελϚΠζͷ෯͸ͱͯ΋޿͕Δʂ

Slide 39

Slide 39 text

͓ΘΓ