본문 바로가기

디지털 노마드를 꿈꾸며33

SKILLSHARE:첫 웹사이트를 만들고 싶은 사람들에게 나만의 첫 웹사이트를 만들어 보자! HTML도 배우고 있고 CSS도 배우고 있고 하지만 한낱 지식들에 불과하다. 아직도 알아야 할 것들이 많고 갈 길이 멀지만 지식만 쌓아갈 순 없다. 직접 만들어 봐야한다. 직접 코드를 작성하고, 디자인을 구상하며 코드를 써봐야 지식에 불과했던 낱개의 태그들이 나만의 것으로 하나로 만들어질 수 있다. 그래서 오늘 초대한 선생님은 Dana Donato라는 이탈리아 분이시다. 워드 프레스 기반의 웹사이트를 제작하는 프리랜서 디자이너라고 한다. 어제 들었던 강의는 코드를 직접 바로바로 작성해서 웹 페이지에 구현되는 작업에 중심을 둔 강의였다. 더 추가적인 정보가 필요하다면 아래의 링크를 참고! https://dowhateveryouwant1661.tistory.com/19 S.. 2020. 3. 25.
SKILLSHARE:HTML+CSS베이직 및 유용한 웹사이트 나만의 홈페이지 만들기 및 유용한 웹사이트를 소개해 보고자 한다. 개성있어 보이는 위 강사는 Rich Armstrong(리치 암스트롱)이고 TapTapKaboom(탭탭카붐)의 설립자라고 한다. https://taptapkaboom.com/ TapTapKaboom I'm Rich Armstrong. And I Want You To Have Fun Creating. Because my eyes light up when I create. And I want to pass that on. I want creating to be easy and fun. I want you to love it as much as I do. And I believe you can. taptapkaboom.com 수업 방식은 꽤 간단.. 2020. 3. 24.
HTML 헤드: 타이틀, 스타일, 링크, 메타, 스크립트, 베이스 1. 헤드 - 스타일 - 링크 요소 외부의 다른 스타일 시트에 연결한다. - 메타 요소 문자열, 페이지 요약, 키워드, 저자, 다른 메타 데이터 등을 포함한다. 태그에서 viewpoint 요소를 지정하면 여러 크기의 장치 및 웹 페이지에서 화면을 볼 수 있다. - viewpoint: 페이지 조절 - width=device-width: 기기의 스크린 크기에 따라서 웹 페이지의 크기를 조정 - initial-scale=1.0: 처음 웹 페이지에 화면이 뜰 때 초기 확대 정도를 설정 - 스크립트 요소 사용자 측면의 스크립트를 나타낸다. 더 자세한 정보는 다음의 링크를 더 확인해보자. https://dowhateveryouwant1661.tistory.com/15 HTML 식별속성, 아이프레임, 자바스크립트, .. 2020. 3. 19.
HTML 식별속성, 아이프레임, 자바스크립트, 파일경로 1. HTML 식별(id) 속성 id 속성은 링크나 스타일을 지정해 놓고 에서 다시 불러들이는 경우에 사용했던 기억이 있다. 특히 북마크 설정과 링크설정에 사용했었다. id의 구체적인 사용과정을 알고싶다면 아래의 링크를 다시 확인해보자. https://dowhateveryouwant1661.tistory.com/11 HTML 링크, 이미지, 이미지맵, 배경이미지, 그림요소 1. HTML 링크(links) 링크라 함은 하이퍼링크를 말하는 것이다. 태그를 사용한다. 이 안에 href="..."를 사용해서 하이퍼링크를 연결시켜준다. 대신 웹 브라우저에 표시되는 메세지는 ...안에 표시하면.. dowhateveryouwant1661.tistory.com id는 identification에서 특정 요소에 특정 i.. 2020. 3. 19.

티스토리툴바