- 강의구성
- (20강) 전체 : 8시간 52분|평균 : 26분36초
- 이용기간 / 강사
- 2개월 / 알지오 R&D [IT]
- 수강료
- 370,000원
- 185,000원
수강 전 자주 묻는 질문
교재 없이? 초보자도 가능 한가요?
교재 없이도 동영상과 실습 자료만으로 학습할 수 있으며, 초보자도 이해하고 따라올 수 있도록 설계된 강의입니다.
알지오의 강의특징은 무엇인가요?
알지오 강의는 단순 촬영본이 아니라, 전문 편집으로 핵심만 담아 학습 효율을 높인 강의입니다.
프로그램은 어떻게 구하나요?
알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.
수강생 여러분께 감사드리며, 납부하신 수강료 일부는 매월 사회 환원 활동에 사용됩니다. 특히 소외된 이웃들에게 라면을 기부하며 작은 나눔을 이어가고 있습니다. 자세한 내용은 아래 링크에서 확인하실 수 있습니다. 알지오 사회환원 활동
- 드림위버 2022 [홈페이지제작] - 누구나 쉽게 홈페이지 제작이 가능합니다.
-
01.31분
드림위버 누구나 할 수 있게 기초부터
나만의 홈페이지 제작을 위한 드림위버 알기
위치지정부터 작업폴더/미리보기와 링크/css와 돔트리/container수정/메뉴바 수정하기
-
02.30분
링크와 이미지 로고변경
각각의 태그와 교체 되는 스타일과 링크와 주소개념 완벽정리
브라우저 단축/타이틀과 텍스트 링크/로고이미지/정렬위치와 변경 반영되는 여러실습
-
03.22분
기본사항을 완벽히 이해하게 해드립니다.
드림위버에서 자동붙는 사항 CSS3 기본과 활용방법
추가 CSS만들기/제목태그와 위치변경/우측의 플롯의 정렬/LI목록의 플롯차이
-
04.25분
초보지만 전문가처럼 작업을 쉽게하기
두번 작업말고 실무로 한번에 링크와 CSS3까지 완벽 설명합니다.
호스팅과 노드작업/브라우저 확인필요/ul과 볼릿기호의미/li와 텍스트 링크정의/마우스오버 컬러와 링크ID 완벽이해
-
05.30분
드림위버와 CSS코딩
드림위버를 좀 더 전문가처럼 사용하게 해드립니다.
UI기본기 바디와 구성/li와 a의 스타일 변경/글꼴 로컬과 지정과 웹관리/외국에서 번역시 sans-serif/html5 기본태그 중 section/내부여백과 정렬값 팁
-
06.27분
알고보면 너무 쉬운 3단배열과 여백과 줄
제작과 동시에 소스분석 습관을 길러드립니다.
태그의 기본적인 여백/섹션 위아래 여백 링크변화 무/컬러변경 숨기기와 문서배경여백/display 벨류값 큰 차이/줄의 간격과 균등분배
-
07.27분
미디어쿼리 하드코딩까지
8개를 2개로 선언 드림위버로 웹페이지 제작과 CSS까지 완벽히
3단 반응형 1단과 요소설명/중복반영 css/inline-block과 both차이/문서전체와 한곳의 css정의
-
08.26분
드림위버로 안되는 경우
드림위버 편집과 크로스브라우저로 실무적인 코딩까지 합니다.
상속과 반영/반응형 웹의 중복확인/불필요했던 배경이미지/css 푸터통합과 반응형 설정/미디어쿼리와 반응형 이미지
-
09.25분
반응형웹의 속도
스마트폰으로 보게 되거나 pc로 볼때의 매뉴 속도조절을 합니다.
실제배경 테두리/버튼의 배경 및 트랜지션/상단의 반응형웹 트랜지션
-
10.25분
드림위버로 전세계인이 볼 수 있게 시작
웹호스팅 고르는 방법과 드림위버로 페이지 실시간 수정하기
환경설정 실무/불필요한 코드제거와 소스코드/도메인과 호스팅 과정별 선택/웹호스팅의 경로와 DB비번/웹호스팅 연결과 올리고 실시간 수정
-
11.28분
신규 웹문서 구축부터 실무로 시작
웹문서의 생생한 반영확인과 스타일 시트 선언의 고수가 되게 해드립니다.
원격서버와 로컬/신규문서 코딩후 호스팅 확인/서브링크와 수정반영/CSS 3가지추가 및 재미있는 선언들
-
12.30분
드림위버로도 웹페이지를 가지고 놀수있어요
하드코딩 전문가가 보여주는 드림위버의 레이이아웃 마스터하기
태그삽입 기본유형부터/전체와 상단생성/가운데 정렬 본문 1, 2, 3, 4단/텍스트 정렬값 분리와 실무팁
-
13.32분
홈페이지를 정식적으로 제작
레이아웃과 상하단의 모든것
여러 곳에 사용가능한 컬러값/레이아웃 상단분할/로고위치/좌메뉴 수직수평과 가로/또 다른 메뉴링크 컬러들
-
14.27분
상단의 3가지 종류 배치
좌메뉴와 가운데 로고 우측에 떠있는 메뉴제작
좌메뉴 수직과 오버/또 다른방식 우메뉴제작/포지션과 볼릿 ul의 정렬/떠있는 아이콘
-
15.27분
분할 레이아웃 중하단의 배너
홈페이지 제작시 가장 실수할 수 있는 부분을 해결합니다.
공백 레이아웃 해결/하부의 3단 분할/보더의 차이 해결/레이아웃이 일그러진다면/쇼핑몰 3단 배너 난관해결
-
16.24분
기본이론을 확실히 실습하고 신규 홈페이지
기본기를 어느정도 알았으니 잘 만들어진 홈페이지 수정합니다.
3단이미지와 하단여백/다중 열 홈페이지/container header /primary_header h1/메뉴 설정하기
-
17.23분
신규 홈페이지를 내것으로 코딩
드림위버에서 기본 제공하는 홈페이지를 막힘없이 완벽히 내 취향에 맞게 제작
nav ul 3단계 반응형웹/높이값 의미와 해당 LI의 반응형/li와 a의 링크구조 모두변경
-
18.26분
실무에서 오류나 문제없이 제작
초보가 할 수 있는 스타일과 많은 시간동안 코딩하면서 반영할 수 있는 스킬
section의 요소분석/이미지의 단계별 반응형/row와 columns의 반응형
-
19.25분
마지막 일반 페이지분석
위에서 배운대로 응용만 하면 멋진 홈페이지를 제작할 수 있어요.
row와 blockDisplay 이유/반응형의 float의 넓이와 반응형 차이/clear: both 이유와 overflow/social_icon 하부의 반응형/의외의 하단 반응형
-
20.22분
부트스트랩 부동산 실무 홈페이지
써먹을 수 있는 홈페이지 선택해서 분석과 수정을 알려드립니다.
CSS실무코딩 필요성과 신규/브라우저 dom 네트워크/프론트엔드는?/navbar 이외 속성/로고 메뉴 검색/롤링배너
![드림위버 2022 [홈페이지제작]](/img_file/builder/Date/202204055756Dreamweaver_2022_skin.png)
![드림위버 2022 [홈페이지제작]](/expert/img/skin_sample_play_PM_05.png)