본문 바로가기

전체 글

 (167)
CSS - 박스 테두리 모양 둥글게 만들기 border-radius를 사용하면 박스의 테두리를 둥글게 만들 수 있습니다. 다음과 같이 태그를 만들어 봅시다. 오른쪽은 HTML파일이고 왼쪽은 CSS 파일 입니다. CSS 파일은 styles 폴더안에 style.css로 저장합니다.그리고 HTML파일에서 링크를 걸어줍니다. HTML파일에서는 상자의 클래스를 class="box"로 적어줍니다. .box { width:200px; height:200px; background-color: rgb(226, 43, 104); border-radius: 20px; } .box2 { margin-top: 20px; width:200px; height:200px; background-color: rgb(177, 226, 43); border-radius: 0 20p..
캐나다 밴쿠버 씨푸드 맛집 소개 캐나다 밴쿠버에는 많은 맛집들이 있습니다. 다양한 인종들이 모여 사는 캐나다 특히, 밴쿠버는 맛에 굉장히 예민하죠! 그중에서도 싱싱한 해산물을 재료로 만드는 Seafood Menu에서 고객들로부터 좋은 점수를 받기는 더욱 어렵습니다. 오늘 소개해 드릴 레스토랑은 해산물을 이용한 다양한 메뉴를 맛볼 수 있는 곳인데요. 다녀간 손님들로부터 좋은 평가를 받고 있습니다. 자~출발하시죠 Let's go! [B l u e W a t e r C a f e] 블루워터카페 (Blue Water Cafe)는 밴쿠버의 예일타운 (Yaletown)이라는 아름다운 지역에 위치한 씨푸드 전문 레스토랑입니다. 이곳에 가는 대중교통은 밴쿠버 다운타운에서 캐나다 라인 ( Canada Line) 스카인 트레인(Skytrain)을 타고 ..
캐나다 스타트업 비자 알아보기 캐나다의 스타트업 비자 어떤가요? 캐나다는 아직 자체적으로 Amazon이나 Google처럼 큰 IT 기업들이 없지만, Microsoft, Sony, IBM 등 큰 기업들이 밴쿠버와 토론토 같은 큰 도시에 상주해 있습니다. 한국에는 다양한 앱들이 나오고, 다양한 스타트업이 나오고 있지만, 캐나다는 아직까지 그런 기업들이 많이 나오지 않아서 어떻게 보면 기회의 땅이라고도 할 수 있습니다. 최근 들어서야 'Skip the dishes'같은 배달앱이 사용되어지고 있고, 소규모 IT 기업들이 생겨나고 있기 때문에 앞으로도 좋은 아이디어가 있다면 충분히 승산이 있어 보입니다. 캐나다 정부에서도 캐나다에서 창업을 하려는 이민 희망자에게 '스타트업 비자' 프로그램을 통해 적극 스타트업을 유치하려는 움직임을 보이고 있습..
CSS로 전체 배경색 바꾸기 웹문서의 배경색을 바꾸는 태그는 간단하지만 효과가 좋기 때문에 예쁘게 웹 문서를 꾸미고 싶어하시는 분들은 자주 사용하는 태그 입니다. 아래의 태그를 스타일시트에 적용해봅시다. 스타일 시트를 HTML 에 포함 시키지 않으려면 OO.css 파일로 만들어 저장합니다. 그리고, 적용시키고자 하는 파일에서 링크를 적어 부릅니다. 웹문서에 배경색 적용하기 body { background-color: yellowgreen; } 배경색에 그라디언트 적용하기 색상을 지정할때는 컬러의 이름을 써주거나 (yellow, red, green) rgb 코드를 적어줍니다. 색상코드는 웹사이트에서 쉽게 구할 수 있습니다. body { background-image: linear-gradient(rgb(89, 208, 255), rg..
캐나다 포트 랭리로 떠나는 즐거운 테마여행 "포트 랭리"에 뭐가 있지? 우선, Fort Langley National Historic Site(포트 랭리 역사박물관)이 있습니다. 캐나다에는 허드슨 베이라는 1900년대의 큰 무역회사가 있었는데, 바로 옆에 밴쿠버 서쪽에서부터 길게 흐르는 프레져 강이 있기 때문에 그 당시 이곳이 무역거래소로 사용되었다고 합니다. 현재는 이곳에서는 다양한 이밴트 행사를 하는데요. 특히, 캐나다 데이(매년 7월 1일, 캐나다 독립 기념일)에는 소총을 직접 쏴볼 수 있는 체험도 있습니다. 비용은 $20불 초반이었던 것 같습니다. 그리고 물에서 금을 걸러내는 체험을 할 수 있는데, 뭐가 없더라고요~. 대장간에서 대장장이들이 일하는 것을 볼 수 있고 아이들은 체험도 할 수 있습니다. 그리고, 포트 랭리 다운타운의 오래된 P..
CSS 배우기 - CSS 기본설정하기 HTML 과 CSS 배우기 2일차 입니다. 오늘은 중요한 몇가지 HTML 과 CSS 기초를 시작하겠습니다. HTML 로 웹문서의 기초를 만들고 CSS 스타일을 만들어 주어서 웹 문서를 꾸며줍니다. CSS는 웹 문서의 스타일을 쉽고 빠르게, 예쁘게 정리 정돈해주는 역할을 합니다. 뿐만 아니라 웹 문서와는 따로 파일을 만들어 연결해서 사용할 수 있기 때문에 정리하기가 편리하고, 간단한 애니메이션도 구사할 수 있기 때문에 자바스크립트를 많이 쓰지 않고도 다양한 효과를 웹페이지에 부여해 줄 수 있습니다. 간단한 예를 들어보겠습니다. 다음은 웹문서의 배경색을 바꾸어 주는 태그입니다. 아래에서 웹 컬러코드(Hexadecimal Color Values)차트 링크를 볼 수 있습니다. 원하시는 색깔의 색상 코드를 이용해..
HTML 과 CSS 배우기 - 1일차 HTML 기초 태그 모든 웹 문서를 시작할때 알아야하는 html 의 기초중의 기초를 알아봅시다. 1일차만 알아도 웹 페이지를 만들 수 있습니다. 다음은 웹 문서를 작성할때 가장 먼저 기초적으로 적어줄 태그 입니다. 웹문서를 디자인할때 예쁘게 정리해주려면 필수적으로 CSS도 익혀야 합니다. 처음에는 HTML 부터 적교 그 다음 CSS로 스타일을 지정해주는 것입니다. 오늘은 먼저, CSS를 적용하기 전에 HTML 기초부터 적어보겠습니다. ---> 도큐멘트 선언 ---> 웹문서 HTML 시작 ---> 머릿말 닫기 ---> 본격적인 문서의 시작 ( 웹 문서를 만드는 데 필요한 모든 태그를 담는다.) ---> 웹문서 HTML 닫기 텍스트 스타일 지정 하기 다음은 텍스트 스타일을 지정해 봅시다. 글자의 크기, 스타..
캐나다 골든 이어스 파크 드라이브 영상 Golden Ears Park 캐나다 BC주의 메이플릿지에 있는 주립공원, 골든 이어스 파크까지 드라이브한 영상입니다. 오늘 날씨가 완전 좋아서 가족과 함께 즐겨봤습니다~

티스토리툴바