HOME>디지털 실무>홈페이지제작 빌더>드림위버 강의 [홈페이지제작]
ONLINE CLASS

드림위버 강의 [홈페이지제작]

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆
기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

자세히 보기  >
♥
수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기  >
REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

드림위버 강의 [홈페이지제작] 드림위버 강의 [홈페이지제작]

  • 드림위버 강의 [홈페이지제작]

  • 강의구성
  • (20강) 전체 : 8시간 52분|평균 : 26분36초
  • 이용기간/강사
  • 2개월
    알지오 R&D [IT]
  • 증빙가능
  • 수료증, 수강증, 학습진도
  • 수강료
  • 370,000원할인185,000원
  • 알지오 패키지
    • "5개월" 혜택!
?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기 >
  • 드림위버 [홈페이지제작] - 누구나 쉽게 홈페이지 제작이 가능합니다.
  • 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 이외 속성/로고 메뉴 검색/롤링배너

강의목록 다운로드                        1:1 강의 질문&답변