총 20개
-
[웹디자인] 관심있는 웹페이지를 선정하여 웹페이지 요소들의 배치된 위치2025.05.051. 웹페이지 분석 저는 인스타그램 웹페이지를 분석해보았습니다. 인스타그램은 사진과 영상을 공유하는 소셜 미디어 서비스입니다. 인스타그램의 웹페이지는 사용자들이 계정을 관리하고 컨텐츠를 업로드하는 기능을 제공합니다. 웹페이지의 디자인컨셉은 미니멀리즘입니다. 배치된 위치는 중앙에 로고가 위치하고, 헤더에는 검색 바, 로그인 버튼 등이 위치합니다. 본문 내용은 스크롤 다운을 하면 보이며, 게시글 목록이 나열됩니다. 색상은 블루와 화이트가 주를 이룹니다. 사용된 웹효과 기능으로는 게시글 스크롤링, 좋아요 버튼 등이 있습니다. 2. 자신이...2025.05.05
-
인터넷 활용 ) 임의의 주제를 선정하고, 해당 주제에 맞는 페이지를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 주요기능을 정리2025.01.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
[인터페이스디자인] 디자인의 정의와 디자인 시 고려해야 할 조건에 대해 서술하시오. 인터페이스 디자인의 정의 및 필요성을 서술하시오.2025.05.051. 디자인의 정의와 디자인 시 고려해야 할 조건 디자인은 모든 분야에서 중요한 요소로 여겨집니다. 제품, 서비스, 웹페이지 등 모든 것에 적용됩니다. 디자인의 정의는 어떤 문제를 해결하거나 목적을 달성하기 위해 시각적, 기능적, 경험적 측면에서 창조적인 해결책을 제시하는 것입니다. 디자인 시 고려해야 할 조건으로는 사용자의 니즈 파악, 기능성과 형태성, 일관성 유지, 효율적인 구성, 가독성 및 가시성 등이 있습니다. 2. 인터페이스 디자인의 정의 및 필요성 인터페이스 디자인은 제품이나 서비스의 사용자 경험을 개선하기 위해 사용자와...2025.05.05
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
-
HTML5, CSS3, JavaScript를 이용한 3명의 3과목 점수 계산 및 평균/석차 출력 프로그램2025.05.101. HTML5 HTML5는 웹 페이지를 구조화하고 의미를 부여하는 마크업 언어입니다. 이 프로그램에서는 HTML5를 사용하여 사용자 입력 폼과 결과 출력 영역을 구현하였습니다. 2. CSS3 CSS3는 HTML 요소의 스타일을 지정하는 언어입니다. 이 프로그램에서는 CSS3를 사용하여 입력 폼과 결과 출력 영역의 레이아웃과 디자인을 구현하였습니다. 3. JavaScript JavaScript는 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어입니다. 이 프로그램에서는 JavaScript를 사용하여 사용자 입력을 받아 평균 점수와 ...2025.05.10
-
송다훈의 홈페이지 만들기2025.01.171. HTML 기본 태그 HTML 기본 태그를 사용하여 메인 페이지를 만드는 방법에 대해 설명합니다. 이름, 학교명, 관심 분야, 좋아하는 음식, 메일 주소, 자기소개 등의 정보를 포함하는 메인 페이지를 구현하는 방법을 다룹니다. 2. 웹 페이지 구조 HTML 문서의 기본 구조인 <html>, <head>, <body> 태그를 사용하여 웹 페이지의 기본 구조를 만드는 방법을 설명합니다. 각 태그의 역할과 사용 방법을 소개합니다. 3. 텍스트 태그 웹 페이지에 텍스트를 표시하기 위해 <h1>, <p>, <span> 등의 태그를 사용하...2025.01.17
-
게슈탈트 원리를 사례를 들어 설명하시오2025.01.171. 게슈탈트 원리 게슈탈트 원리는 우리가 일상생활에서 정보를 인식하는 방식에 대해 깊은 이해를 제공한다. 게슈탈트 이론은 주관적인 경험을 통해 개인이 세상을 인식하고 이해하는 방식에 대한 학문적 연구로, '구조', '형태' 또는 '전체'를 의미하는 독일어 단어 'Gestalt'에서 유래하였다. 게슈탈트 심리학은 인간의 인식 체계가 단순히 개별적인 감각적 자극에 반응하는 것이 아니라, 이러한 자극들이 서로 연결되어 복합적인 전체를 형성하는 방식에 초점을 맞춘다. 2. 근접성의 법칙 근접성의 법칙은 인간의 인지 체계가 공간적으로 가까...2025.01.17
-
[웹서비스 프로그래밍][JSP] 팸플릿을 활용한 웹사이트 구현 보고서2025.05.051. JSP 내장 객체와 액션 태그 JSP 내장 객체인 request, response, pageContext, session, application, out, config 객체와 액션 태그인 forward, include, XMLElement 태그에 대해 설명하고 있습니다. 각 객체와 태그의 기능과 사용 방법을 보여주는 예제 코드가 포함되어 있습니다. 2. JSP 템플릿 활용 template.jsp 파일을 통해 JSP 페이지의 레이아웃을 구성하고, header.jsp와 aside.jsp 파일을 포함시켜 웹사이트의 구조를 구현하는 ...2025.05.05
-
포토샵에서 저장할 수 있는 이미지 파일 종류 4가지의 특징과 사용처2025.01.021. JPG (Joint Photographic Experts Group) JPG는 손실 압축 이미지 형식으로, 이미지 파일의 크기를 줄이기 위해 데이터를 압축한다. 그 결과 파일 크기는 작아지지만 이미지 품질이 일부 손실될 수 있다. 주로 일반 이미지나 사진, 웹 그래픽에 사용되며, 세부 정보와 색상 밀도를 나타내는 것에 알맞다. 하지만 고해상도 로고나 이미지처럼 투명한 배경이 필요할 땐 부적합하다. 2. PNG (Portable Network Graphics) PNG는 무손실 이미지 형식으로, 이미지를 압축하지 않으며 이미지 품...2025.01.02
-
[배재대] 리눅스활용 기말 웹페이지 과제(정통과->소프트웨어)2025.05.051. Linux Linux는 오픈 소스 운영 체제로, 다양한 하드웨어에서 실행될 수 있으며 강력한 보안 기능과 안정성을 제공합니다. 이 과제에서는 Linux 기반의 Raspberry Pi를 사용하여 웹 서버를 구축하고 간단한 홈페이지를 개발하는 것이 목표입니다. 2. 웹 서버 구축 Raspberry Pi에 Apache, PHP, MySQL을 설치하여 AMP(Apache, MySQL, PHP) 웹 서버 환경을 구축합니다. 이를 통해 동적 웹 페이지를 생성하고 데이터베이스와 연동할 수 있습니다. 3. 홈페이지 개발 구축된 AMP 웹 서...2025.05.05
1 / 2
