ตกแต่งบล็อกแบบง่ายๆ ด้วย css - การเปลี่ยนภาพที่หัวบล็อก - การเปลี่ยนพื้นหลัง - การเปลี่ยนเมาส์

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
ยินดีต้อนรับผู้เข้าอบรมการบริหารเว็บไซต์
Advertisements

การดาวน์โหลด ไฟล์วีดีโอจากยูทูบ.
ครูนุชนารถ เมืองกรุง โรงเรียนฟากกว๊านวิทยาคม อ. เมือง จ. พะเยา
หน่วยการเรียนรู้ การใช้เทคโนโลยีสร้างสรรค์
แหล่งแลกเปลี่ยนเรียนรู้
Microsoft Office Excel 2010
Library/API.
" จัดการรูปภาพเพื่อแทรกใน เอกสารต่าง ๆ หรือเวปเพจ อย่างง่ายด้วย โปรแกรม SnagIT" " จัดการรูปภาพเพื่อแทรกใน เอกสารต่าง ๆ หรือเวปเพจ อย่างง่ายด้วย โปรแกรม.
ขั้นตอนการปรับแต่งหน้าเว็บของคุณ 1. คลิ้กที่ แท็บ หน้าเว็บของคุณ จะเห็นหน้าเว็บของคุณดังภาพ 2. คลิ้กที่ เพิ่มรูป เพื่อจะเปลี่ยนรูปเป็นรูปของคุณ.
ขั้นตอนการเพิ่มรูปในหน้าเว็บของคุณ 1. เข้า และล็อคอิน เข้าในชื่อของคุณ 2. คลิ้กที่ เพื่มเนื้อหา 3. กล่องนี้จะโผล่ขึ้นมา ให้คลิ้กที่
การสืบค้นแหล่งเรียนรู้จากอินเตอร์เน็ต
โครงการพัฒนาศักยภาพครูและส่งเสริม การใช้ Social Mediaในการจัดการเรียนรู้ 9 ตุลาคม 2556.
นำเสนอการใช้บริการของ
แนะนำให้รู้จักกับ CSS (Cascading Style Sheets)
รายงานด้านการพัฒนาเนื้อหาของเว็บเนคเทค
การกำหนดขนาดของรูปภาพ การใช้รูปภาพเป็น Background
แก้ไขปรับปรุง Form.
วิธีการดาวน์โหลดโปรแกรม ป้องกันไวรัส ค่าย NOD32 แผนกคอมพิวเตอร์และเทคโนโลยีสารสนเทศ สำนักพัฒนาเทคนิคศึกษา มหาวิทยาลัยเทคโนโลยีพระ จอมเกล้าพระนครเหนือ 3.2.
บทที่ 9 การใส่รูปภาพ (Image).
วิเคราะห์และสร้างสรรค์สารสนเทศ (Information Analysis and Creativity)
คู่มือสร้างบล็อก blog.spu.ac.th
หลักการนำเสนอผ่าน เว็บไซต์ Jataphum juanchai
การบรรยาย หัวข้อ “KM : เครื่องมือพัฒนาทีมงาน และองค์การ”
Joomla Virtual Mart ดาวโหลดไฟล์ : \\geradt
การสร้าง Digital Video ด้วย Window Movie Maker
ขั้นตอนการดาวน์โหลดวิดีโอจาก youtube.com โดยใช้โปรแกรม youripper 1. ไปที่เว็บ คลิ๊กที่ Server.
CSS.
Master Page Style Sheet
การสร้างแรงบันดาลใจในการเขียน share
การใส่รูปภาพลงในบันทึก การใส่รู้ในบันทึกมี 2 หัวข้อใหญ่ ๆที่เกี่ยวข้องก็คือ 1 ขั้นตอนการฝากรูป (upload) ที่เราต้องการไว้ในเว็ป.
Page: 1 การพัฒนาโปรแกรมประยุกต์บนเว็บ อ. บุรินทร์ รุจจนพันธุ์.. ปรับปรุง 12 กรกฎาคม 2550 HTML (HyperText Markup Language)
Page: 1 การโปรแกรมเชิงวัตถุด้วยภาษา JAVA บุรินทร์ รุจจนพันธุ์.. ปรับปรุง 22 มิถุนายน 2550 JAR (Java Archive) มหาวิทยาลัยเนชั่น.
Page: 1 การพัฒนาโปรแกรมประยุกต์บนเว็บ อ. บุรินทร์ รุจจนพันธุ์.. ปรับปรุง 3 กรกฎาคม 2550 File Uploading & Shell มหาวิทยาลัยโยนก.
HTML Hypertext Markup Language Updated : August 23,2012.
การเขียนเว็บเพจด้วย Microsoft Word
Interactive Learning Demo Builder
กรณีศึกษา Gotoknow.org การจัดการความรู้ด้วย Weblog
เทคโนโลยีเพื่อการจัดการ ความรู้ : กรณีศึกษา ดร. ปรัชญนันท์ นิลสุข ภาควิชาครุศาสตร์เทคโนโลยี คณะครุศาสตร์อุตสาหกรรม มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนคร.
Cascading Style Sheet ง การเขียนเว็บไซต์ สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดงพิทยา คม.
การกำหนด ลักษณะอื่นๆ ง การเขียน เว็บไซต์สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
เครื่องมือสำหรับการแลกเปลี่ยนเรียนรู้ Gotoknow.org
Theiconweb Total business development co.,Ltd
การเรียนรู้ Internet Explorer 6.0
การใช้โปรแกรม ACDSee สร้าง Flash อย่างง่ายๆ
การแต่งรูปภาพด้วยโปรแกรม
การเขียนโปรแกรมภาษาคอมพิวเตอร์ 1
ผู้ให้บริการบล็อกที่มีชื่อเสียง * Blogger (กูเกิล) (
คู่มือการตอบคำถามสุขภาพผ่านเว็บไซต์
ผู้ให้บริเว็บ บล็อก ผู้ให้บริการบล็อกที่มีชื่อเสียง * Blogger ( กูเกิล ) ( * TypePad ( * Word.
การติดตั้ง Moodle บนวินโดว์
การใช้งานระบบอีเมล์ และเว็บไซต์ โรงเรียนนาเชือกพิทยาสรรค์
การใช้งานระบบ TU Moodle
LOGO อบรม Web Database Week 2 hong/don กิตติพงศ์ เซ่งลอย เลื่อน ( ดอน )
เข้าสู่เว็บไซต์ สทศ. ผ่าน โปรแกรม Internet Explorer ( ห้ามใช้โปรแกรม Mozilla Firefox, Google Chrome, Safari) แล้วเข้าไปที่ URL สทศ. ที่
นางสาวเบญจมาศ รัตน์พิทักษ์
ระบบ Upload File การเข้าใช้งาน - เปิดโปรแกรม IE
14/01/581 ผู้พัฒนา อะโดบีซิสเต็มส์ ( เริ่ม พัฒนาโดย แมโครมีเดีย ) รุ่นเสถียร ล่าสุด CS3 (9.0) รุ่นทดลอง ล่าสุด (27 มีนาคม พ. ศ. 2550) โอเอส Windows Mac.
โครงสร้างข้อมูล(Data Structure)
Facebook to Blog Knowledge Management. Facebook's group.
การใช้เทคโนโลยีเพิ่ม ประสิทธิภาพ การจัดการเรียนการสอน อบรม วันที่ 7 กรกฎาคม 2551 ณ ห้อง คอมพิวเตอร์ โดย พ. อ. อ. กิติศักดิ์ เพ็งสกุล ผู้อำนวยการโรงเรียนบางโพธิ์
จิรัฎฐ์ พงษ์ทองเมือง : ๒๖ ธันวาคม ๒๕๕๓.
Company LOGO ow.org ชมรมบ้านไอซีที
การใช้งานอินเทอร์เน็ต
Set Proxy 1. เพื่อให้สามารถเข้าใช้สืบค้นข้อมูลทรัพยากรสนเทศ หรือสืบค้นฐานข้อมูลออนไลน์ต่างๆที่ห้องสมุดบอกรับ 2. รวมทั้งการดาวน์โหลดเอกสารฉบับเต็ม ผ่านหน้าเว็บห้องสมุดจากภายนอกเครือข่ายมหาวิทยาลัยธรรมศาสตร์
โครงการจัดทำข้อมูลผ่านเว็บไซต์
ความรู้เบื้องต้น เกี่ยวกับโปรแกรม
หน่วยการเรียนรู้ การเขียนโปรแกรมภาษาขั้นพื้นฐาน เรื่อง การตกแต่ง HTML 5 ด้วย CSS รหัส รายวิชา ง23102 การงานอาชีพและเทคโนโลยี 6 กลุ่มสาระ การงานอาชีพและเทคโนโลยี
อินเทอร์เน็ต by krupangtip
ระบบความรับผิดทางละเมิดและแพ่ง
กระบวนการหนังสือราชการ สำนักโรคติดต่อทั่วไป
ใบสำเนางานนำเสนอ:

ตกแต่งบล็อกแบบง่ายๆ ด้วย css - การเปลี่ยนภาพที่หัวบล็อก - การเปลี่ยนพื้นหลัง - การเปลี่ยนเมาส์

ตกแต่งบล็อกแบบง่ายๆ ด้วย css div#subtitle {background:#fdce8c;} div#ribbon{background:#fdce8c;} body{ background:#f6f5f1;background- image:url( div#title{font-size:medium; color:#ff9900; background:#F5DEB3; background-image:url( background-repeat:repeat;background-position:top; height:100px;} body{cursor: url(" url(" auto;} A:hover{cursor: url(" url(" auto;}

ตกแต่งบล็อกแบบง่ายๆ ด้วย css ดาวน์โหลด code ได้ที่ /code.doc /code.doc ประวัติ -> ตกแต่งหน้าประวัติของคุณ -> CSS ที่ตกแต่งมาเอง

การเปลี่ยนภาพที่หัวบล็อก เลือกภาพที่ต้องการจะกำหนดเป็นหัวบล็อก ( ขนาด 914*47 px ) นำไฟล์รูปขึ้น ( blog/12185) blog/12185 ไปที่ ประวัติ -> ตกแต่งหน้าประวัติของคุณ แก้ code ของ css ต่อไปนี้ background-image:url ( 1.jpg)

การเปลี่ยนพื้นหลัง เลือกภาพที่ต้องการจะกำหนดเป็นพื้นหลัง นำไฟล์รูปขึ้น ไปที่ ประวัติ -> ตกแต่งหน้าประวัติของคุณ แก้ code ของ css ต่อไปนี้ body{ background:#f6f5f1;background- image:url ( a.p/bg2.jpg);}

การเปลี่ยนเมาส์ แก้ code ของ css ต่อไปนี้ body{cursor: url(" tterflyani2.cur"), url(" terfly-ani2.gif"), auto;} A:hover{cursor: url(" tterflyani2.cur"), url(" terfly-ani2.gif"), auto;} จากเว็บไซต์