버튼이미지

페이지 정보

profile_image
작성자바람돌이 조회 32회 작성일 2021-09-14 06:54:09 댓글 0

본문

#6 HTML + CSS로 버튼 만들기(Feat. 마우스 오버) - 웹 코딩 강좌

웹 디자이너를 위한 웹 코딩 강좌 여섯 번째 시간입니다.
오늘은 버튼을 예제로 만들어볼 거에요. HTML과 CSS를 활용해서 어떻게 만드는지 예제를 통해 배워볼 수 있어요. 마우스 오버했을 경우 어떻게 되는지 까지도 디자인을 입혀볼거에요.

예제 파일 : https://drive.google.com/drive/folders/18uQ0gkkF2dkgqK9jKfsTsSBQsJtx4Joa?usp=sharing


*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 제가 사용하는 툴은 비주얼 스튜디오 코드(Visual Studio Code)를 사용하며 여러분이 다른 툴을 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.

누구나 손쉽게 배우는 디자인 강좌, 디자인베이스입니다. 디자이너로서 웹 코딩 공부의 첫단추는 디자인베이스에서 시작하세요. 열정만 준비하시면 다 따라 할 수 있습니다.

☞ 디자인베이스 소개 : http://designbase.co.kr/about/
☞ 공식 웹사이트 : http://designbase.co.kr/
☞ 네이버블로그 : https://blog.naver.com/designbasekorea


*BGM 사용 출처

Track: Syn Cole - Gizmo [NCS Release]
Music provided by NoCopyrightSounds.
Watch:

Free Download / Stream: http://ncs.io/Gizmo

Track: NIVIRO ft. PollyAnna - Fast Lane [NCS Release]
Music provided by NoCopyrightSounds.
Watch:

Free Download / Stream: http://ncs.io/FastLaneYO

Create amazing buttons in Google Sites

Learn everything there is to know about buttons in Google Sites. Create buttons with text, Buttons with icons and Emojis on them or even your own Custom Buttons today!

Learn step by step how I made some if the buttons on the website I've made and see the ease of creating custom buttons.

Check out my full Playlist on becoming a pro in using Google Sites: https://www.youtube.com/watch?v=8dGdjh-usy4\u0026list=PLwXXOxvDboeZ5C9XI0gU_Wed3yzlfYf0m

Don't forget to SUBSCRIBE today for more videos!
http://bit.ly/FlippedYT

Share this video with a friend:


Here are some great websites to find Emojis online you can use:
https://getemoji.com/
https://coolsymbol.com/emojis/emoji-for-copy-and-paste.html
https://www.emojicopy.com/
https://html-online.com/articles/online-emoji-picker/
https://www.emojiselector.com/

AFFILIATE LINKS:
(These really help make our content better at No extra cost to you)
My videos are made with Techsmith Camtasia.
Get this amazing software here: http://tools.eduflip.net/Techsmith

✅ CHECK out MY PRE-SELECTED list of my ALL-TIME Favourite EDTECH TOOLS:
https://www.amazon.com/shop/flippedclassroomtutorials

Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you. Some links will link out to one of my websites. These videos have been made for educational purposes and all views or opinions expressed are my own.

Find me on SOCIAL MEDIA:
My Official EduFlip Website: http://eduflip.net
Follow me on Twitter: https://twitter.com/sdcthailand
Find me on Facebook: http://bit.ly/FlippedFacebook

get CLASSROOM RESOURCES today:
My TPT Store: https://www.teacherspayteachers.com/Store/Eduflip

이거 알면 갤럭시 천재! 프라이빗 셰어(Private Share)

● 3분엑셀 풀강의 http://bit.ly/2HyBFjB

▶▶ 3분엑셀 책이 출간되었습니다.
교보문고 https://bit.ly/3nM5kqY

누나IT는 누구나 아는 나만모르는 IT 뜻으로 IT 왕초보를 위한 유튜브입니다.

... 

#버튼이미지

댓글목록

등록된 댓글이 없습니다.

전체 4,378건 1 페이지
게시물 검색
Copyright © www.wecreative.kr. All rights reserved.  Contact : help@oxmail.xyz