HTML 강좌 #07 HTML에서 CSS를 불러오기 & class와 id의 차이점

어제 업로드한 HTML강좌 #06에서는 브라우저 사이즈에 맞게 반응하는 텍스트 예제를 보여드렸는데요 newstroyblog.tistory.com/46?category=874865 HTML 강좌#06 브라우저 사이즈에 맞게 글자크기가 변하는 반응형 텍스트 만들기 최근에는 대부분의 사이트가 반응형 페이지로 이루어지고 있는 추세입니다 반응형 웹이라고 하면 제작한 웹사이트를 PC, 스마트폰, 태블릿 등 접속하는 기기의 종류에 따라서 화면의 사이즈가 � newstroyblog.tistory.com 게시물에 나와있는 사용방법을 보시면 두 가지의 방법이 있습니다 첫 번째로 html내에서 p태그 내에 스타일을 주어 폰트 사이즈를 지정해주었지요 그리고 두 번째 div요소를 생성 후에 css에서 스타일을 적용시켜주었습니다..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2020. 9. 7.
• textsms

HTML 강좌#06 브라우저 사이즈에 맞게 글자크기가 변하는 반응형 텍스트 만들기

최근에는 대부분의 사이트가 반응형 페이지로 이루어지고 있는 추세입니다 반응형 웹이라고 하면 제작한 웹사이트를 PC, 스마트폰, 태블릿 등 접속하는 기기의 종류에 따라서 화면의 사이즈가 자동으로 변하도록 제작된 웹 페이지를 말합니다 몇 년 전까지만 해도 부분의 웹페이지는 pc에서만 접속하거나 작동하였지만 요즘에는 스마트폰을 이용하여 모바일에서도 접속하는 경우가 많습니다 하지만 pc용으로 설계된 웹페이지의 경우 모바일 화면에서 보면 화면의 구조가 이상하거나 또 화면을 확대해서 이곳저곳 움직여야 하고 이용자에게 있어선 엄청 불편하겠죠? 오늘은 반응형 웹페이지를 제작 시에 텍스트 부분 pc화면으로 볼 때 텍스트를 넣은 후에 글자크기가 고정이 아니라 브라우저 크기에 따라서 줄어들게 한번 제작해볼 겁니다 아래의 적..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2020. 9. 6.
• textsms

그림쟁이를위한 그림을 자동으로 채색해주는 사이트

저는 픽시브나 pawoo나 deviantart에서 많은 그림러들이 그리는 카와이한 캐릭터들을 자주 즐겨보곤 합니다! 저의 노력이 부족한 탓일까요? 저는 도저히 그림의 재능은 눈곱만큼도 찾아볼 수가 없더군요 항상 그림 그리시는 분들을 보면 어떻게 저렇게 그리나 싶기도 하면서 부럽습니다 마침 말 나온 김에 몇 가지 작품사진을 소개해드리고 싶지만 저작권으로 인해 제 마음대로 그림을 업로드할 수가 없네요 픽시브 링크라도 남겨놓을 테니 그림 감상에 관심 있는 분들은 한번 봐보세요! 더더더 많지만 제가 팔로우하는 작가 세분입니다! https://www.pixiv.net/users/6357652www.pixiv.net/users/6357652 阿鹿的alu - pixiv www.pixiv.net https://www...

• format_list_bulleted 유용한 정보 & 사이트/웹 사이트,정보
• · 2020. 9. 6.
• textsms

업데이트된 윈도우10 다크모드 설정방법

요즘에는 다양한 어플이나 프로그램에서 다크모드를 지원하죠?? 요즘 트랜드가 다크모드를 더 선호하기 때문입니다다들 아시는 네이버 유튜브에서도 다크모드를 지원하고 있습니다 왜 다크모드를 더 선호할까요?? 다크모드를 사용할 경우 글이 눈에 더 잘 들어와서 가시성도 좋고 OLED화면의 경우 배터리소모량을 줄일 수도 있기 때문입니다 물론 pc를 사용하면 LED화면에다가 배터리가 아닌 전원선을 연결하여 사용하기 때문에 연관이 있지 않지만 다크모드를 사용할 때눈의 피로도가 적고 글이 눈에 더 잘 들어오는건 사실입니다 그러면 윈도우10에서 다크모드를 적용하게 될 경우 어떤 차이점이 있을까요??? 다크모드와 일반모드의 차이점 다크모드 적용전의 윈도우 설정 & 윈도우 탐색기 다크모드 적용후의 윈도우 설정 & 윈도우 탐색기..

• format_list_bulleted 윈도우 & 모바일 & 프로그램/Windows
• · 2020. 9. 5.
• textsms

최대80% 할인 무신사 2020 스웨트 페스티벌 클로티 브랜드 사은품 정답

요즘 여러 태풍들이 휩쓸고 다니기도하고 코로나의 영향도 있고 밖에 나가기가 정말 힘드네요여름에는 바깥에 나갈일이 별로없어서 여름옷을 구매할일이 별로없었는데 올 겨울에는 밖을 좀 나갈일이 생기겠지요??계절도 이제 여름에서 가을로 넘어가는 시즌이고 무신사에서 마침 여러 스웨트들과 맨투맨들을 할인해서 판매중이더라고요 (출처 : 무신사 스토어) 사진 클릭시 이벤트 페이지로 넘어갑니다 이번달 초부터 시작해서 다음다음주 월요일 14일까지 무신사 스토어에서 최대 80%의 할인을 진행한다고 해요 무신사 홈페이지를 들어가면 스웨트셔츠와 후드티 상품 등 여러가지를 판매하는 2020년 무신사 스웨트 페스티벌을 진행하고 있습니다 아직 가을이나 겨울옷 준비를 못하신분들은 이번 페스티벌때 할인된 가격으로 의류를 얻을수 있는 기회..

• format_list_bulleted 유용한 정보 & 사이트/웹 사이트,정보
• · 2020. 9. 4.
• textsms

Xbox 아바타 편집기로 나만의 3D 캐릭터 모델을 만들기 [윈도우10]

Xbox아바타 편집기라는 걸 알고 계신가요?? Xbox에서만 사용 가능한 제품이아니라 윈도우에서도 제공이 되는 프로그램인데 이 프로그램을 사용하게 되면, 자신만의 3D모델을 제작할 수 있습니다! 모두 제작 후에는 3d 오브젝트파일로도 추출 가능하니 다양한 용도로 사용할 수 있습니다 우선 윈도우에서 마이크로소프트 스토어를 열어주세요 그런 다음에 오른쪽 위에 xbox 아바타라고 검색해줍니다 위 사진을 보시면 제가 빨간 네모로 표시해둔 부분에 있는 게 오늘 소개해드릴 xbox 아바타 편집기입니다 클릭하셔서 다운로드를 받아주세요 저는 이미 제품을 설치해놓은 상태라서 이렇게 뜨는데 처음 설치하시는 분은 다운로드라고 표시될 거에요 다운로드를 모두 받은 후에 실행해주세요 저는 이미 생성한 캐릭터가 있어서 왼쪽화면처럼..

• format_list_bulleted 윈도우 & 모바일 & 프로그램/Windows
• · 2020. 9. 4.
• textsms

넷플릭스 화제의 콘텐츠들 무료로 제공! 결제x 회원가입x 카드등록x

안녕하세요 오늘은 넷플릭스에 관해서 유용한 정보가 있어서 찾아왔습니다! 넷플릭스에서는 회원가입 후 카드만 등록하면 첫 달 무료로 넷플릭스의 작품들을 모두 시청하실수 있습니다! 결제후에 맘에드다면 다음 달도 이어서 정기결제를 하시면 되고 넷플릭스 서비스가 맘에 들지 않을 경우에는 정기 결제를 해제하여 취소하실수 있습니다 저도 넷플릭스에서 보는 드라마들이 많아가지고 결제해서 사용 중인데요! 정말 후회 없는 작품들이 너무나도 많습니다 오늘은 한 달 무료체험하기 전! 결제와 회원가입 없이 넷플릭스의 인기작 1편을 무료로 시청하실 수 있는 방법이 있어서 소개시켜드리려고 합니다 무료감상 가능 목록 기묘한 이야기인디애나주의 작은 마을에서 행방불명된 소년. 이와 함께 미스터리한 힘을 가진 소녀가 나타나고, 마을에는 기..

• format_list_bulleted 넷플릭스, 드라마, 영화
• · 2020. 9. 3.
• textsms

티스토리 포스팅 대표 썸네일 변경하여 티스토리 유입 늘리기

티스토리 포스팅을 작성한 후 블로그 메인페이지나 검색엔진에 노출 시 대표 썸네일과 함께 포스팅의 메인 썸네일이 표시되게 됩니다 이는 사람으로 치면 첫인상과도 비슷한데 어떤 썸네일을 대표 썸네일로 설정하느냐에 따라서 사람들의 클릭률 조회수가 달라지게 됩니다 이런 식으로 제 블로그 메인에서 게시물을 볼 때에 스킨에따라서 다르겠지만 게시물의 내용이 어느 정도 노출된 후에 썸네일이 표시가 됩니다 하지만 이 사진 부분이 포스팅 내용과 어느 정도 연관된 이미지 이어야 사람들이 관심을 보일 텐데 전혀 다른 이미지이거나 아무 이미지로 하게 된다면 가볍게 무시하고 넘길수도 있겠지요? 블로그의 메인화면에서 보는 이미지뿐만 아니라 위에는 다음 포털사이트에서 검색한 저의 블로그인데 이처럼 외부사이트에서 유입을 할 경우에도 포..

• format_list_bulleted 일반 & 티스토리 정보/티스토리 팁
• · 2020. 9. 2.
• textsms