본문 바로가기

일지

 (6)
[web2] - (html, css) 온라인 계산기 만들기 이번에는 사칙연산계산기를 만들어보도록 하겠습니다. 이런식으로 만들어보겟습니다.
[ web1] (html,css) 완료 모든 코드들은 깃허브에 올려두었습니다. https://github.com/memong1/html-css-site1 GitHub - memong1/html-css-site1 Contribute to memong1/html-css-site1 development by creating an account on GitHub. github.com 메인페이지에는 이렇게 구성을 해주엇고 버튼들에게 여러 효과를 부여하였습니다. 버튼을 클릭할시 그에 맞는 페이지로 이동할수있게 연결을 해주었습니다. 이런페이지들로 이동하게 됩니다(새로운 창에서 열림) 이렇게 하여 첫번째 프로젝트가 끝났습니다. 다음에 다시 뵙겠습니다. 감사합니다.
[web1]-4 (html,css) 버튼에 링크를 연결하고 다른 창으로 띄우기, 링크된 텍스트 밑줄 없애기 저번엔 메인페이지를 만들었으니 이번엔 세부페이지를 만들어보도록 하겠습니다. WEB 이라는 버튼을 누르게 되면 WEB의 대한설명이 나오는 페이즈를 연결해봅시다. web 버튼에 링크를 달기 위해서는 PROGRAMING LANGUAGE WEB GAME DATA 이런식으로 해주면 됩니다. onclick 를 활용하여 파일 또는 사이트의 링크를 걸어줄수 있습니다. web이라는 버튼을 눌러서 web사이트로 넘어갔으면 web과 관련된 언어들을 보여줘야 합니다. 이런 화면으로 넘어가게 해뒀고, 안에있는 HTML,css ,js,php의 텍스트를 클릭하면 설명 사이트로 넘어가게 해두겠습니다. WEB LANGUAGE HTML, CSS, JS, PHP 이런식으로 할수있습니다. 저 텍스를 클릭했을때 다른창에 띄우기 위해서는 ta..
[web1]-3 (html,css) 버튼에 마우스를 갖다 대면 효과가 발생하게 하는 방법. 메인페이지에 만들것은 사이트의 제목, 카테고리 3개의 버튼 을 만들어야 합니다 "프로그래밍 언어" 라고 제목을 지어주었고 버튼을 만들어주었습니다. 버튼에 커서를 올려두면 효과가 발생하게 만들어주고 싶어서 버튼에 커서를 올려두게되면 버튼이 돌며 색이 바뀌게 만들어만들었습니다. 버튼 효과 이런식으로 만들어봤습니. 소스코드는 GITHUB에 올려두겠습니다 https://github.com/memong1/html-button-effect 버튼코딩은 ----HTML 코딩--- PROGRAMING LANGUAGE WEB GAME DATA ---------CSS 코딩--------- .circle_btn { font-size: 100px; background-color: grey; color: white; border..
[web1]-2 사전조사 메인페이지를 만들기위해서 어떤언어들이 있는지, 어떤종류의 언어들이 있는지 살펴봐야 합니다. 우선 메인페이지에 띄울 카테고리들은 크게 3가지로 잡겠습니다. 1번째로는 WEB과 관련된 언어들, html css ,js 등이 잇죠. 2번째로는 게임과 관련된 언어 3번째로는 데이터분석 관련된 언어 로 카테고리를 만들겟습니다. 웹 -html, css, js, react, php 게임 -c++, c# , java, lua 데이터분석 - R, 파이썬, MATLAB\ 로 정하도록 하겟습니다.
[web1]-1 계획하기 웹페이지를 만들기 위해 페이지 설계를 해보도록 하겟습니다. 사이트의 주제는 ''프로그램 언어 정보" 로 정하겟습니다. 메인페이지는 언어의 종류를 카테고리별로 나누어 나열하겟습니다. 그리고 카테고리별 그에맞는 언어들이 나열되고 언어들을 클릭하면 그 언어의 정보가 보일수있게 하겟습니다.

티스토리툴바