To go to 뉴질랜드 썸네일형 리스트형 처음으로 "웹사이트"를 만들다. 이제까지 배웠던 html지식을 바탕으로 "웹페이지"를 한 데 모아 "웹사이트"를 만들어보겠습니다. 웹사이트의 양식은 WEB 1.HTML 2.CSS 3.JavaScript 각각의 개념에 대한 정의 로 하여 각 목록을 클릭하면 각각의 웹페이지로 연결이 되도록 하이퍼링크(하이퍼링크수와 같도록 웹페이지 개수를 정합니다.)를 달겠습니다. WEB > > index.html 1.HTML > >1.html 2.CSS >> 2.html 3.JavaScript >> 3.html 이렇게 말입니다. 그럼 지금 만들 웹사이트를 위해 4개의 웹페이지가 필요합니다. index.html이란 웹페이지부터 3.html까지 차례차례 만들어보겠습니다. 1. index.html (웹페이지 이름) WEB이라고 하여 웹페이지 색인에 WEB이 나.. 더보기 가산명사/불가산명사 마무리, 라이팅 기초 연습. 어제에 이어 가산 명사와 불가산 명사를 마저 마무리를 지어보겠습니다. 1. "비슷한 뜻을 가진" 셀 수 있는 명사와 셀 수 없는 명사 동전/돈 a coin/ money 노래/음악 a song/ music 여행용 가방/짐 a suitcase/ luggage 테이블/가구 a table/ furniture 배터리/전기 a battery/ electricity =>이 부분은 하위개념 / 상위 개념으로 구분하기 쉽습니다. 보고/정보 a report/ information 조언/조언 a tip/ advice 여행/여행 a journey/ travel 직업/ 일 a job/ work 경치/풍경 a view/ scenery => 이 부분은 보시다시피 구분하기가 쉽지 않습니다. 강사님께서는 그냥 외우는 수밖에 없다고 하.. 더보기 Writing 라이팅을 맛보다. 오늘 아이엘츠공부는 Writing 라이팅입니다. 라이팅은 뉴질랜드 친구랑도 편지와 메일을 주고 받고 페이스북이나 다른 어플에서 외국인들과 영어로 대화를 주고받은 적이 많아서 익숙하기는 합니다. 하지만 아이엘츠는 시험이니만큼 문법에서 정확도가 중요합니다. 그 동안 외국인친구들이나 외국인들과 대화를 하는 것은 대충 뜻만 통하면 되었기에 정확도보다는 유창성에 중점을 두었었습니다. 이제부터는 유창성도 유창성이지만 정확도에도 신경을 써야겠습니다. 1. 수량 관련 주어 be 동사 현재 be 동사 과거 The number of pupils is was a number of pupils are were (=many) The amount of water is was An amount of water is was (=mu.. 더보기 html 전체구조 파악하고 "하이퍼링크"까지 해봄. 1. 오늘은 HTML의 구조를 작성하는 방법 및 정말 빈도수가 높은 태그를 살펴봅니다. 1)~이라는 태그입니다. 웹페이지의 제목을 사용자에게 명시적으로 알려주는 기능을 합니다. 검색 엔진과 같은 기계들은 바로 이 이라노 하는 것을, 책으로 치면 책표지와 같은 정보로서 사용합니다. 따라서 타이틀 태그가 있고 없고는 웹페이지 검색률에 상당한 영향을 미친다고 합니다. 적용하는 방법은 웹브라우저의 제목으로 하고자하는 곳에 가서 열리는 곳 닫히는 곳에 ~ 을 입력합니다. 웹브라우저의 타이틀이 html3에서 Through it all로 바뀐 것을 볼 수 있습니다. 2) 이거는 조금 오늘 주제에서 벗어난 것인데요 웹페이지가 영어로 쓰여져 있는데 그 중에 한 부분을 한글로 바꾸고 싶어 아무 태그랑 속성도 사용하지 않고.. 더보기 드디어 책이 왔다. Starting to study seriously 이번주 월요일 저녁 6시에 시*스*에 전화해서 결제 예약을 했습니다. 하지만 저녁 6시가 넘어서 바로 결제는 안 된다고 했습니다. 그래서 다음날 화요일 오전에 결제가 되었고 수요일정도에 책이 출고가 된다고 했습니다. 수요일에 출고가 되니 금요일에는 도착할 줄 알았는데 도착하지 않아서 슬슬 불안해지기 시작했습니다. 오늘 토요일 오전 9시30분경에 시*스*에 전화해서 문의했더니 제 수강신청이 정상적으로 되었으며 책은 이미 부산 연제구에 있다고 했습니다. 오늘중으로 도착을 할지 안 할지는 장담을 못 하겠다고 했습니다. (전화 상담원분이 상당히 친절하게 제가 문의하는 부분을 잘 말씀해주셔서 너무 감사했습니다.) 책은 다행히도 1시간 30분정도 있다가 오전 11시에 집에 도착했습니다. 제가 아이엘츠 입문으로 선택.. 더보기 이미지 삽입 및 목차 만들기 이번에는 태그가 태그의 이름만으로는 정보가 부족할 때 "속성 Attribute"을 통해 더 많은 의미를 넣어보도록 하겠습니다. 이미지를 넣어볼 건데요. 기본 웹페이지와 웹브라우저를 준비해보겠습니다. (저는 찰리푸스 빠순이입니다. 찰리푸스는 쉬는 시간에 코딩을 한대요~우리 자기 멋있어~!엔지니어 찰리푸스~) 이미지를 넣기 위해 란 태그를 넣어보겠습니다. 를 웹페이지에 입력해보니 웹브라우저에서는 그냥 줄과 줄사이의 거리가 멀어질 뿐입니다. (들어가라는 이미지는 들어가지지 않습니다.) 여기서 저작권에 구애받지 않고 사용가능한 umspash.com이란 곳을 추천받았는데 여기 들어가서 주인의 SNS에 제가 사진을 쓸 수 있게 해줘서 고맙다고 댓글을 단 다음 사진을 무료로 다운받았습니다. 원래 이름이 너무 길어서 .. 더보기 태그 tag가 뭔지 처음으로 알게 되다. 이번 강의는 태그 tag에 대해 배우는 강의였습니다. 제가 아는 태그 tag는 인스타그램이나 블로그 밑에 #태그라고 아는 게 전부인데요. HTML에도 태그 tag라는 게 있군요. 저 진짜 처음 알았습니다! 이 태그라는 건 HTML을 지배하는 가장 중요한 문법이라는데요~ 오늘은 대표적인 거 몇 가지를 배우기로 했습니다. 1.~ 어떤 부분을 다른 부분보다 진하게 하는 것입니다. 2.~ underline 영어로 밑줄이죠. 그래서 말그대로 어떤 부분 밑에 밑줄을 긋는 것입니다. 3.~ headings 라고 제목을 나타내주는 것입니다. 더불어 줄도 바꾸어줍니다. 4. 줄을 바꾸어주는 기능인데요. 하나는 또 하나는 ~ 입니다. 그럼 이제 하나하나 실습을 해보도록 하겠습니다. 1.~ 주어진 글을 진하게 하기 위해 웹.. 더보기 "웹페이지"를 만들고 "웹브라우저"로 실행해 봄. ※어제 처음으로 html이란 언어를 이용하여 웹페이지를 만들고 웹브라우저를 실행해 보았습니다. 뭐가 뭔지 몰라서 오늘 다시 해보았습니다. 강의를 들으며 다시 필기까지 해가면서 반복해 보았습니다. 1. 먼저 코드를 작성하는데 최적화하는 에디터를 깔아야 합니다. 강의에서는 아톰이라는 에디터를 추천해주었습니다. 물론 다른 거로 해도 되지만, 전 그저 강사님께서 하시는 대로 따라하기로 했습니다. "best HTML EDITOR 2021" 로 들어가 아톰을 검색하였습니다. 여기 들어가서 다운로드 버튼을 누르고 다운로드를 하였습니다. 다운로드받을 동안 저런 사각형 창이 뜹니다. 조금 기다리니 이런 게 뜹니다. 여기서 Telemetry Consent, Welcome, Welcome Guide 는 엑스표를 눌러서 다 .. 더보기 이전 1 2 3 4 5 6 7 다음
