총 32개
-
[웹디자인] 관심있는 웹페이지를 선정하여 웹페이지 요소들의 배치된 위치2025.05.051. 웹페이지 분석 저는 인스타그램 웹페이지를 분석해보았습니다. 인스타그램은 사진과 영상을 공유하는 소셜 미디어 서비스입니다. 인스타그램의 웹페이지는 사용자들이 계정을 관리하고 컨텐츠를 업로드하는 기능을 제공합니다. 웹페이지의 디자인컨셉은 미니멀리즘입니다. 배치된 위치는 중앙에 로고가 위치하고, 헤더에는 검색 바, 로그인 버튼 등이 위치합니다. 본문 내용은 스크롤 다운을 하면 보이며, 게시글 목록이 나열됩니다. 색상은 블루와 화이트가 주를 이룹니다. 사용된 웹효과 기능으로는 게시글 스크롤링, 좋아요 버튼 등이 있습니다. 2. 자신이...2025.05.05
-
인터넷 활용 ) 임의의 주제를 선정하고, 해당 주제에 맞는 페이지를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 주요기능을 정리2025.01.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
웹상에서 멀티미디어의 효과2025.01.151. 멀티미디어 요소의 웹 페이지 활용 웹 페이지에서 이미지, 오디오, 비디오 등의 멀티미디어 요소가 어떤 역할을 하는지 분석하고, 이를 통해 사용자 경험을 향상시키는 방법에 대해 설명합니다. 멀티미디어 요소들이 사용자와의 상호작용을 어떻게 촉진하며, 성능 최적화를 통해 웹 페이지의 효율성을 높일 수 있는지에 대해서도 다룹니다. 2. 멀티미디어 요소의 상호작용성 멀티미디어 요소들이 사용자와의 상호작용을 촉진하고 사용자 경험을 더욱 풍부하게 만드는 방식에 대해 설명합니다. 이미지 갤러리, 비디오 플레이어 등의 상호작용 기능을 통해 사...2025.01.15
-
송다훈의 홈페이지 만들기2025.01.171. HTML 기본 태그 HTML 기본 태그를 사용하여 메인 페이지를 만드는 방법에 대해 설명합니다. 이름, 학교명, 관심 분야, 좋아하는 음식, 메일 주소, 자기소개 등의 정보를 포함하는 메인 페이지를 구현하는 방법을 다룹니다. 2. 웹 페이지 구조 HTML 문서의 기본 구조인 <html>, <head>, <body> 태그를 사용하여 웹 페이지의 기본 구조를 만드는 방법을 설명합니다. 각 태그의 역할과 사용 방법을 소개합니다. 3. 텍스트 태그 웹 페이지에 텍스트를 표시하기 위해 <h1>, <p>, <span> 등의 태그를 사용하...2025.01.17
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
-
계절학기 수강신청 추천 프로그램 개발2025.11.171. 데이터 전처리 및 크롤링 BeautifulSoup과 Pandas 라이브러리를 활용하여 웹페이지에서 계절학기 교과목, 학사일정, 공지사항 데이터를 수집하고 정제했습니다. urllib를 이용한 정적 웹페이지 크롤링, HTML 파싱을 통해 필요한 정보를 추출하고, 결측값 처리 및 데이터 가공을 수행했습니다. CSV 형식의 교과목 데이터와 HTML 형식의 학사일정 데이터를 통합하여 분석 가능한 형태로 변환했습니다. 2. 프로그램 알고리즘 및 함수 설계 학생 정보 입력을 통해 전공/일선/교양 구분을 수행하고, 관심 분야 입력에 따라 과...2025.11.17
-
방통대 컴퓨터과학과 jsp프로그래밍_기말_과제물형2025.01.251. JDK JDK는 Java Development Kit의 약자이며, ORACLE 사이트에서 운영체제에 맞게 다운로드가 가능합니다. JSP 프로그래밍을 위해서는 JRE만 설치하는 것은 부족하고 JDK를 설치해야 합니다. JDK에는 컴파일러와 디버거가 포함되어 있습니다. 2. JSP 처리 과정 JSP 처리 과정은 다음과 같습니다. 클라이언트 요청 -> JSP페이지-> 서블릿 클래스 -> 서블릿 -> 클라이언트에게 응답. WAS/웹 컨테이너는 JSP에 대한 요청이 들어온 후 상응하는 서블릿이 존재하지 않을 경우 JSP페이지를 서블릿 ...2025.01.25
-
반응형 Web을 조사 분석 하시오2025.01.181. 반응형 웹의 등장 배경과 특징 웹 3.0 시대에는 다양한 스마트 기기의 등장으로 다양한 해상도로 만들어진 웹 레이아웃과 콘텐츠의 문제를 '응답형 웹'이라는 기술로 해결할 수 있다. 반응형 웹은 화면 크기가 다른 기기(데스크탑 PC, 태블릿, 스마트폰)별로 최적화된 사이트를 구현하기 위한 생산 방식으로, 하나의 소스로 모든 디바이스 타겟의 페이지를 생성할 수 있다. 반응형 웹은 제작자가 아닌 사용자 중심의 화면 크기를 기준으로 표시하기 때문에 새로운 기기가 등장하더라도 웹사이트를 변경하거나 제작할 필요가 없다. 2. 반응형 웹의...2025.01.18
-
[배재대] 리눅스활용 기말 웹페이지 과제(정통과->소프트웨어)2025.05.051. Linux Linux는 오픈 소스 운영 체제로, 다양한 하드웨어에서 실행될 수 있으며 강력한 보안 기능과 안정성을 제공합니다. 이 과제에서는 Linux 기반의 Raspberry Pi를 사용하여 웹 서버를 구축하고 간단한 홈페이지를 개발하는 것이 목표입니다. 2. 웹 서버 구축 Raspberry Pi에 Apache, PHP, MySQL을 설치하여 AMP(Apache, MySQL, PHP) 웹 서버 환경을 구축합니다. 이를 통해 동적 웹 페이지를 생성하고 데이터베이스와 연동할 수 있습니다. 3. 홈페이지 개발 구축된 AMP 웹 서...2025.05.05
-
윈도우즈 프로그래밍 컨트롤 비교 분석2025.11.141. 텍스트박스와 리치텍스트박스 컨트롤 텍스트박스 컨트롤은 사용자로부터 한 줄의 짧은 텍스트 입력을 받는 기본적인 컨트롤로, 입력 길이가 제한되고 서식 적용이 불가능합니다. 반면 리치텍스트박스 컨트롤은 리치 텍스트 포맷을 지원하여 글꼴, 색상, 크기 등 다양한 서식을 적용할 수 있으며, 복잡한 문서 작성에 적합합니다. 텍스트박스는 간단한 입력에, 리치텍스트박스는 서식이 필요한 문서 작성에 사용됩니다. 2. 체크리스트박스와 리스트박스 컨트롤 체크리스트박스 컨트롤은 여러 옵션 중에서 다수를 선택할 수 있는 다중 선택 컨트롤로, 옵션 목...2025.11.14
