3. CSS로 웹 사이트에 스타일 더해주기
·
HTML&CSS
이번에는 만들어진 웹 사이트에 CSS 적용하여 미적인 부분을 업그레이드시켜주겠습니다. 먼저 CSS를 입혀주기 위해서는 html 태그를 사용해주어야 하는데 CSS를 반영하기 위한 태그는 종료태그로 마무리해주면 됩니다. + CSS 기본 문법 - css를 코딩하는 기본 문법 형식의 예시 위 예시처럼 css의 기본 문법은 css를 입히고 싶은 내용의 태그를 먼저 적어주고 { 를 열어준 후 속성 : 속성 값 ; 의 순서로 적어주면 됩니다. css를 입히고 싶은 태그가 같은 것이 여러 개일 때는 선행 태그를 먼저 써주고 그다음에 그 태그를 순서대로 써주면 됩니다. 그럼 직접 웹사이트에 반영해보겠습니다 - ! 오른쪽 화면에 style 아래에 적힌 css 속성들이 왼쪽 화면에 적용된 것을 볼 수 있습니다. + CSS ..
2. Visual Studio를 통해 웹사이트 만들어보기
·
HTML&CSS
Visual Studio를 이용해서 나의 첫 웹사이트를 만들어보겠습니다. 가장 먼저 Visual Studio를 다운받아야 하는데, 아래의 링크를 통해 다운받으면 됩니다! https://visualstudio.microsoft.com/ko/vs/ Visual Studio 2022 | 무료 다운로드 Visual Studio에서 코드 완성, 디버깅, 테스트, Git 관리, 클라우드 배포를 사용하여 코드를 작성합니다. 지금 무료로 커뮤니티를 다운로드하세요. visualstudio.microsoft.com 이제 본격적으로 간단한 웹사이트를 하나 만들어보겠습니다 - 1. 파일 생성 후 저장 Visual Studio를 실행시킨 후, File탭에서 New File 또는 Ctrl+N을 눌러 새로운 파일을 하나 열어줍니다..
1. HTML / CSS / JAVASCRIPT(JS) 가 무엇일까? _ 웹 개발 기본 요소
·
HTML&CSS
[ 웹 개발 기본 요소 ] 웹 개발 및 퍼블리싱을 하는데에 있어 가장 기본이 되는 3요소는 HTML / CSS / JAVASCRIPT입니다. 이 세 가지의 언어를 조합하여 웹 페이지를 제작할 수 있는데, HTML과 CSS는 웹 페이지의 내용과 미적인 부분을 담당한다면 JAVASCRIPT는 웹 페이지의 인터렉션을 담당합니다. HTML (hypertext markup language) 웹을 제작할 때 바탕이 되는 웹 언어 - 웹페이지 안에 들어가는 내용을 담당 / 웹 페이지의 큰 뼈대를 제공 글자 크기, 글자색, 글자 모양, 그래픽, 문서 이동 등을 정의하는 명령어로 HTML 문서를 작성하면 웹 브라우저가 해석하여 이용자들에게 보여주는 원리 + hyper text = 웹사이트에서 어떤 링크를 클릭해서 다른 ..