총 43개
-
송다훈의 홈페이지 만들기2025.01.171. HTML 기본 태그 HTML 기본 태그를 사용하여 메인 페이지를 만드는 방법에 대해 설명합니다. 이름, 학교명, 관심 분야, 좋아하는 음식, 메일 주소, 자기소개 등의 정보를 포함하는 메인 페이지를 구현하는 방법을 다룹니다. 2. 웹 페이지 구조 HTML 문서의 기본 구조인 <html>, <head>, <body> 태그를 사용하여 웹 페이지의 기본 구조를 만드는 방법을 설명합니다. 각 태그의 역할과 사용 방법을 소개합니다. 3. 텍스트 태그 웹 페이지에 텍스트를 표시하기 위해 <h1>, <p>, <span> 등의 태그를 사용하...2025.01.17
-
[웹디자인] 관심있는 웹페이지를 선정하여 웹페이지 요소들의 배치된 위치2025.05.051. 웹페이지 분석 저는 인스타그램 웹페이지를 분석해보았습니다. 인스타그램은 사진과 영상을 공유하는 소셜 미디어 서비스입니다. 인스타그램의 웹페이지는 사용자들이 계정을 관리하고 컨텐츠를 업로드하는 기능을 제공합니다. 웹페이지의 디자인컨셉은 미니멀리즘입니다. 배치된 위치는 중앙에 로고가 위치하고, 헤더에는 검색 바, 로그인 버튼 등이 위치합니다. 본문 내용은 스크롤 다운을 하면 보이며, 게시글 목록이 나열됩니다. 색상은 블루와 화이트가 주를 이룹니다. 사용된 웹효과 기능으로는 게시글 스크롤링, 좋아요 버튼 등이 있습니다. 2. 자신이...2025.05.05
-
인터넷 활용 ) 임의의 주제를 선정하고, 해당 주제에 맞는 페이지를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 주요기능을 정리2025.01.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
-
사이트 주소 링크와 임베디드 링크의 저작권 침해에 대한 조사2025.01.061. 링크의 종류 링크는 링크를 거는 방식에 따라 단순 링크, 직접 링크, 프레이밍 링크, 임베디드 링크로 나누어진다. 단순 링크는 웹사이트의 이름과 주소만 게시하는 방식이고, 직접 링크는 웹사이트의 메인 페이지가 아닌 저작물이 존재하는 세부 페이지에 바로 연결하는 방식이다. 프레이밍 링크는 링크를 통해 연결한 자료가 자신의 홈페이지 속에 곧바로 나타나는 것이며, 임베디드 링크는 웹사이트를 열면 링크를 건 자신의 웹사이트에서 해당 링크 콘텐츠가 자동으로 실행되게 하는 방식이다. 2. 링크의 저작권 침해 여부에 대한 법적 판단 단순 ...2025.01.06
-
웹상에서 멀티미디어의 효과2025.01.151. 멀티미디어 요소의 웹 페이지 활용 웹 페이지에서 이미지, 오디오, 비디오 등의 멀티미디어 요소가 어떤 역할을 하는지 분석하고, 이를 통해 사용자 경험을 향상시키는 방법에 대해 설명합니다. 멀티미디어 요소들이 사용자와의 상호작용을 어떻게 촉진하며, 성능 최적화를 통해 웹 페이지의 효율성을 높일 수 있는지에 대해서도 다룹니다. 2. 멀티미디어 요소의 상호작용성 멀티미디어 요소들이 사용자와의 상호작용을 촉진하고 사용자 경험을 더욱 풍부하게 만드는 방식에 대해 설명합니다. 이미지 갤러리, 비디오 플레이어 등의 상호작용 기능을 통해 사...2025.01.15
-
방통대 컴퓨터과학과 jsp프로그래밍_기말_과제물형2025.01.251. JDK JDK는 Java Development Kit의 약자이며, ORACLE 사이트에서 운영체제에 맞게 다운로드가 가능합니다. JSP 프로그래밍을 위해서는 JRE만 설치하는 것은 부족하고 JDK를 설치해야 합니다. JDK에는 컴파일러와 디버거가 포함되어 있습니다. 2. JSP 처리 과정 JSP 처리 과정은 다음과 같습니다. 클라이언트 요청 -> JSP페이지-> 서블릿 클래스 -> 서블릿 -> 클라이언트에게 응답. WAS/웹 컨테이너는 JSP에 대한 요청이 들어온 후 상응하는 서블릿이 존재하지 않을 경우 JSP페이지를 서블릿 ...2025.01.25
-
HTML5, CSS3, JavaScript를 이용한 3명의 3과목 점수 계산 및 평균/석차 출력 프로그램2025.05.101. HTML5 HTML5는 웹 페이지를 구조화하고 의미를 부여하는 마크업 언어입니다. 이 프로그램에서는 HTML5를 사용하여 사용자 입력 폼과 결과 출력 영역을 구현하였습니다. 2. CSS3 CSS3는 HTML 요소의 스타일을 지정하는 언어입니다. 이 프로그램에서는 CSS3를 사용하여 입력 폼과 결과 출력 영역의 레이아웃과 디자인을 구현하였습니다. 3. JavaScript JavaScript는 웹 페이지의 동적 기능을 구현하는 프로그래밍 언어입니다. 이 프로그램에서는 JavaScript를 사용하여 사용자 입력을 받아 평균 점수와 ...2025.05.10
-
[웹서비스 프로그래밍][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
-
웹 1.0, 2.0, 3.0의 개념과 특성 비교2025.01.251. 웹 1.0 웹 1.0은 초기 인터넷의 형태로, 정적 웹페이지와 기본적인 하이퍼텍스트 링크를 특징으로 합니다. 1990년대 초반에 등장한 웹 1.0은 주로 정보 제공에 초점을 맞추었으며, 사용자는 웹페이지를 읽을 수 있었지만 콘텐츠에 대한 상호작용이나 기여는 제한적이었습니다. 웹사이트는 주로 기업이나 기관에서 관리하며, HTML을 사용하여 제작되었습니다. 웹 1.0의 웹페이지는 종종 텍스트와 이미지로 구성된 단순한 레이아웃을 가졌으며, 사용자는 링크를 통해 다른 페이지로 이동할 수 있었습니다. 2. 웹 1.0 사례 웹 1.0의 ...2025.01.25
1 / 5
