WEB (30) 썸네일형 리스트형 5일차 : 웹사이트 완성 5일차 : 웹사이트 완성 오늘은 지난번에 만든 웹페이지를 여러개 엮어서 웹사이트를 만들어 보는 시간입니다. 생활코딩에서 만든 웹페이지 샘플입니다. WEB1 - Welcome HTML CSS JavaScript WEB The World Wide Web (abbreviated WWW or the Web) is an information space where documents and other web resources are identified by Uniform Resource Locators (URLs), interlinked by hypertext links, and can be accessed via the Internet web-n.github.io 이것을 참고해서 저는 저만의 사이트를 만들었는데요... 4일차 : 부모/자식 태그, 문서의 구조, 태그의 제왕 4일차 : 부모/자식 태그, 문서의 구조, 태그의 제왕 오늘은 태그에 대해 조금 더 깊이 알아보는 시간입니다! 1. 부모 태그 & 자식 태그 예시로 사용된 parent와 child 태그입니다. (실제로 이런 태그는 없어요ㅎㅎ) 이런식으로 하나의 태그 아래에 다른 태그가 있을 때 두 태그 사이에 부모/자식 관계가 생깁니다. 이렇게 위치에 따라 부모/자식의 관계가 형성되는데요. 필요에 따라서 관계는 달라질 수 있겠죠. 하지만 진짜 부모/자식 관계처럼 고정적으로 함께 쓰이는 태그들이 있습니다. - 목록 태그 와 목록 간의 경계를 나타내주는 태그 , (ul은 unordered list의 약자고, ol은 ordered list의 약자입니다.) ul을 사용하면 앞에 번호가 나오지 않기 때문에, 넘버링이 필요하면 직.. 3일차 : 줄바꿈, HTML이 중요한 이유, 속성과 img 3일차 : 줄바꿈, HTML이 중요한 이유, 속성과 img 안녕하세요, 오늘 맨 처음 배울 내용은 줄바꿈입니다. 1. 줄바꿈 과 (가 더 좋은 선택인 이유) 지난번에 제가 엔터가 시급해서.. 검색으로 알아낸 줄바꿈이 바로 3일차에 등장하다니.. 조금만 더 참고 기다려 볼 걸 그랬습니다. 제가 알아낸 줄바꿈 태그는 이었는데요. 은 열고 닫는 부분 없이, 을 입력하자마자 줄을 바꿀 수 있었습니다. 지난 시간에 배운 나 을 쓸 때는 와 을 통해서 강조할 부분을 감싸줬죠. 이것과 마찬가지로 단락과 단락을 감싸주는 태그가 존재합니다. 바로 이죠! 마찬가지로 와 를 통해서 단락의 시작과 끝을 표시해 주어야 합니다. 생활코딩에서는 보다 를 사용하는 것이 더 좋은 선택이라고 합니다. 이렇게 해야 웹페이지를 정보로서 보.. 2일차 : 기본 문법 태그/W3C/통계에 기반한 학습 2일차 : 기본 문법 태그/W3C/통계에 기반한 학습 이제 정말 진짜 코딩입니다. 기본 문법 - 태그를 배워볼 시간이네요. 태그는 HTML을 지배하는 가장 중요한 문법입니다. 우리 해쉬태그 많이 넣죠? 글이나 사진을 올리면서 이것이 무슨 내용인지를 설명하기 위해 태그를 넣는데요. 웹페이지에서 어떤 것을 강조하거나 한 눈에 이해하기 쉽게 표현하고 싶을 때가 있습니다. 한글이나 워드에서는 그냥 밑줄 치고 싶은 부분을 선택하고 밑줄 버튼을 누르는 것 만으로도 쉽게 표현할 수 있죠. 다만 웹페이지에서는 밑줄을 그으려면 와 로 밑줄 치고 싶은 부분을 감싸줘야 합니다. 진하게 볼드처리를 하고 싶다면, 마찬가지로 과 으로 구간을 감싸줘야 해요. 악!! 줄바꿈이 시급합니다... 아직 안배웠는데.. 검색으로 알아냈어요... 1일차 : 수업소개부터 실습환경 준비까지 1일차 : 수업소개부터 실습환경 준비까지 직장동료들에게 컴퓨터 언어 강의를 하게 된 것이 생활 코딩 수업의 시작이라고 하네요. 마침 유튜브가 생기면서 시간적/공간적/비용적 제약없이 강의를 공유할 수 있었다고 합니다. (덕분에 저도 집에서 편하게 강의를 듣고 있습니다!) 하지만 수업의 선후관계라던가 예제 코드, 첨부 링크, 보충 설명 등을 동영상들 만으로 정리하는 것이 어려웠죠. 이러한 문제점들을 해결하기 위해서 웹사이트 기획을 시작했다고 합니다. ▶ 기획 : 무언가를 만들기 전에 무엇을 만들 것인가를 미리 상상하고, 계획해보는 과정 이런 기획으로 탄생하게 된 것이 바로 생활코딩 웹사이트입니다. 저도 이 수업들을 다 듣고 나면 이런 웹사이트를 만들 수 있겠죠? 기획을 했으면 구현을 해야합니다. 구현을 하기.. WEB - WEBn이란? 수업 커리큘럼 및 장점 WEB - WEBn이란? 수업 커리큘럼 및 장점 WEB의 구체적인 내용을 들어가기 앞서, WEBn이 무엇이며, 이 수업은 어떻게 진행되는지 살펴봅시다. WEBn이란? : 웹을 통해서 코딩을 배우는 수업이면서, 코딩으로 웹을 만드는 방법에 대한 수업입니다. 웹도 코딩도 참 많이, 자주 듣게 되는 단어들인데요. 내가 코딩을 해서 웹을 만들 수 있다니 벌써부터 설렙니다. 커리큘럼 자 순서를 보면 우선 HTML과 인터넷에 대해 배운 후, CSS와 JavaScript, Node.js, Phyton, PHP 등등에 대해 배우네요. 자바나 파이썬은 들어보긴 했는데 나머지 내용은 아예 잘 모르겠어요..ㅠㅠ 그래도 천천히 하나하나 하다보면 언젠가는 저도 이게 무슨 이야긴지 이해할 수 있는 날들이 오겠죠? 그 날까지 다같.. 이전 1 2 3 4 5 다음
