총 22개
-
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.191. 웹페이지 제작 이 프레젠테이션은 임의의 주제를 선정하고 해당 주제에 맞는 웹페이지를 작성하는 방법에 대해 설명합니다. 웹페이지 제작을 위해 HTML과 CSS를 사용하여 여행 관련 정보와 이미지를 제공하는 페이지를 만들었습니다. 또한 여행지 순위를 확인할 수 있는 링크를 제공하여 사용자에게 유용한 정보를 제공하고 있습니다. 2. 웹 디자인 이 프레젠테이션에서는 웹페이지 제작 시 CSS를 활용하여 레이아웃, 색상, 폰트 등 웹 디자인 요소를 구현하는 방법을 보여줍니다. 헤더, 섹션, 버튼 등 각 요소의 스타일을 지정하여 사용자에게...2025.01.19
-
영화관 좌석 예약 앱2025.01.181. 웹 앱 프로그래밍 이 프로젝트는 웹 기반 앱 프로그래밍을 활용하여 영화관 좌석 예약 기능을 구현하였습니다. HTML, CSS, JavaScript를 사용하여 사용자 인터페이스와 좌석 선택 기능을 구현하였습니다. 사용자는 좌석 번호를 입력하면 해당 좌석의 배경색이 변경되어 선택된 것을 확인할 수 있습니다. 2. 사용자 인터페이스 설계 이 프로젝트에서는 직관적이고 사용자 친화적인 인터페이스를 설계하였습니다. 헤더 영역에는 프로젝트 제목을 표시하고, 좌석 선택을 위한 입력 필드와 버튼을 중앙에 배치하였습니다. 좌석은 5행 5열로 구...2025.01.18
-
반응형 Web을 조사 분석 하시오2025.01.181. 반응형 웹의 등장 배경과 특징 웹 3.0 시대에는 다양한 스마트 기기의 등장으로 다양한 해상도로 만들어진 웹 레이아웃과 콘텐츠의 문제를 '응답형 웹'이라는 기술로 해결할 수 있다. 반응형 웹은 화면 크기가 다른 기기(데스크탑 PC, 태블릿, 스마트폰)별로 최적화된 사이트를 구현하기 위한 생산 방식으로, 하나의 소스로 모든 디바이스 타겟의 페이지를 생성할 수 있다. 반응형 웹은 제작자가 아닌 사용자 중심의 화면 크기를 기준으로 표시하기 때문에 새로운 기기가 등장하더라도 웹사이트를 변경하거나 제작할 필요가 없다. 2. 반응형 웹의...2025.01.18
-
4차 산업혁명 시대에서 미래 사회의 진로에 적응하기 위한 핵심 자원 5가지2025.01.231. 4차 산업혁명 시대의 진로 적응 4차 산업혁명 시대에는 혁신적 아이디어, 창의성, 신기술이 가장 큰 무기가 되며, 새로운 직업들이 주목받고 있다. 이에 따라 필요한 핵심 자원으로 SNS 사용 능숙, 원만한 성격과 소통 능력, 변화에 대한 수용성, 실패에 대한 두려움 없음, HTML/CSS 활용 능력 등을 선정하고 그 이유를 설명하였다. 1. 4차 산업혁명 시대의 진로 적응 4차 산업혁명 시대에는 기술 발전으로 인해 기존 직업들이 빠르게 변화하고 새로운 직업들이 등장하고 있습니다. 이에 따라 개인들은 평생 동안 여러 번의 직업 ...2025.01.23
-
신재희 자기소개서2025.05.031. HTML HTML(Hypertext Markup Language)은 웹 페이지를 구조화하고 표현하는 데 사용되는 마크업 언어입니다. 이 자기소개서에서는 HTML의 다양한 태그와 속성을 활용하여 글자, 멀티미디어, 테이블 등을 포함한 간단한 자기소개서를 작성하고 있습니다. 2. 웹 프로그래밍 이 자기소개서는 HTML을 사용하여 웹 페이지를 구현하고 있습니다. 웹 프로그래밍은 웹 브라우저에서 실행되는 애플리케이션을 개발하는 것으로, HTML, CSS, JavaScript 등의 기술이 사용됩니다. 3. 자기소개서 이 자기소개서에는 ...2025.05.03
-
방통대 컴퓨터과학과 jsp프로그래밍_기말_과제물형2025.01.251. JDK JDK는 Java Development Kit의 약자이며, ORACLE 사이트에서 운영체제에 맞게 다운로드가 가능합니다. JSP 프로그래밍을 위해서는 JRE만 설치하는 것은 부족하고 JDK를 설치해야 합니다. JDK에는 컴파일러와 디버거가 포함되어 있습니다. 2. JSP 처리 과정 JSP 처리 과정은 다음과 같습니다. 클라이언트 요청 -> JSP페이지-> 서블릿 클래스 -> 서블릿 -> 클라이언트에게 응답. WAS/웹 컨테이너는 JSP에 대한 요청이 들어온 후 상응하는 서블릿이 존재하지 않을 경우 JSP페이지를 서블릿 ...2025.01.25
-
웹 브라우저 중 인터넷 익스플로러, 크롬, 파이어폭스 각각의 동작 방식과 구조 비교2025.05.081. 인터넷 익스플로러 인터넷 익스플로러는 1995년 마이크로소프트에서 개발한 웹 브라우저로, 윈도우95와 함께 사용하기 편리했으나 점유율이 하락하면서 마이크로소프트가 지원을 중단했다. 보안 취약성과 느린 속도가 단점으로 지적되었다. 2. 크롬 크롬은 구글이 개발한 프리웨어 웹 브라우저로, 2008년 12월 11일에 정식 출시되었다. 웹킷 엔진을 사용하다가 블링크 엔진으로 변경했으며, 현재 가장 대중적인 브라우저로 약 63%의 점유율을 차지하고 있다. 보안과 속도가 장점이지만 램 사용량이 많다는 단점이 있다. 3. 파이어폭스 파이어...2025.05.08
-
100점 과제물 / 시맨틱 태그를 이용하여 페이지 구조를 작성하시오. 작성한 페이지를 화면 캡쳐하고 소스 및 태그를 정리하여 보고서 형태로 제출하시오.2025.01.161. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...2025.01.16
1 / 3
