50대에 코딩에 도전해 봅니다.20 7. CSS 레이아웃(Layout) ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS 레이아웃( Layout ) 지난 회차에 페이지를 분리해 5페이지를 만들고 CSS 기본적인 코드로 글자색, 배경색 등을 적용시켜 보았습니다. CSS는 HTML과 함께해야만 작동하는 코드임을 알고 계셨으면 합니다. 말인즉, CSS는 혼자서는 아무것도 할 수 없다는 것입니다. 아마도 HTML이나 CSS 관련 동영상을 보셨다면, HTML은 정보의 역할을 하고 CSS는 디자인 역할을 한다는 얘기를 많이 들으셨을겁니다. CSS없이 HTML은 혼자서 충분한 역할을 할 수 있습니다. 따라서, CSS는 필요할 때 하나씩 알아가셔도 웹페이지를 만드는 데는 아무런 문제가 없습니다. 그러나,.. 2022. 2. 17. 6. CSS ? 넌 누구냐? ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> CSS? 넌 누구냐 ? 지난 회차까지 해서 , 태그를 이용해 웹페이지를 좀 구성해 봤습니다. 그런데, HTML로만 만든 결과물은 그냥 워드를 이용한 것과 별 반 다르지 않습니다. 다른 웹사이트랑 연결 된다는 것 빼고는. (사실 워드에 링크를 걸어도 요즘은 시간이 좀 걸릴 뿐 연결은 잘 됩니다.) 처음에 HTML 예제들을 찾아봐도 HTML만 되어 있는 경우도 거의 없고 태그가 같이 있는 것이 많았습니다. 그래서, 이건 또 뭔가 싶어 찾아보니, CSS란 말이 자주 언급되더군요. CSS 를 찾아보면, 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets,.. 2022. 2. 16. 5. HTML <li>, <img> 태그 활용 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> HTML , 태그 활용 지난 회차에 태그를 사용하면서 다른 웹페이지와의 연결을 시켰습니다. 저는 개인적으로 HTML로 만드는 웹페이지에 가장 핵심이 태그라고 생각합니다. 인터넷의 가장 큰 장점이 연결이라고 보기 때문에 그 연결의 핵심인 태그를 알았다면 HTML의 90% 이상을 알게 된 것이라 생각합니다. 이제 몇가지 유용한 태그들을 사용해 보고 HTML은 마무리 하려고 합니다. Version 2. 여기에 , 태그를 사용해서 좀 더 보기 좋게 만들어 보고자 합니다. , 태그 먼저, 태그에 대해 간단히 설명하자면, - list의 약자로 목록을 만드는 데 사용 - 단독으로는 사용하지.. 2022. 2. 15. 4. HTML의 중심 <a> 태그 ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 아기가 걸음마 처음 하는 것처럼 힘든 일입니다. 그런데, 일단 한 걸음을 떼면 넘어지기 전까지 몇 걸음은 걸어갑니다. 첫 걸음이 어렵지 그 다음 몇 걸음은 더는 쉽게 나아가는 것처럼 나에게 코딩도 처음 백지상태로 아무것도 모르던 상태에서 시작하는 데에는 오랜 시간이 걸렸지만, 일단 코딩을 시작한 후에 "시작이 반"이란 말을 새삼 새롭게 느꼈습니다. 지난 회차에 일단 HTML로 일단 웹페이지를 만들었으니, 내친 김에 몇 걸음 더 나아가 보려합니다. >>> HTML의 중심 태그 Version 1 여기에 몇가지 태그들을 보태서 좀 더 보기 좋게 바꿔보려 합니다. 태그 그리고 지금도 HTML.. 2022. 2. 14. 3. 코딩의 시작은 HTML과 함께 ! ※ 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. >>> 코딩의 시작은 HTML 과 함께 지난 회차에 시작하는 프로그래밍 언어로는 HTML, 에디터는 VS Code를 추천 드렸습니다. VS code까지 설치하였다면 코딩 준비는 끝났습니다. 이제 시작하시면 됩니다. HTML을 추천 드린 이유는 HTML은 정말 허무할 정도로 쉽기 때문입니다. 소위 개발자들은 HTML은 프로그래밍 언어 취급도 하지 않는다고 합니다. 그러나 웹페이지를 만드는 데 가장 기본적인 언어이기 때문에 꼭 알고 있어야 하는 것이기도 합니다. HTML 관련 언어에 대한 강의는, 아래의 링크를 통해서 들어보시기 바랍니다. 이해가 되지 않더라도 끝까지 한 번 들어보시기를 .. 2022. 2. 11. 2. 코딩을 만나기 전 준비 늦게라도 "코딩" 이란 것을 배워봐야 겠다는 사람이 있다면 혹시라도 도움이 될까 해서 나의 경험담을 적어보려 합니다. 지난 회차에 코딩 시작 전에 헤맸던 일과 우선 "HTML"을 먼저 시작해 보시라고 추천 드렸습니다. 그리고 HTML 공부을 바로 시작하시면 되는데, 시작 전에 약간의 준비가 필요합니다. >>> 에디터 (Editor) 우선, 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 가장 원시적인 에디터로는 윈도우에는 "메모장" 이 있습니다. 원래 일상 생활에서의 에디터 라고 하면 책, 잡지 등을 편집하면서 일하는 사람을 일컫는말입니다. 즉, 책이나 잡지 등에 오류가 있을 때 이것을 편집해서 고치는 사람을 에디터라고 부릅니다. 그러나, 지금 쓰려고 하는 컴퓨터 상의 "에디터(메모.. 2022. 2. 10. 이전 1 2 3 4 다음
