Upload Multiple Image Using PHP Store in Database | Drag and Drop Upload

안녕 친구 Vivekoyalin에서 Vivek Moyal 오늘의 비디오에서

여러 이미지를 업로드하는 방법을 보여 드리겠습니다 드롭 존을 사용하여 PHP로 변환하기 이 드롭 존 아래에는 jQuery 플러그인이있다 시작하자 우선, 여기에 폴더를 만듭니다 드래그 앤 드롭 이미지 이제 폴더를 만들었습니다

이제 색인 파일을 만들어서 우리가 만들 것입니다 형태 이미지 업로드 이 색인에서이 부분 만 제거하면 여기에 PHP 부분이 필요 없습니다 자 이제 양식 태그로 시작하고 그 형태로 우리는 드롭 존을 사용할 것입니다 드롭 존으로 시작하기 전에 먼저 드롭 존을 포함시킵니다 내 블로그에서 드롭 존을 다운로드 할 수 있습니다

Wakeman Totten I 동영상 설명에 대한 링크도 포함하십시오 그래서 여기에서 찾을 수 있습니다 그리고이 파트와이 폴더를 다운로드 한 것처럼 이 드롭 존에 드롭 존을 넣으십시오 나는 CSS와 드롭 존 GS 두 파일 만있다 이 부분을 복사하고 붙여 넣기 만하면됩니다

보시다시피 우리는 우리와 함께 드롭 존 파일을 가지고 있으며, 이제부터 조금씩 시작할 것입니다 그것을 만들기위한 부트 스트랩 조금 작고 세련된 이것은 PHP를 사용하여 업로드 된 여러 이미지와 이 기사의 맨 아래에 다운로드 파일을 찾을 수 있습니다 여기, 다운로드 할 수 있으며 드롭 존 파일 만 사용하면됩니다 괜찮아 그래서 우리는 부트 스트랩을 사용할 것입니다 이리 유스 티스 성령 님, 우리가이 CSS를 실행하면 작동하지 않습니다

CSS에서 볼 수 있듯이 우리는 직접 차선에서 사용할 것입니다 그리고 그냥 업데이트 및 CSS가 하나 더 있습니다이 Jumbotron입니다 좋아, 나는 여분의 것을 제거 할거야 너는 아무것도 필요 없어, 알았어

보시다시피, 우리는 이것을 가지고 있고, 우리가 필요로하는 것은 jQuery입니다 JQuery, 나중에 추가하겠다 그래서 지금 우리는 이것을 가지고 있습니다 양식이없는 색인 페이지이므로 양식으로 시작하겠습니다 좋은 출발

여기에서 여분의 코드를 제거합니다 또한 제거하면 아무것도 필요하지 않습니다 우리는 어떤 것도 필요 없다 확인 너는 무엇을 우리에게 줄 것인가? 끌어서 놓기 이미지 업로드 새로 고침하고 볼 수 있듯이 지금 가지고 있습니다 드롭 존 파일이 있으므로 여기에 드롭 존을 포함시킵니다

스크립트를 포함하여 스크립트를 사용합니다 드롭 존 및 그 (것)들을 점 J의 자바 스크립트 및 우리는 또한 드롭 존의 CSS 부분을 포함시킬 것입니다 href 드롭 존 목록 및 속임수를 쓰자 우리가 그것을 새롭게한다면 아무 일도 일어나지 않을 것입니다 왜냐하면 지금 우리는 포함 우리의 코드 드롭 존이므로 드롭 존 코드부터 시작합시다

그래서 드롭 존 코드로 시작하기 위해 우리는 무엇보다도 양식 이것은 우리의 일반적인 양식입니다, 우리는 그것에게 ID를 줄 것입니다 업로드 양식의 내용 좋아, 지금은 행동 부분을 취할거야 액션 부분은 이미지 도트 PHP를 얻을 것이다 방법은 무엇이든간에 우리는 무엇이든 얻을 수 있습니다 그래, 너 한가지 필요해 그것이 ENC 유형입니다

그것의 다중 부분 양식 데이터 우리가 이미지를 사용하거나 업로드하는 동안 우리 양식은 이것을 필요로하기 때문에 ENC 유형의 여러 부분으로 된 양식 데이터 그렇지 않으면 게시물이나 가져 오기에서 이미지 파일을 가져 오지 않습니다 이제 우리의 중단으로 시작하겠습니다 이것은 그들의 수업 그것은 그것이 DZ 메시지 드롭 존 5의 메시지를 보여주는 것입니다 이제 우리는 한가지 더 지역 우리가 할 곳 너는 그 아이콘을 보여줄 것이라고 말할 수있다

내가 할 수있는 수업 괜찮아 우리는 지금 포함하지 않은 멋진 글꼴을 사용합니다 과 크기는 작고 3x 크기의 2 배가 될 것입니다 한 가지 더 이해하면됩니다 이것은 보통 영역입니다 이미지 드래그 이제 우리가 이것을 실행하면 다음과 같이 보일 것입니다

아이콘을 표시하기 위해 우리는 멋진 글꼴을 사용합니다 여기 멋진 글꼴을 사용합니다 그냥 멋진 글꼴을 사용하십시오 복사하여 여기에 붙여 넣으십시오 페이지 새로 고침 그리고 보시다시피 이 여기를 클릭하면 부품에 아이콘이 표시됩니다

드롭 존이 지금까지 초기화되지 않았기 때문에 아무것도 작동하지 않습니다 이제 자바 스크립트 코드로 시작하겠습니다 드롭 존을 초기화하기 위해 Drop June dot 자동 검색 또는 이것을 작성하기 전에 한 가지 작업을 수행 할 것입니다 블로그 자체 여기에서 볼 수 있습니다 여기있어 이 부분 만 복사하십시오

여기에 놓기 영역이 있음을 알 수 있듯이 붙여 넣습니다 그것은 드롭 존, 당신은 여러 개의 드롭 존이 필요하면, 당신은 하나, 둘, 셋, 넷 다섯 다섯 그래서 그것은 단지 하나입니다 그래서 우리는 드롭 존을 사용할 것입니다 괜찮아 지금 이 드롭 존의 ID는 우리와 같은 양식 ID이므로 이걸로 바꾸고 이제 우리는 우리를 실행시키다 다시 프로그램하고 보시다시피 파일 업로드가 시작됩니다 승인 과 이 최대 파일 한도는 파일이므로 모든 것이 고정되어 있습니다

콜백이 사실이거나 거짓임을 발견했습니다 이미지 축소판 만들기 그릇된 초기화가 여기에 있습니다 뭐든지 우리는 성공을 돌려 줄 것입니다 그때 그것은 알림 메시지에 응답 할 알림 메시지로 응답하십시오 좋아

이제 우리는이 부분을 가지고있다 드래그 앤 드롭 이미지 또는 이미지를 시도하고 당신이 볼 수 있듯이 나는 이미지를 넣었고 나는 오류가 발생했습니다 그 4시 4 분을 찾을 수 없음 URL PHP 자습서 끌어서 놓기 이미지가 이미지를 가져옵니다 PHP가 이전에이 서버에서 발견되지 않았습니다 이 우리는 이미지가 필요합니다

이미지 가져 오기 PHP 좋아, 이제 우리는이 파일을이 파일에 저장하고있다 코드를 사용할 것인가? 단지를 위해 폴더에 이미지 업로드 그래서 이것을하기 위해 우리는 단지 우리가 보내는 파일이 무엇이든간에 공백인가요? 좋아, 그럼 우리는 달러 비어 있지 않다 파일이 비어 있지 않으면 달러가 파일에 밑줄을 긋습니다 그런 다음 그렇지 않으면 실행되지 않습니다 파일이 비어 있지 않은 경우 임시 파일은 2 달러 밑줄 파일과 같습니다

여기에 파일과 밑줄 이름 여기에 시간을 사용할 수 있도록 임의의 번호를 만듭니다 임시 파일에서 파일의 임시 이름을 임의로 입력했습니다 이것은 무작위입니다 그래서 무작위로 우리는 타임 스탬프 그리고 목표 부분 될거야 우리의 폴더 우리는 아직 만들지 않았으므로 여기에 폴더를 만듭니다 갤러리입니다

그래서 여기에서 우리는 이 갤러리 슬래시의 이름을 넣어주세요 임시 파일의 임의의 이름 및 대상 경로 지금 우리가 모든 것을 가지고 있다면 그래서 우리는 우리 파일의 유일한 이름을 만들 것입니다 파일 이름은 2와 같다 무작위로 살다 점 달러 밑줄 파일들 파일 및 파일의 이름이 무엇이든간에 이 파일의 새 이름입니다 이제 업로드 된 파일 이동을 사용합니다

이것은 M 파일이며 이것이 우리의 목표입니다 그러나 아니,이게 목표 경로가 아닐거야 이것이 우리 목표 야 이것의 전체 파일을 제출하십시오 대상 파일은 $ 2 대상 경로와 같습니다 닷 달러 파일 이름 괜찮아 그럼이 업로드가 작동하는지 여부를 확인해 보겠습니다

과 여기에 어떤 종류의 오류도 발생하지 않을 것입니다 이미지를 업로드했습니다 좋아요, 우리가 볼 수 있듯이 폴더 갤러리 폴더 그래서, 이것은 우리의 것입니다 지금 이미지 업로드 중 이 비디오에서 추가 할 수있는 한 가지 더 우리는이 이미지를 데이터베이스에 저장할 것이므로 이렇게하기 위해 더 많은 것들을 필요로하지 않습니다 여기에 이미지 수업 만 있으면됩니다

그래서 나는 이미지 클래스를 만들 것이다 이제 이미지 클래스가 생겼습니다 그리고 이미지를 추가 할 때도 여기에서 코드를 사용합니다 과 우리가 연결 파일을 필요로 할 때 이미지 클래스 음식이 여기 있습니다 이 부분을 복사하고 여기에 붙여 넣을거야

이제 알 수 있듯이 연결 파일이 필요합니다 그래서 우리는 우리가 폴더를 생성 할 연결 파일 기능들 여기에서 우리는 연결을 만들 것입니다 PHP 시작 좋아, 너는 이걸 가지고있어 이 연결 클래스에 대해 우리는 블로그 부 여기에 붙여 넣습니다 보시다시피 여기에 데이터베이스 이름이 있습니다

그것이 이미지 데이터베이스입니다 이름은 다시 파싱 할 루트이고 이미지 가져 오기이 로컬 호스트가 있는지 여부를 확인합니다 UHP 내 숙모 Minn 그리고 그때까지 우리는 우리의 죄송합니다 여기에 이미지 클래스가 포함되어 있으므로 이름을 데이터베이스에 업로드하고 우리가 원할 때마다 이미지 재사용 달러 이미지 클래스는 새 것과 같습니다 무슨 일이야 응답이 없습니다

각 반에서 그리고 나서 여기 우리는 달러를 사용할 것입니다 이미지 클래스 함수의 이름은 무엇이지만 이미지를 추가합니다 그건 이미지를 추가하고 여기에 우리는 여기에 데이터 부분을 넣고 있습니다 그래서 우리는 배열을 만들거나 데이터의 경우 하나의 필드 만 있으므로이 파일 이름을 데이터로 만들거나 이미지가 2와 같은 영역을 만듭니다 좋아, 이제 우리는 공습에 파일 이름을 갖게되고 마침내 우리는 우리의 이미지를이 이미지 추가 기능에 게시하십시오

어느 것이 데이터베이스에 이미지를 추가합니다 데이터베이스를 만듭니다 그리고 이름은 드래그 앤 드롭으로 지정합니다 그래서 당신은 드래그 앤 드롭으로 변경하십시오 이리 그리고 거기에서 우리는 테이블 웹을 만들 것입니다

이미지와 열의 수는 다음과 같습니다 ID와 이미지 우리가 필요로하는 것은 아무것도 없다 그래서 이것은 ID이고 자동 번호가됩니다 기본 및 여기서 우리는 어디에서 화상을 걱정할 지 250, 구하다 이제 우리 데이터베이스에는 웹 이미지의 이름에 대한 테이블이 있습니다 그래서 우리는 그것을 여기에서 점검 할 것이다

그 이름은 동일하거나 다른 것입니다 그래서 지금은 같은 이름입니다 우리는 단지 이 부분과 동등하면 얻을 것이다 모든 것이 효과가있다 하지만 지금은 Layton은 1과 2를 반환합니다

그래서 우리는 기부자를 사용할 것입니다 결과는 1 또는 2와 같습니다 괜찮아 그래서 우리는 여기서 F 달러 결과가 1과 같음을 사용할 것입니다 생태 업로드 된 이미지 그 외에는 새로운 괜찮아 이것을 시도하고 작동 여부를 확인해 봅시다 페이지를 새로 고침하고이 이미지를 삽입하겠습니다

당신이 볼 수있는 것처럼 우리는 여기에 문제가 있습니다 연결 파일 필드를 열어야합니다 아니, 그런 클래스 나 파일 좋습니다 업로드 된 이미지가 없습니다 우리가 볼 수있는 기능이 거기에 PHP는 거기에 연결 클래스 점 그런 다음 문제가 무엇입니까? 각 반에는 거기에있다

다시 업로드하겠습니다 한 번 실패한 파일이나 디렉토리가 이미지 클래스로 열리는 것을 요구합니다 알았습니다 우리는 이것을 가지고있다 이미지 클래스 클래스 연결과 함께 Foodland ec TI를 볼 수있는 이미지 클래스 삼촌 더블 – 연결 클래스 도트 PHP는 미스터 퍼트 남 옳은 지금 무슨 일이 일어난거야? URL이 올바르지 않아 작동하지 않습니다

나에게 거짓을 알리고이 문제를 바로 잡자 이미지가 업로드되었습니다 먼저,이 이미지가 있는지 확인하겠습니다 우리 데이터베이스 아래에 이미지가 있건 없습니까? 일치하는 곳에서 확인해 보겠습니다 보시다시피 데이터베이스에 이미지가 있습니다

한 번 더이 부분을 테스트 할 것입니다 우리는 업로드 할 것이다 하나의 이미지를 이미지로 두 개의 이미지 업로드 과 목구멍의 이미지 업로드 된 이미지 두 번이나 볼 수 있듯이 우리는 두 가지 이미지를 가지고 있습니다 폴더에 모든 이미지가 있습니다 빨리 하나 더 만들 것입니다

하나 더 페이지에 이미지 목록 이미지 여기에 우리는 이미지 클래스 테두리 이미지 클래식 이름 이미지 클래스 달러 명부 이미지 사람들의 $ 2 각 반에서 목록 이미지 이제 목록 이미지에 이미지가 있음을 알 수 있습니다 그리고 각 이미지에 사용할 이미지를 보여줍니다 각각에 대해 배열을 사용하므로이 목록 이미지가 추가되고 우리는 IMG SRC는 2와 같습니다 이 달러 값을 유감스럽게 생각하고 여기에 이미지를 사용하고 BR을 사용하여 이미지가 별도의 줄에 표시되도록합니다 실행, 오, 내가 이것과 이것과 이것과 모든 걸릴 수 있도록하자

좋아, 미안해, 우리는 갤러리 슬래시를 잊었다 각 언어에 대해 언어가 올바른지 여부에 따라 속성을 얻으십시오 밑줄 R을 인쇄하십시오 아니면 잠시 우리는 아빠를 바꿉니다 네 그게 문제 였어

이름이 문제 였고 알 수 있듯이 우리는 모든 이미지를 가지고 있습니다 스타일 시트가있는 경우 모든 종류의 스타일 시트를 사용할 수 있습니다 부트 스트랩 열을 사용하는 경우처럼 그런 다음 모든 이미지가 열에 표시됩니다 그래서 이것은 이미지 업로드 방법에 대한 자습서입니다 드래그 앤 드롭으로 여러 이미지를 PHP 드롭 존을 사용하여 jeaious Drop join J로 인해 이미지를 빠르게 업로드 할 수 있습니다 왜냐하면 드래그 앤 드롭 때문입니다

쉽고 사용하기 쉬운 사용자를 볼 수 있습니다 당신이 내 비디오를 좋아하길 바랍니다 문제가 있으면 의견을 말하십시오 부디 알려줘

비디오를 시청 해 주셔서 감사합니다

HTML5: Drag & Drop API

다른 RWD에 오신 것을 환영합니다 오늘 스크린 캐스트, 우리는 다른 것에 대해 이야기 할 것입니다

HtML5 기술은 드래그 앤 드롭 API입니다 드래그 앤 드롭 Api는 HtML5 사양 및 디자이너와 개발자가 사용자가 페이지의 요소를 드래그하여 페이지의 다른 요소와 상호 작용하도록 다른 곳에 드래그하도록 허용 사이의 데이터 전달 요소들과 이벤트 처리기를 사용하여 해당 요소와 다른 유형의 상호 작용을 허용합니다 구문 그래서 이것은 이것에 대한 간단한 개요 일뿐입니다 좀 더 자세히 살펴보고 싶다면 여기에 많은 문서가 있습니다하지만이 책이 흥미롭고 에이 아피, 나에 대해 너무 많이 듣지는 않아서 실제로 나에게 상당히 새로운 것이었다

방금 공유 할만한 가치가 있다고 생각했습니다 약 빠른 메모 사용법 이것은 데스크탑 브라우저에서 꽤 잘 지원되는 것입니다 모바일 구현 전반에서 잘 지원되지 않음 이것이 사실이라는 사실을 고려하면 어떤 의미가 있습니까? 끌어서 놓기위한 것 따라서 이것은 아마도 피하기를 원하거나 적어도 모바일에 대한 어떤 종류의 대체 수단을 가지고있을 것입니다 api에서 드래그 이벤트를 볼 때 여러 이벤트 핸들러가 관련되어 있습니다 끌어서 놓기와 함께 우리는 끌기에 끌기가 있습니다

끌기는 끝납니다 끌기 출구를 입력하십시오 기타 우리는 오늘 드래그 끝 부분이지만 대부분이 다른쪽에도 적용되어야합니다 드래그 앤 드롭 기능

그래서 여기 우리는 단지 일반적인 상용구 HtML 페이지 신분증이있는 시험 아이디어가 담긴 DIV 드래그 가능 속성이 true로 설정된 속성 여기에 우리는 Andrej가 다시 말하지만, 우리가 이야기하고있는 이벤트 처리기이며 인라인이 있습니다 함수 호출 그와 관련된 그 특별한 이벤트이며 자바 스크립트 내에서 정의한 핸들러입니다 드래그 앤 언더 코어 핸들러 하나의 값을 하나의 매개 변수를 이벤트 인 함수에 전달하고 그 이벤트는 발생한 이벤트와 관련된 세부 정보가 포함될 수 있습니다 상호 작용 한 요소에 대한 정보 페이지에있을 수있는 다른 요소는 무엇입니까? 그것은 그것의 위에 떨어 뜨려 졌을지도 모르는 것은 약간의 유료 하중 데이터를 나를 수있다

그 요소와 관련된 다양한 다른 것들을 사용할 수 있습니다 그 요소들 사이에 어떤 종류의 상호 작용 만들기 우리는 또한 여기 csS가있는 일부 CSS를 가지고 있습니다 우리 위치 DIv 요소 절대적으로 왼쪽 및 위쪽 위치뿐만 아니라 그 너비와 높이를 지정하면됩니다 우리에게 이런 식으로 보이는 것을 줄 것입니다 그래서 여기에 파란색 사각형이있는 페이지가 있습니다

거기에 앉아있는 것만으로 그렇다면 우리는 무엇을 할 것인가? 우리 색인에서 HtML을 다시 기억한다면? 우리는 드래그 및 언더 코어 처리기라는 이벤트 핸들러 및 우리는이 함수를 여기에 정의했다 e의 매개 변수를 가져 와서 이제 어떻게 할 것인가 두 개의 변수를 첫 번째로 설정해야합니까? 변수는 x 좌표와 같을 x 좌표가 될 것입니다 페이지 X 값으로 이벤트의 기본적으로 우리가 페이지에 있다고 말합니다 특정 요소가 삭제되고 y 값을 설정하게됩니다

y 값은 다시 y 값으로 설정됩니다 페이지 y 값이 될 이벤트 요소가 떨어지는 위치의 Y 좌표 그런 다음 우리가 원하는 점 때문에 50을 뺍니다 실제로는 맨 아래 위치가 아닌 요소가 50 이니까 50 픽셀을 높이면 최상위 위치를 얻습니다 우리가 원하는 것은 우리가 원하는 요소의 스타일을 설정하고자하는 것입니다

재산을 우리가 방금 찍은 x 값 y 값에 대한 최상위 값입니다 방금 촬영 한 내용이므로 여기에서 콘솔을 가져 오면됩니다 우리가 드래그하면 떨어지지 만, 여기서 볼 수 있습니다 스타일이 변경되면 왼쪽 및 위쪽 좌표가 이제 요소가 누락 된 위치의 값 너를 조정하는 걸 너희들은 잘 알고있어 도중에 다른 콘텐츠가 있으니 그 점을주의하십시오

HTML5에 대해 더 많은 작업을 수행 할 예정입니다 다시 한번 감사드립니다 의견을 남기시고이 메시지를 남긴 분은 언제든지 직감을 무시하고 트위터에 나를 잡아라 내게 당신이보고 싶은 것을 내가 어떻게 생각하는지 알게 해주세요 곧 다시 너를 볼거야

고맙습니다

8.15: Drag and Drop a File – p5.js Tutorial

이 비디오에서 나는 웹 브라우저의 기능과 당신이 할 수있는 것을 보았습니다 자바 스크립트에서 일반적으로 할뿐만 아니라이 것은 p5

js 라이브러리에 내장되어있다 그리고 내가 좋아하는 다소 좋은 방법으로이 기능은 파일을 드래그합니다 브라우저에 넣고 해당 파일을 사용하면 파일이 이미지가 될 수 있습니다 그것은 텍스트 파일 일 수 있습니다, 그것은 일종의 데이터 파일 일 수 있습니다; 데이터가 일이다 장래의 비디오에는 여러 가지가 있습니다

데이터 형식을 사용하면 요청할 경우 할 수있는 많은 잠재력이 있습니다 사용자가 이봐, 내게 이미지를주고 정말 흥분되는 것을 할거야 그 이미지가있는 브라우저에서 재미 있거나 수백 개의 이미지를 제공합니다 그리고 심지어 그럼 그게 어떻게 작동하는지 살펴 보겠습니다

우선 무엇을 의미합니까? 그리고 아마도 나는이 다이어그램이 필요 없을 것 같아요 (웃음)하지만 어쨌든 그것을 그립니다; 웹 페이지에 있습니다 페이지에 영역을 만들 것입니다 권리? 왜냐하면 캔버스를 가지고있을 것이고 나는 페이지에서 파일을 드래그하여 거기에 놓으면 어떤 종류의 파일이있는 경우 이것이 이미지라면 나는 그 이미지가 갑자기 나타나고 싶을 것입니다 캔버스에 그려 어떻게 그렇게합니까? 가자 그러면 나는 이것을 미리 설정해 놓았다

나는이 특별한 것을 가지고있다 예를 들어, 정확히 무엇을 말하고 있는지 알 수 있습니다 이 캔버스는 createCanvas () 함수로 만들어지며 background ()가 호출되어서 검은 색임을 알 수 있습니다 blackground, 그러면 캔버스 위가 파선 영역과 같습니다 여기에 파일을 끌어다 놓는다고 화면에 표시됩니다

이제 그게 어디에서 왔습니까? 그것은 HTML 파일에 기록되므로 여기를 살펴보고 볼 수 있습니다 ahh – 취소 할거야 – HTML 파일을보고 너 그것이 있음을 알 수 있습니다 단락 요소가 있습니다

'여기에 파일 끌기' 나는 dropzone이라는 ID를 주었다 그것을 참조 할 필요가 있기 때문에 헤이! 그건 제가 뭔가를 떨어 뜨릴 수있는 단락 요소입니다 그리고 나는 방금 일부 스타일을 그 dropzone을 참조하는 몇 가지 스타일로 작성했습니다 어쩌면 글꼴 크기가 36pt라고 말할 수도 있습니다 어쩌면 너비가 50 % 인 것처럼 할 것입니다 그래서 이것은 또한 뭔가입니다

이전에 보지 못했을 수도있는이 단위가 모두 있습니다 CSS에서 일어나고 있습니다 : 픽셀의 픽셀; 실제로 픽셀 수와 비슷합니다 그 패딩, 타이포그래피와 관련이있는 것에 대한 pt (포인트) (웃음) 누군가가 내가하는 것보다 훨씬 잘 이해한다고 확신하지만, 점이 클수록 글꼴 크기는 커지지 만 백분율은 %입니다 상대적인; 그래서이 DOM 요소가 항상 크기의 50 %가 될 경우 당신이 지금 다시 볼 수 있다면 당신은 내가 볼 수있는 페이지 크기를 볼 수 있습니다 DOM 요소의 크기가 고정되어 있지 않은 페이지는 항상 크기가 50 % 페이지의 그것은이 비디오에 추가되는 멋진 작은 팁 비트입니다

어떻게 파일을 드래그 할 수 있도록 만들 수 있습니까? 필자가 지금 파일을 드래그하면 어떤 일이 발생합니까? 나는이 파일을 여기로 끌고, 나는 그것을 버리고 잃어버린 것이다 나는 페이지에서 사라져 버렸다 당신은 그것이 무엇인지 볼 수 있습니다 그 파일은 문자 그대로 문자 그대로 페이지 그것은 내가 모르는 박테리아 파일 일뿐입니다

무지개와 유니콘이 아닌 박테리아가있는 것 외에 나는 갔다 잘못된 방향으로 (웃음)하지만 재미 있습니다 좋아, 음 그래서 나는해야한다 먼저이 작업을 수행해야합니다

자바 스크립트 이벤트를이 요소에 추가합니다 이벤트를 처리하고 싶습니다 브라우저가 저를 위해 그 사건을 바로 처리 했습니까? 파일을 드래그하여 브라우저는 '우'처럼 가정합니다 브라우저이고, 파일을 드래그하고 있습니다 열어 봐

' 나는 브라우저에 말하고 싶다 "아뇨, 아뇨, 아뇨, 여기 책임자예요 네가 할 일을 하지마, 너를 위해서 다른 걸 얻었 어 뭔가 다른 계획을 세웠습니다 "그래서 내가 여기 와서 내가 먼저해야 할 일은, 아, 변수를 만들고 select ()를 호출하여 select, let 's 다른 곳에서 액세스하려고 할 수 있으므로이 변수를 전역 변수로 지정하십시오

나는 dropzone을 선택한다고 말할거야, 지금 여기서하고있는 것 어느정도 혼란 스러울 지 모르지만 나는 이것을 매우 편리하게 생각한다 나는 변수를 똑같이 이름 짓기를 좋아한다 id라는 이름으로, 그것은 절대적으로 재발행되지 않습니다 이드는 완전히 될 수있다

diff, 그리고 아무도 그들이 알고 있는지 여부를 알지 못한다 그냥 프로그래머, 나에게 조금 편리하지만, 나는 그렇지 않다 거기서 일어나는 일과 같은 것이 있다는 것을 혼란스러워하기 바란다 그게 바로 변수 이름에 이드와 같은 이름을 붙이는 것입니다 좋아 다음엔 (한숨) 당신이 지역에 이벤트를 첨부 할 수 있다는 것을 알고 있습니다

해당 이벤트를 호출하여 해당 객체에서 호출되는 함수로 그래서 mousePressed () 이벤트, changed () 이벤트, input () 이벤트 mouseOver (), mouseOut () 이것은 내가 본 이벤트입니다 이전 동영상에서 새로운 이벤트가있어 (웃음) 기억 안나 그것이 무엇인지 불렀지 만 드래그되는 것이 하나 있다는 것을 안다

dragOver () so dragOver 이벤트는 highlight라는 함수로이를 처리합니다 그래서 나는 함수 highlight (), dropzone dot 스타일, 배경을 말할 것이다 색상을 좀 알려주세요 여기를 축소하면됩니다

그래서 지금 이것은 최소한 하나의 이벤트 드래그를 처리했습니다 이 파일을 드래그하면 회색으로 변합니다 이제는 절대로 회색이 되긴했지만 적어도 나는 그 사건을 가지고있다 그래서 이것은 아무 것도 아니다 지금까지해야 할 일은 파일을 처리하는 것과 아무 관련이 없습니다

그 위에 끌면; 그 위에 마우스를 올려 놓으면 아무것도하지 않습니다 파일없이 마우스를 끌면 아무 것도하지 않습니다 이 이벤트는 파일을 드래그하여 회색으로 표시되는 경우에만 표시됩니다 그래서 내가 할 수있는 한 가지는 파일을 드래그하는 것과 그럼 "아니, 아니, 아니 나쁜 생각 나쁜 생각은 파일을 가져 가라 어쩌면 내가 그것을 강조하고 싶지 않을까? 그래서 나는 기억할 수 없다고 말할 수있다

그것은 무엇이라고하지만 나는 그것을 dragOut () unhighlight 생각하고 난 그냥 다시 설정합니다 배경색이 어색해요 다른 기능을 쓸거야 배경색을 흰색으로 바꾼다면 이제는 자신에게 질문을 할 수도 있습니다 다른 동영상에서이 문제를 해결할 수 있지만 질문 할 수 있습니다

왜 내가이 두 가지 기능을 필요로합니까? 정말 그 중 하나의 기능만을 사용할 수 있습니다 논쟁을 받아 들인다 : 백색 또는 검정 나는 백색 또는 회색을 의미한다, 그리고 나서 dragOver는 회색으로 그 기능을 호출 할 수 있습니다 white gray huuh dragOut 흰색과 함께 그 함수를 호출합니다 이것은 실제로 javascript 나는이 방법을 편의상 다시하고 있기 때문에이 방법을 사용하고있다 방법은 어떤 종류의 논쟁을 얻을 수있는 일종의 까다 롭습니다 그 기능들 나는 그것에 도착하고 싶다, 나에게 상기 시켜라! 나에게 상기 시켜라! 나에게 상기시켜

나는 기억할 것이다, 좋은 시나리오를 생각하고 좋은 비디오를 만들려고 노력할 것이다 자바 스크립트의 근본적인 측면과 같은 일종의 원인 그것은 closure라고 이름이 지어지는 ok를 사용한다 그래서 우리는 지금 그것을하지 않고있다 지금 당장이 일을하고 있지 않다 하지만 그 질문을하는 것이 옳습니다 (웃음)

내가 은유 적으로 말하는 사람이라고 생각하는 사람은 너를 의미한다 음 예 좋아, 음, 정의되지 않은 함수 라인 8 드래그

아마도 dragOut이 잘못되었습니다 (웃음) 그래서 우리가 이것을 어떻게 알아낼 수 있을까요? p5 DOM API가 무엇인지 상상해보십시오 이걸 좀 봐라 그러면 네가이 일을하고이 오류가 생기면

당신은 그것을 찾는 방법을 찾고 싶었습니다 당신은 브라우저를 열 수 있습니다 너는 p5jsorg에 가서이 uuhh 음을 클릭 할거야 당신이 참조 아래에 이것을 찾을 수 있어야하고 그것이 바뀔 것이라 확신합니다

어느 시점에서 곧 찾을 수있는 더 쉬운 방법은 도서관 밑으로 갈 것입니다 그리고 p5 DOM으로 갈거야 그리고 이제 나는 이것들 모두를 봐야 해 이 모든 방법들을 살펴보고 나는 드래그라고 불렀다하지만 우리는 볼 수있다

여기 혼란 이벤트는 실제로 dragLeave ()라는 이름입니다 dragLeave 함수와 addClass () 및 removeClass ()가 있습니다 흥미롭게도 수업 시간에 일어난 일에 대해 생각하고 있습니다 이전 동영상과 나는 그것이 실제로 변경되어야하지만 어쨌든 궁금해 아, 그것은 내 자신의 시간에 그렇게 생각해야 할 부차적 인 주제입니다 dragLeave ()는 내가 원한 함수의 이름입니다

그래서 그것을 최소화하고, 돌아와서 나는 그것을 클릭하여 볼 수있었습니다 좀 더 자세한 정보는 있지만 지금 당장 할 필요는 없습니다 여기에 dragLeave를 입력하면됩니다 다시 그리고 여기 우리는 파일을 떠난다, 파일은 그 일을 떠난다 좋은 작은 UI가 사용자 인터페이스 상호 작용 설계에 얼마나 좋았는지 (웃음) 풍자적이다

음,하지만 이걸 좀 더 직관적으로 처리 할 수 ​​있다는 것을 알 수 있습니다 너가 너의 것을 끝낼 때의이 유형의 사건 그런 것, 그러나 우리는 흥미 진진한 종류를 놓치고 있습니다 이것은 마치 내가 좋아하는 것 같이 아무 일도 일어나지 않을거야 저것 똑같은 일이 생겼어

그 이벤트는 마우스를 놓을 때의 드롭 이벤트입니다 해제 조치; 이것은 내가 릴리스 동작을 흉내 낸다 나는 처리 할 필요가있다 그 이벤트와 그 이벤트는 drop () 함수로 처리됩니다 이제 어떻게 될까? 여기에서? 이것에 대해 잠시 생각해 봅시다

이것을 실행해라 일어날 일이 두 가지있다 교활한; 한 가지 일은 다른 파일을 읽어야한다는 것입니다 일어날 필요가있는 일이 있습니다 저는 이것을 실제로 알고 싶습니다

거기에는 정말 두 가지가 없습니다 그렇지 않습니다 직관적으로 두 가지가 없습니다 소지품; 바로 그 순간이 있단 말인가? 나는 떨어졌다 그래서 내가 떨어질 때 나는 같은 스타일을 적용하는 것과 같이 해당 이벤트를 처리하고 싶습니다

unhighlighitng 그것을 누른 다음 나는 또한 떨어지고있는 파일을 읽고 싶다 하지만 실제로는 두 개의 분리 된 콜백으로 나뉘며 실제로 그것에 대한 좋은 이유와 좋은 이유는 내가 이 모든 이미지들을 가져 가라 이 모든 이미지를 브라우저로 드래그하면 어떻게 될까요? 한 번에 하나씩 각 파일을 처리하기 위해 콜백이 필요하지만 단 하나만 있습니다 그런 의미에서 그렇게 떨어지는 순간과 나는 어느 것을 잊어 버릴까요? 참조로 돌아가서, 아아아, 내가 여기에 참조로 돌아 가게 해줘 이 드롭 이벤트를 클릭하면 이걸 읽을 수 있습니다

(콜백, 콜백) 그래서이 callb보세요 첫 번째 콜백이 발생했습니다 파일이 삭제 될 때 이벤트가 실제 이벤트를 삭제합니다 두 번째 콜백은 파일이로드되고 실제로는 별도의 시간에 발생하므로 드래그 앤 드롭 방식으로 500MB 이미지 파일 맞지? 그 순간은 즉시 발생하지만 브라우저를 사용하게 될 수도 있습니다 그 아주 큰 파일을 읽는 동안 꽤 오랜 시간이 걸렸습니다

그래서 그것들은 두 개의 분리 된 파일입니다 이벤트가 끝나면 내 코드로 돌아갈 수 있으며 언제 내가 알 수 있다고 말할 수 있습니다 그것을 놓으십시오 나는 또한 상자 권리를 unhighlight하고 싶다? 그건 내가 그것을 강조하고 싶네 그리고 파일을 처리하고 싶습니다 그래서 지금은 acc입니다

두 가지 일을하고 있습니다 내가 그것을 버리 자마자 상자를 비우고 새로운 함수를 불러올 것입니다 gotFile () 흥미롭게도 함수 gotFile (file) 그러니 이걸 실행하고 여기에 유니콘을 끌 때 적어도 한번 보자 그냥 유니콘 만 보자 하이라이트가 맞다 그것을 강조 표시합니다

강조 표시를 해제하고, 강조 표시를 해제합니다 나는 기본 브라우저 동작을 기본 브라우저 동작으로 변경했습니다 그 파일을 열어봤을 텐데 지금은 여기에 간다 이제는 원하는대로 할 수 있고 무엇이든 할 수있을뿐만 아니라 내가 원하는; 그 파일에있는 데이터로 원하는대로 할 수 있습니다 예를 들어, createImg (file)라고 말할 수 있습니다

이제는 실제로 생각하지 않습니다 일 (웃음) 나는 그것이 작동하지 않을 것이라는 것을 안다 그러니 그걸로 시도해 보자

이 무지개가 맞습니까? 뭔가가 거기에 등장했지만 깨진 것 같아요 이미지이므로 여기에이 함수가 제공하는 인수 이것은 실제로 당신에게 다소 새로운 것이 될 수 있습니다 highlight () 또는 unhighlight ()와 같은 Google 콜백에는 데이터가 없습니다 그것과 함께 도착; 그래서 이것은 새로운 시나리오입니다이 콜백 p5는 파일을로드 할 준비가되었을 때 콜백을 트리거하지만 전달도 가능합니다

변수와 그 내부 변수는 단지 p5는 정말 멋지 네요 친구가 p5와 같은 모습을 보여 주면이 기능을 부르겠다 이 변수를 건네고 그 변수를 채울거야

해당 파일과 관련된 모든 데이터와 함께,이 파일 변수는 실제로 p5 파일 객체의 인스턴스와 같은 모든 정보가 있습니다 나는 그 파일의 이름이 얼마나 큰지 알고있다 많은 메타 데이터가있다 그 파일과 관련이 있고 그 파일에있는 것이 뭔가라는 속성입니다 데이터와 그 데이터가 파일에있는 텍스트 일 ​​수 있습니다

다른 일부 데이터 형식은 파일에 있거나 이미지 데이터 일 수 있습니다 그래서 만약 내가 createImg (filedata) 이제 이것을 보아라! 오, 오, 오케이, 참조를 보자 나는 내가 도망 간 것을 구했다 꽤 맞았다는 것이 확실하지만 여기에 약간의 문제가 있다는 것을 알고 있습니다

작동하므로 참조로 돌아가서 참조 및 파일 mmmh 파일을 찾고 싶습니다 이 파일은 p5 파일 객체입니다 누군가 나를 위해 그것을 빨리 찾아라! (웃음) p5 이미지 p5file 음이 보이지 않아서 어째서 어떤 이유로인지 알 수 없습니다 그것이 아마 있어야하는 참조는 과감한 복용입니다

여기서 측정하고 p5js GitHub 저장소로 이동합니다 나는 단지 실제로 찾아야 만한다 내가 뭘 찾아야하는지 알지 예

실제로이 작업을 수행하는 예제가 있습니다 나는 갈 수 있었다 나는 이것을 GItHub 저장소에 넣을 예정이었다 네가 좋아하는 것처럼 느껴질거야 빨리 비디오를 통해 좋아

30 초 또는 1 분이면이 부분을 건너 뛸 수 있지만 찾아 볼 것입니다 어쩌면 배우기도하고 DOM 아래에서 아 봐요 p5 요소 아래에있는 아아가 아마도이 드롭을 찾을 수 있습니다 올바른 장소 예 예 아니오 예 아래에 있습니다 ran-dom dom, 아하 거기에 우리가 아 아 아 아 파일

data 잘 골리에 의해 나는 옳았다 나는 아니었다? createImg (filedata) 그래서 그것의 내가 뭘하려고했는지, 왜 그 일을하지 않았 니? (웃음) 그냥 좋아, 그럼 어쩌면 이것에 대해 조금 체계적으로 보자 내가 잘 모르겠다

예를 들어 보자 거기에 메타 데이타가 있는지 봅시다 Imma는 createP (filename)라고 말합니다 ahh createP (file

type), createP (filesize) 등등 거기에 모두 파일에는 이와 관련된 모든 메타 데이터가 있습니다 그것의 이름, 그것은 형식이야 크기이기 때문에 단지 문자열 일 뿐이며 데이터는 실제로 문자열이어야합니다

이미지 물건 그래서 이것을 실행 하고이 무지개 파일에 드래그하자 정의되지 않은 드롭이 정의되지 않은 것을 볼 수 있습니다 우, 너는 내가 뭘했을지 짐작할 지 모르겠다 내가 한 일을 안다 나는 아마도 그것들의 순서를 뒤집었다 나는 그 콜백의 순서를 바꾸었다

그래서 이것은 매우 흔한 일입니다 일어나는 일, 내가 너를 그냥 망쳐 놓는 걸 즐기지 않는거야? 항상 지껄 인다? 나는 네가 정말로 희망한다 그래서 이것은, 이것은 여러분이 우리가 이것을 보았고 깨달았 음을 알려주는 것입니다 콜백이 트리거하는 것처럼 나는 트리거한다는 것을 의미합니다 두 콜백이 있기 때문에 둘 다 트리거됩니다

하지만 아마도 잘못된 순서로 그들을 유발하고 있습니다 그래서 p5 참고 문헌 ahh ahh library로 돌아가 봅시다 DOM; 이 드롭 함수를 여기서 보시고 다시 읽도록하겠습니다 첫 번째 콜백은 파일이 삭제 될 때 트리거됩니다 두 번째 콜백이로드 된 파일을 수신하도록 트리거합니다

내가 그랬던 것처럼 그게 아니야? 처음 콜백하지만 하지만 나는 완전히 내 실수가 아니므로 참조를 느끼고있다 나는 참조가 나를 잘못 인도했다는 느낌이 들었다 아마 첫 번째 인자는 파일을 다루는 calback 일 것이다

두 번째 인수는 그냥 이벤트를 처리하는 콜백입니다 떨어지는 사건 그래서 이것을 다시 시험해 봅시다 그리고 우리는 여기 야아! 그래서 나는 내 를 얻었고, 내가 var 이미지가 같다고 말할 무언가를 해봅시다

crreateImg () imagesize (100,100)라고 말하면 createP를 할 것입니다 하나의 문자열에 합류하게 될 것입니다 이 모양이 좀 더 짧아서, 이제 다시 한번 보겠습니다 우리가 드래그하는 좋은 순간을 가질 수있는 더 큰 창을 만들거야

여기 유니콘, 우리 유니콘이 있어요 나는 무지개를 끌고 있습니다 무지개 나는 여기에 또 다른 무지개를 끌고있다 여기서 볼 수 있습니다

파일이 들어오고 있습니다 파일을 페이지에 추가하고 있습니다 또한 정보를 얻습니다 파일의 크기, 파일 이름 나는 그 정보를 사용할 수 있었다 그래서 (심호흡을가집니다) 이것은 잘하면 흥미 롭습니다

내 말은, 정말 아무 것도하지 않고 또한 언급해야한다는 것입니다 이게 효과가 있음을 증명해 보겠습니다 다시 시작하려면이 페이지 새로 고침 한 번에 모든 이미지를 드래그하자 그러면 모든 이미지가 나타납니다 그래서 우리는 처리했습니다

콜백은 각각 여러 번 트리거되었습니다 이미지 um 그래서 내가 생각하기에 좀 더 할거야 DOM 요소가 있으므로 마술처럼 보일 것입니다 여기에 파일을 드래그한다고하는 점선과 같습니다 DOM 요소를 드래그하여 버튼처럼 사용할 수 있음을 알 수 있습니다

또는 슬라이더는 간신히 어떤 의미를 갖지만 하지만 실제로이 예제에 대해 무언가를 해 보겠습니다 아아아, 드래그 앤 드롭 2 잊어 버리는 걸 말 할거야 이 dropzone 것에 관하여 저것을 거기에서 가지고 가십시오, 저것에서 그것을 가지고 가십시오; 캔버스를 변수에 저장하고 canvasdragOver라고 말하지 않는 이유는 무엇입니까? canvasdragLeave, canvas

Drop 그래서 이것을 실행하면 이것을 볼 수 있습니다 이제이 이미지를 가져 와서 드래그 할 수 있습니다 그것은 캔버스 위에; dropzone 정의되지 않습니다 아, 오, 좋아, 난 아무것도 필요 없어 이 스타일링 물건의 정직 당신과 정직하게 나는 내가 훨씬 더 간단하게 할 수 있다는 것을 신경 쓰지 않기로 결정했다 내가 아는 한 통화 콜백을 사용할 수 있습니다 그냥 시각적 인 피드백 부분을 건너 뛰는거야? 그래서 무엇이든 끌고 갈 수 있습니다

drop 요소와 이제는 이것에 대해 다른 방식으로 생각해 봅시다 if 캔버스에 요소를 드래그하면 이미지를 볼 수 있습니다 캔버스, 그래서 내가 뭘 할 수 있을까? 이미지 함수를 호출 할 수 있습니다 이미지 (img, 0, 0, width, height) 이것은 다시 차이점입니다 DOM 요소 이미지를 만든 다음 그림을 그리는 것과 이미지를 캔버스에 넣습니다 image () 함수는 그 이미지가 드로잉 이미지를 사용하거나 캔버스에 이미지를 생성하면 createImg는 DOM 요소; 그래서 이제 우리는 이걸 아셔야합니다 지금은 이미지의 왼쪽 상단 모서리가 작아 보입니다 그걸 놀라게하는 이유는 아마도 너비가 그리고 음 의 높이가 놀랍습니다 나는 그것이 조금있는 것처럼 느낀다 거기에 p5 버그 같은 비트 나 작동하지 않는 wh이 뭔지 모르겠다

그걸 조사 해봐 하지만 내가 너에게 보여주고 싶었던 것도 나는 그것이 음을 통해 이미지를 만드는 방법으로 그것을 할지라도 나는하지 않는다 이 ahh 음 데이터를 얻는 것 같은 방법으로 이미지를 만드는 방법 아 내가 사용할 수있는 파일, p5 함수 imagehide ()를 사용할 수 있습니다

그래서 나는 그 DOM을 만들 수있다 요소를 사용하여 파일을 열면 즉시 숨길 수 있습니다 그것은 캔버스에 그리고 저는 실제로 이것이 일하고 있다는 것에 놀라움을 금치 못했습니다 내가 깨달았 기 때문에 나는

다른 생각이 들었다고 생각했다 이것과 관련된 문제 오,하지만 지금은 효과가 있습니다 내가 너비와 높이로 놓친 것은 어쩌면 그 전에

그 크기 아마 물건을 엉망으로 만들었을거야 하지만 이걸 봐라 당신이 지금 볼 수있는 투명한 이미지였습니다 나는 이미지를 드래그 앤 드롭합니다 캔버스에 나는 그곳에 이미지를 본다 그래서이 특정 비디오를 마칩니다 음, 내가 보여주고 싶은 것이 내가 한 것 같아 그것은 페이지의 모든 요소에서 만들 수있는 아이디어입니다

그 위에 파일을 드래그 할 때 처리합니다 그 위에 파일을 드래그하면 실제로 드롭합니다 그 파일을 이미지 파일이라면 그 이미지를 사용하여 이미지 데이터와 음 앞으로 다른 비디오에 대해 이야기하기

아마 텍스트 파일을 가지고 그것을 어떻게 할 것인지를 보여줄 것입니다 텍스트 파일에서 단어를 계산하는 것과 비슷하지만 조사 할 수는 있습니다 loadStrings () 함수와 일종의 어떻게 당신이 그것을 할 수 있습니다 음 나는 좋은 운동이 없다

나는 생각할 수 없다 나는 무엇인가를 쓸 것이다 기술 감사합니다 DOM 비디오가 한 가지 더 있습니다

이 후 자막 Amaraorg 커뮤니티

Change upload images position in 3 steps by drag and drop (php & mysql)

안녕하세요, 오늘 저는 PHP와 MySQL에서 업로드 된 이미지의 위치를 ​​변경하는 방법을 보여 드리려고합니다 이게 내 데모 야

이제 나는 그들의 위치를 ​​바꿀 것이다 당신은 자신의 위치가 변경되었습니다 볼 수 있습니다 나는 이미지 2와 이미지 4를 삭제합니다 나는 그들의 입장을 다시 바꿀 것이다 그것은 나를 위해 완벽하게 작동합니다 당신은 3 단계로 그것을 할 수 있습니다 첫 번째 단계는 데이터베이스를 만듭니다

드래그 앤 드롭 이미지라는 데이터베이스를 만듭니다 utf8 unicode ci를 선택하십시오 product라는 테이블 만들기 제품 이미지라는 다른 테이블을 작성하십시오 ID, 제품 ID, URL, 위치, 날짜 두번째 단계

내 프로젝트라는 폴더를 만들었습니다 이 파일은이 비디오의 설명에서 다운로드 링크를 볼 수 있습니다 그것을 다운로드하여 내 프로젝트 폴더에 놓으십시오 이제 나는 그것을 추출 할 것이다 mysqli를 사용하는 경우 두 개의 폴더가 있고 첫 번째 foder를 선택한다

mysql을 사용하고 있다면 두 번째 폴더에 저장한다 ReadMe 파일을여십시오 이제 데이터베이스 연결 정보가 변경됩니다 로컬 호스트, 사용자 이름, 암호 데이터베이스의 이름을 복사합니다

나는 여기서 바꾼다 내 코드를 실행합니다 나는 새로운 제품을 추가하기 위해 그것을 admin 폴더에 넣었다 이것들은 일부 허용 된 파일 유형입니다 원하는 경우 변경할 수 있습니다

여기에서 변경할 수 있습니다 축소판 이미지의 너비와 높이를 변경합니다 보시다시피 javascript와 php의 두 부분으로 나뉩니다 자바 스크립트, 당신은 여기에서 바뀐다 예를 들어 이미지를 업로드합니다

이미지 1을 선택합니다 너비는 800 픽셀입니다 높이는 600 픽셀입니다 보시다시피, 이미지 크기가 변경되었습니다 AWith PHP, 당신은 product

php 파일에서 변경할 수 있습니다 작은 크기의 이미지를보기위한 Javascript, 서버에 저장할 때 이미지의 크기를 조정하는 PHP 마찬가지로 크기가 큰 이미지를 저장하는 두 개의 폴더가 있습니다 마찬가지로 크기가 큰 이미지를 저장하는 두 개의 폴더가 있습니다

Codeigniter 3 Tutorial – AJAX Drag and Drop files upload with Codeigniter and DropzoneJS

안녕하세요 코디네이터 비디오 튜토리얼을 환영합니다

오늘 우리는 codeigniter와 함께 멀티 파일을 동 기적으로 업로드하는 방법에 대해 토론하고 Dropzone Js DropzoneJs는 드래그 앤 드롭 파일을 제공하는 오픈 소스 라이브러리입니다 이미지 미리보기로 업로드합니다 가볍고 다른 어떤 것에도 의존하지 않습니다 라이브러리 (jQuery와 같은) 및 고도로 사용자 정의 할 수 있습니다

DropzoneJs에 대한 자세한 내용은 여기 dropzonjs 웹 사이트에서 볼 수 있습니다 그래서, 여기에서 우리는 건설 할 것입니다, 여기에서 우리는 할 수 있습니다 이 영역을 클릭하고 파일을 선택하거나 여러 파일을 선택하면 파일을 열 때 파일이 비동기 적으로 업로드 될 수 있습니다 우리는 여러 이미지를 선택하고 드래그 앤 드롭 할 수 있습니다 여기뿐만 아니라

또한 우리는 서버에 이미 저장된 파일을 보여줄 수 있습니다 마지막으로 삭제할 수 있습니다 모든 파일은 링크를 제거합니다 좋아, 충분히 이야기하자 여기에는 기본 설정과 함께 codeigniter가 있습니다

그냥 url과 form helper를 자동로드합니다 내가 dropzone 및 jquery를 포함하는 공급 업체 폴더를 만들 수 있습니다 공식 웹 사이트에서 dropzone 및 jquery를 가져 오거나 얻을 수 있습니다 이 비디오 설명에서 제공하는 링크의 codeigniter 기본 설정 새 컨트롤러를 만들고 이미지 컨트롤러로 저장하고 인덱스 메서드를 만듭니다

여기서 indexphp라는 이름의 뷰를로드합니다 views 폴더에 새로운 indexphp 파일을 생성하고 기본 폴더를 생성 해 봅시다 HTML 마크 업, dropzone 및 jquery 라이브러리로드

여기에 Dropzone의 스타일 시트 그 아래에는 DropzoneJs 및 jQuery의 스크립트 또는 javascript가로드됩니다 여기에 업로드 할 이미지 또는 URL에 대한 URL 또는 액션이있는 form 태그를 만듭니다 dropzone을 첨부하려면 dropzone 클래스를 추가해야합니다 이미지 컨트롤러에 대한 기본 경로를 변경해 보겠습니다 업로드하려고하면 여기에 오류가 있습니다

이미지 / 업로드 URL을 찾을 수 없습니다 이미지 컨트롤러를 열고 새로운 업로드 방법을 만듭니다 여기에 업로드 할 파일이 있는지 확인합니다 그리고 여기서는 basic과 함께 codeigniter 업로드 라이브러리를 사용할 것입니다 구성 오류 dropzone에 의해 '파일'을 파일 이름으로 사용하십시오

따라서 do_upload 메소드에서 'file'을 전달합니다 업로드 할 때 오류 메시지를 표시하지 못했습니다 좋은 여기서 우리는 form_open_multipart를 사용하지 않지만 dropzone은 자동으로 처리합니다 여기에 우리는 하나 이상의 파일 서버를 업로드 할 수 있습니다 dropzone 파일의 기본 설정을 설정하지만 페이지를 새로 고침 할 때 박수를 치는 이미지를 제거하거나 표시 할 필요가 없습니다

그렇게하기 위해서 우리는 트럭과 프로그램을 프로그래밍 방식으로 설정해야합니다 그렇게 모두를 제외하고는 여기에서 이미지를 제한하려고합니다 그래서 여기에서 우리는 파일을 허용했습니다 이미지에 대한 속성 이제 오류로 인해 서버에 업로드 된 파일을 제거 할 수 있습니다 실제 파일이 아닌 시간 만 제거합니다

여기서는 제거 된 파일 기능을 제거하고 NJ를 수행하여 파일을 제거하도록 정의합니다 판매 중 우리는 파일을 얻는다 파일의 이름 인 비용이 제거되고 파일을 검사했습니다 이름이 비어 있지 않으며 파일이 서버에 존재합니다 확인 분석가 용 우리는 서버에서 파일을 제거했지만 다른 시간은 사라지지 않습니다

우리는 작은 선이 필요하다 우리가 서버에 업로드 파일을 검색했는지 확인합니다 이미 파일이 있습니다 서버 및 다음 우리는 페이지가 룬드 일 때 보여줄 필요가있는 한 걸음 더 나아야합니다 전자 메일은 이미지가 보여주는 첫 번째 바람의 실행 패션쇼 이 함수에서 생성 된 입장에서의 변화를 우리는 juku recap 메시지라고 부릅니다

최소한 검색에 이미 존재하는 모든 파일 우리가 지정한 강력한 파일에 모든 파일을 가져 오기 위해 파일 이름을 얻는다 여기에 크기가 네 가지 목이 파일 암호화가 필요하기 때문에 여기서 우리는 새로운 이름을보고 새 이름을 만든다 사후에 이름을 구성하는 새로운 RI 저스틴 코드 파일을 호출하여 해당 그림을 PHP에 저장했지만 오류가 발생했습니다 여기 잠시 동안 이미지 새로 고침 우리는이 서버에서 볼 수 없다 승인 및 응용 프로그램 / 프랑스어 그가이 평균 선장이기 때문에 나를 잊지 마라

온화한 반응은 좋아요 Google에서 성적인 업로드 파일을 삭제했으며 우리가 만들 예정인 모든 파일을 보여줍니다 구조 스타일에 약간의 변화가 있습니다 주제 메시지가 바뀝니다 우리가 트로이 목마 파일에 약간의 변화가 있었다는 것을 알고 트로이 목마에

jQuery Tutorial – File Upload With jQuery & Ajax & PHP – Drag And Drop

이 튜토리얼에서는 jQuery를 사용하여 호스팅에 파일을 업로드하는 방법을 학습합니다 이봐 요, 안녕? 상원 의원은 여기 codingpassiveincome

com에서 왔습니다 내가 다른 사람들이 웹 개발자가되는 것을 돕는 곳, 훨씬 쉽고 빠름 그들은 자신의 것으로 그것을 할 것입니다 그게 당신이 관심있는 무언가라면 구독하기 자, 이제 저는 PHPstorm에 왔습니다 저는 새로운 프로젝트를 시작했습니다

이름은 jQuery 파일 업로드 스크립트입니다 이미지 폴더와 내부를 만들었습니다 image folder 나는 하나의 파일 logopng을 가지고있다 한 폴더 업로드 및 빈 index

php 파일 내가 할 일은 먼저 만들 것입니다 일반 HTML 문서이며,이 튜토리얼의 기본적인 디자인이다 그래서 몸 안쪽에 하나의 div가있을 것입니다 나는 ID dropZone을 말할 것입니다

기본적으로 파일 끌어서 놓기를 사용할 수있는 위치이며 업로드 할 파일을 선택하십시오 안쪽에 <h1> 드래그 앤 드롭 파일이 표시됩니다 그리고 여기 내가 말할 것이다, 나는 하나의 입력 유형이 파일이 될 것이다

파일 업로드에 ID를 설정한다고 가정 해 보겠습니다 첨부 파일 이름을 붙이면됩니다 여러 파일을 선택할 수 있다고 말하려고합니다 이 부분 위에서 내가 할 것이다 하나의 이미지를 넣으십시오

그것은 단지 내 로고, 두 개의 새로운 라인과 아래 h1 ID가 진행되고 그 아래에 하나의 ID가 있어야한다고 가정 해 보겠습니다 나중에 우리는 그 사람이 업로드 한 파일을 추가 할 것이고, 그래서 그것은 마치 시사 그리고 그게 전부예요 나는 단지 선언 할 것이다, 단지 빨리 보자, 어떻게 보이는가? 그래서, 이것이 기본 디자인이고 저는 스타일을 추가 할 것입니다 그래서, 그것은 조금 보인다

조금 더 멋지다 시체에 대해 말하면 더 좋아, 이렇게 사용합시다 그리고 여기 나는 dropZone에 대해서 말할 것입니다 가능한 한 클래스 인 경우 여기에서 ID를 사용하므로 #dropZone을 사용하고 있는지 확인하십시오dropZone을 사용하고 보더를 3 픽셀이라고 말하자 기본적으로 내 브랜드 색상입니다 패딩을 50 픽셀로 설정하고 너비를 말하자 나는 500 픽셀을 말할 것이다 그럼 그냥 보자

따라서 볼 수 있듯이 그것은 중심에 있습니다 아마 내가 가야 겠어 나는 그저 더 단순하게 사용하겠다 나는 그저 말할 것이다 이 태그는 우울증 태그이지만이 튜토리얼에서는 그렇지 않습니다

훨씬 중요합니다 그래서 이것과 파일들에 대해 말하자 1 픽셀은 점선으로 표시하고 동일한 것을 사용합니다 나는 20 픽셀 너비 200 픽셀을 패딩하고 거의 그 것이다 그래서, 이것은 기본 디자인입니다, 나는 또한이 작업을 진행할 것입니다

좋아, dropZone에 대해서도 여백을 볼 수 있습니다 – 상위 20 픽셀 이것이 우리의 기본 디자인입니다 지금은 파일 표시 없음을 설정합니다 그래, 이제 기본 디자인을 가지고 일단해야 할 일은 다음과 같습니다 우리는 jQuery 라이브러리 및 jQuery 파일 업로드 플러그인을 포함 할 예정입니다

그래서, 첫번째로 나는 코드 jQuerycom으로 갈 것이고 여기서 우리는 모든 jQuery 라이브러리의 버전 나는 최신 것을 골라 낼 것입니다, minifed, 여기서 나는이 코드를 복사 할 것이다 여기를 클릭하여 복사 할 수도 있습니다

클립 보드에, 당신이 무엇을 하든지 좋아합니다 그리고 닫는 body 태그 바로 앞에 이 코드를 붙여 넣으면이 코드를 사용하는 방법입니다 좋아, 이제하자 다운로드 jQuery 당신은 google에 가서 jQuery 파일 업로드를 입력 할 수 있습니다

플러그인을 설치하고 나면 복제본을 다운로드하거나 다운로드하여 다운로드 할 수 있습니다 나는 할 것이다 이 자습서의 폴더에 저장하십시오 저장, 알았어 폴더에 표시된대로 이동합니다 여기에서 추출 할거야

이제 우리는 파일이 많이 있다는 것을 알 수 있습니다 하지만 우리가 필요로하는 파일이있는 유일한 폴더는 JS입니다 그래서, 우리는 단지 움직일 수 있습니다 여기 그리고 다른 사람을 삭제하십시오 몇 가지 보호 장치를 설정 했으므로 리눅스에서는이 파일들을 빨리 실행하도록 허용 할 것입니다

좋아, 그게 다야 이제 리눅스에 있지 않다면 방금 터미널에서 한 일을해야합니다 그리고 여기에서는 대본을 말할 것입니다 원본 및 나는 JS 폴더, 납품업자에서 찾고 여기에서 우리는 다만 1 개가있을 것이다 파일 우리는 그것을 포함시킬 것이다

나는 type = "text / javascript"라고 말할 것입니다 따라서이 줄을 복제하고 소스를 변경합니다 나는 iframe – transportjs라고 말할 것이다 파일이 하나 더 필요합니다

그것은 jQueryfileuploadjs입니다 그리고 지금 우리는이 튜토리얼을 위해 필요한 모든 것을 가지고있다 그래서 우리는 암호

그래서, 나는 script type = "text / javascript"라고 말할 것이고 이제는 문서 준비 기능 좋아요이 기능의 내부에서는 라이브러리가로드되고 전체 문서가로드되면이 함수는 실행 그래서 나는 여기에서 말할 것이다, 나는 파일들을 참조 할 것이다 나는 파일을 말할 것이다

다음에 우리가 그것을 사용할 때 그것은 매우 빠를 것입니다 그리고 여기 있습니다 이 파일 업로드에 대한 몇 가지 이벤트를 설정하려고합니다 나는 "fileupload"fileupload라고 말할 것입니다

그것이 우리 플러그인의 이름이기 때문에 그리고 여기 안에는 몇 가지 기본적인 것을 쓸 것입니다 옵션 그래서 나는 이렇게 말할 것이고, 우리는 업로드 할 URL을 말할 것입니다 우리 파일

그것은 indexphp가 될 것입니다 그 후 나는 dropZone을 말할 것이다 dropZone을 사용 가능하게하려고합니다 보시다시피 이미 ID가있는 div가 하나 있습니다

그래서, 나는 여기서 말할 것이다 dropZone : "#dropZone" 여기 수업이 있었다면 dropZone이라고 말할 것입니다 좋아, 그 후 나는 어떤 타입이 리턴 될지를 dataType이라고 말할 것이다

PHP에서 서버는 JSON을 사용할 것이고 텍스트 나 원하는 것을 사용할 수 있지만 JSON을 사용하는 것을 좋아합니다 그리고 여기에서는 autouploadfalse라고 말할 것입니다 파일을 업로드하기 전에 파일을 확인하려고합니다 그리고 이제 저는 몇 가지 사건들, 그래서 저는 말할 것입니다

그리고 여기에 "fileuploadadd"라고 말할 것입니다 그래서, 파일이 추가되면이 함수가 실행됩니다 그리고 나는 그것들을 세울 것이다 매개 변수들, 나는 또 하나를 추가 할 것입니다 나는 "fileuploaddone"이라고 말할 것이다

파일이 업로드되면 어떻게되는지를 의미합니다 그래서, 나는 함수 (e, 데이터)를 똑같이 말할 것이다 매개 변수 및이 마지막으로 마지막 이벤트는 "fileuploadprogressall"입니다 모든 파일에 대해 하나의 진행률을 사용하고 있음을 의미합니다

기능, 그리고 그게 다야 그래서 우리는 누군가가 파일을 추가 할 때, 파일이 업로드 될 때 세 가지 이벤트를 설정했습니다 파일을 업로드하는 과정에서 우리는 정보를 백분율로 표시합니다 그래서, 한 번 사람이 한 번 일어난다 고 가정 해 봅시다 파일을 추가하십시오

자습서에서는이 설정을 통해 이미지 업로드를하면 이미지 파일인지 확인합니다 그래서, 나는 말할 것이다 var fileTypeAllowed 그리고 여기서 정규 표현식을 사용하겠습니다 그래서 나는 여기에서 말할 것입니다 / 그래서, 나는 어떤 caracters라도 허락 할 것이고 그 후에 그것은 같이가

gif | jpeg | png를 허용합니다 그래서 그것들을 마무리해야합니다 모든 것을 통해 그래서, 여기에서는 if (! fileTypeAllowedtest)라고 말할 것입니다

만약 그렇지 않다면 말하자 이제 파일의 이름이 필요합니다 그럼 어떻게하는지 빨리 알려 드리겠습니다 따라서이 데이터에는 몇 가지 정보가 있습니다 그래서, 그 정보들을 확인해 봅시다

좋아, 여기서 해보자 너를 완전히 원해 이 자습서를 이해하십시오 나는 단지 파일을 선택할 것이고, 그것들을 치자 몇가지 테스트 파일이다

그럼 이걸 사용하겠습니다 이제 콘솔에서 볼 수 있습니다 어떤 정보는 객체 파일이며이 객체 안에는 많은 정보가 있습니다 다른 정보이지만, 우리가 찾고있는 것은 원본 파일 그리고 여기에서 볼 수 있듯이 저는 몇 가지 기본적인 정보를 가지고 있습니다

마지막으로 수정 한 날짜, 파일 이름, 크기, 파일 형식, 우리가 찾고있는 것은 이름과 크기입니다 우리는 그 두 가지를 가져 가라 그래서, 어떻게 접근 할 것인가, 우리는 dataoriginalFiles라고 말할 것입니다 그리고 이제 그것은 첫 번째 것이고 우리는 그 이름에 접근 할 것입니다

그래서 콘솔 데이터를 말할 것입니다 originalFiles 0 그리고 여기에 이름을 말할 것입니다 무슨 일이 일어날 지 봅시다 새로 고침, 파일 선택 사용 보시다시피 이름은 myPicturepng입니다

내가 다른 것을 선택하면 그것을 얻을 수 있습니다 등등 그래서 이것은 매우 중요합니다 따라서 모든 파일을 선택하면 무슨 일이 일어날 것 괜찮아, 그래서 지금 우리는 var fileName =이라고 말할 수 있습니다

그리고 여러분이 방금 말할 수있는 크기에 대해서 말이죠 fileSize 자, 이제 테스트 해 봅시다 그래서 if ((fileTypeAllowedtest (fileName))

여기에 오류가 있다고 가정하고 오류에 대해 색상 : 빨간색으로 설정됩니다 좋아,이 오류 내부에 errorhtml을 말할 것이다 이미지 이미지 만 허용됩니다 정말로 중요하지 않습니다

이제 테스트 해 봅시다 파일을 선택하고이 파일을 사용하게하십시오 이미지 만 허용되며 이제는 어떤 메시지도 없을 것입니다 이제 다음 일은 확인하고 싶은 것은 크기입니다 그래서 fileSize가 500KB보다 크다면, 이렇게

그래서 더 커 미안 html ( '파일이 너무 크고 최대 허용 크기는 500KB') 좋아, 해보자 파일을 선택하십시오 이제 우리가 이 사진을 사용하면 사진이라는 것을 알 수 있지만 업로드를 시도하면 "파일이 너무 큽니다

최대 허용 크기는 500KB입니다" 우리가 작고, 이것처럼 우리가 새로 고침해야 할 미안해 좋아, 이거 좋아 그것은 작동 할 것입니다

그것은 greate입니다 그리고 다른 파일을 시도하면 문제가 있습니다 그래서 이것은 지금까지는 위대한 기능이었습니다 그리고 다른 말을 해봅시다 따라서 사람이 이미지를 업로드하는 경우 그 이미지가 500KB보다 크지 않으면 우리는 그 사람이 파일을 업로드하는 것을 허용했습니다

그래서 나는 else ( "error")라고 말할 것입니다 어떤 오류도 없다고 말하면 좋겠다 그리고 여기 나는 datasubmit을 말할 것이다 이 파일 업로드가 시작되었음을 의미합니다

모든 것이 잘 보입니다 좋아, 그럼 내가하고 싶은 다음 일이야 이 파일 업로드를 만들 것이라고 가정 해 봅시다 좋아요,하지만 우리 서버에있는 코드를 작성해야합니다 PHP 코드

그러기 전에,이 모든 진전을 끝내자 그렇게하겠습니다 여기에 우리가 가지고있는 데이터를 다시 확인해 보자 그래서 consolelog (data)

F12에서 파일을 선택하고 이해하고 있는지 확인하십시오이 파일을 사용하십시오 그리고 너처럼 우리는 정보가로드 된 것을 볼 수 있습니다 : 0, 전체 죄송합니다, 몇 가지 문제가 있습니다

이 좋아요, 당신은 총을 가지고 있고 당신은 비트 레이트를 가지고 있습니다 이제 우리가 원한다면 비율을 계산하려면 dataloaded에서 직접 가져올 수 있습니다 data

total 내가 할 일은 var progress =라고 말하고 여기에 그냥 정수 값을 얻기 위해 partInt 함수를 사용하십시오 여기에 제가 말할 것입니다 dataloaded / data

total * 100, 우리가 원하므로 백분율을 얻으십시오 그리고 나는 단지 progresshtml 완료 I라고 말할 것입니다 여기 + 진행 + 퍼센트라고 말합니다 그래서 테스트

파일을 선택하십시오이 파일을 사용합니다이 파일은 100 % 완성되었습니다 파일이 정말 작아서 우리가 이걸 가지고있는 것 같아 기본적으로 업로드 중입니다

우리는 이것을 단지 테스트함으로써 테스트 할 수 있습니다 이것은 단지 당신을 보여줍니다 이제 우리는 무엇이든 확인하고 싶습니다 우리는 모든 fileType과 fileSize를 허용 할 것입니다 새로 고쳐서 보자

이제 큰 파일을 빨리 찾을 수 있습니다 나는 그것을 어딘가에 가져야한다 그럼이 말을 해봅시다 126 MB, 열어 여기에 우리가 간다 당신은 여전히 ​​빨리 볼 수있었습니다

좋아, 우리가 간다 그러나 만일 우리가 이것을 약간의 웹 접대하는 것이 훨씬 더 느리거나 사람이 빠른 인터넷을 가지고 있지 않은 경우 연결 그러나 우리가 localhost에서 이것을 확인하고 있기 때문에 이것은 매우 빠릅니다 그래서이 부분은 완성되었습니다 그리고 지금 여기 이것을 만들기 위해 나는 가서 PHP 코드를 빨리 작성합니다

그래서이 파일의 맨 위에 php if (isset (FILES [ 'attachments'])) 우리는이 코드 부분을 실행할 것입니다 우리가 파일 요청이 있다면 우리는 코드의이 부분을 실행하려고합니다 그래서 먼저 보여주고 싶습니다 당신은이 변수 파일 안에 무엇이 있는지

그래서 나는 echo 또는 var_dump ($ _ FILES)라고 말할 것입니다 그리고 보자 그리고 나는 단지 그것이 멋지게 형식화되었다고 말하는 것을 말할 것이다 테스트를하고 파일을 선택하고 파일을 선택하십시오 서버가 응답 한 것을 보자

그리고 지금 여기에서 볼 수 있듯이 응답 우리는 첨부 파일, 배열, 연관 배열 및 또한 다차원과 내부에는 이름과 이름이 있습니다 우리는 하나의 배열을 가지고 있습니다 인덱스 0 또한 우리는 타입을 가지고 있습니다 우리는 임시 이름, 크기 등을 갖습니다 내가 지금 막 목표 파일을 말할 이름을 얻는다

여기서 우리는 우리의 파일을 저장할 것입니다베이스 네임 그리고 여기 첨부 파일을 말할 것입니다, 첨부 파일을 볼 수 있듯이 그 후에 이름을 말할 것입니다 그리고 인덱스 0 그리고 파일 이름을 얻기 위해 basename을 사용하고 있습니다 그 다음에 (file_exists ($ targetFile)), 우리가 메시지는 응답을 나타냅니다

나는 status => 0이라고 말할 것입니다 그 이유는 "File already exists!"라고 말할 것입니다 그렇지 않으면 (move_uploaded_file), 임시 위치에서 우리 위치로 파일을 성공적으로 이동하면 폴더를 업로드하십시오 그래서 나는 파일 [attacments]을 말할 것이다 [ 'tmp_name'] [0], 일시적인 이름 0 위치 targetFile 우리가 말할 것이다 $ msg = array ( "status"=> 1), "msg"=> "파일이 업로드되었습니다"그리고 여기서 나는 파일은 targetFile입니다

좋아, 마지막으로 나는 exit (json_encode ($ msg))라고 말할 것이다 좋아, 여기서 우리는이 메시지를 선언 할 수있다 좋아요, 그럼 이제 시험합시다 파일을 선택하고,이 하나의 indexphp를 보자

그리고 응답 상태 1을 볼 수 있듯이 "File Has Been Uploaded"메시지, 경로 업로드 그리고 다시 시도합시다 좋아요, 이제이 파일은 이미 존재합니다 그래서, 지금 끝내야 할 마지막 사항은 파일 업로드 완료입니다 그럼 다시하자

데이터가 무엇인지 확인하십시오 테스트를 만들고 파일을 하나 선택하십시오 콘솔에서 여기에서 볼 수 있듯이, 그것은 하나의 객체이며 우리는 많은 정보를 다시 얻지 만, 우리가 찾고있는 것은 이것과 응답 json입니다 그래서, 당신이 볼 수 있듯이 메시지는 "File 이미 존재 "하고 상태는 0입니다 그리고 그것은 정확히 우리가 만든 것입니다

서버 쪽 그러면 우리는 어떻게 접근 할 것인가? 여기서 datajq를 말할 것인가? responseJSONmessage

우리는 var status = dataresponseJSONstatus라고 말할 것입니다 그리고 우리도 마찬가지입니다 메시지에 대해 수행하십시오

status = 1이면 파일이 업로드되었음을 의미합니다 우리는 파일의 경로를 얻을 것이다 그래서 나는 단지 경로를 말하고 여기에 이것을 표시 할 것이다 우리 파일 안에있는 파일 그래서, 나는 files

append라고 말할 것입니다 또는 먼저 파일 숨김 파일이 아니기 때문에 filefadeIn이라고 말합시다 한 단락을 추가하고이 단락 안쪽에 하나의 이미지를 가지고 있습니다 그리고이 이미지의 근원은 우리의 길이며, 우리가 가지고있는 것입니다

서버가 리턴합니다 좋아, 그게 전부 야 그렇지 않으면 상태가 올바르지 않으면 여기에서 errorhtml our 메시지 그리고 테스트 해 봅시다

이제 파일을 선택하고 파일을 선택하며 열고 파일이 이미 있다고합니다 그래서, 다른 하나를 시험해 봅시다 저는 이것을 사용할 것입니다 열리고 지금 파일은 올려지고, 결과는 완료된다 100 % 여기에 우리 파일의 미리보기가 있습니다 우리가 할 수있는 일은이 이미지만을위한 것입니다

스타일 폭 100 픽셀, 높이 100 픽셀을 정의하십시오 다시 한번 시도해보십시오 고르다 파일, 어떤 그림을 선택하자,이 파일을 열어 보자 그러면 파일이 업로드되었다 100 % 완료되었으며 여기에 미리보기가 있습니다

우리가 다시 시도한다면,이 말을해라 남자, 열어 그것은 업로드됩니다 그래서 사람들이 거의 그 것입니다 나는 이것이 매우 간단하고 이해하기 쉬운 튜토리얼 나는 그걸 좋아하기를 바랍니다

제발 그것을 좋아하고 친구와 공유하고 또한 있다면 질문이 있으시면 아래 의견에 질문하십시오 조심해!

BlueHost WYSIWYG Web Builder 11 12 Drag and Drop PHP Web Designer Introduction and Reviews jquery

이봐, 스티븐 브릭이 평온하고 최적의 근육을 동반 한 스티브 야 나는이 비디오를 꽤 오랫동안 만들고 싶어했다

이전에 한번도 해 본 적이 없으므로 정확히 어떻게해야할지 확신하지 못했기 때문에 이번이 처음입니다 비디오로 화면 캡처 화면 캡처에서, 그래서 계속하려면 오늘 내가 다루기를 원하는 것은 호스팅을위한 새로운 블루 호스트 계정을 구성하고 사용하는 방법이었습니다 파블로 소프트웨어 솔루션의 웹 빌더 wysiwyg 나는이 프로그램을 일찍부터 사용 해왔다 잘 2011 년 중반 2011 년 중반에 미안 해요 오늘까지 wysiwyg 웹 빌더의 여러 가지 버전을 살펴 보았습니다

기본으로 시작할 수 있습니다 기본 맞춤 설정 요소는 웹 페이지의 경우 완전히 흰색 화면이며 배경색을 선택할 수 있습니다 그냥 새로운 곳으로 이사하고 살기를 생각하고 무엇을 결정하고 싶습니까? 좋아요, 색상 체계를 Windows 기본으로 바꿀 것입니다 좋아, 그게 이상 했어 죄송합니다 그래, 난 그냥 살 새로운 곳으로 이사 생각하고 당신이 원하는 색상을 방을 만들고 싶어 간단한 웹 페이지를 디자인 할 수 있습니다

내가 wysiwyg 웹 빌더에 대해 좋아하는 점은 당신이 아주 단순한 환경에서 시작하기를 원하는만큼 간단하게 유지할 수 있다는 것입니다 웹 사이트에서 각 페이지의 화면 및 기타 페이지 속성의 배경색을 변경하려면 마우스 오른쪽 버튼을 클릭하면 마우스 오른쪽 버튼으로 클릭 할 수 있습니다 화면의 빈 영역 및 페이지 속성을 조정할 수 있습니다 그래서 그 부분은 매우 사용자 친화적입니다 마우스 오른쪽 버튼을 사용하여 페이지 속성을 변경하는 것에 대해 알게되면이를 알게됩니다 다음과 같이 변경할 수 있습니다

같은 단순한 페이지 배치 수직 및 수평 중심 에서 화면의 중앙에 위치하고 마우스 오른쪽 버튼을 클릭하면 해당 옵션을 선택할 수있는 드롭 다운 메뉴가 나타납니다 상자 htML, 그림 또는 양식과 같은 페이지 요소의 구성 가능성 대부분 거의 모든 것이에 의해 구성됩니다 마우스의 왼쪽 클릭으로 객체를 지정하고 마우스 오른쪽 버튼을 클릭하여 개체 속성을 조정하거나 링크를 만들고 싶다고 추가하고 링크 URL을 추가하려는 경우 변경하고 싶습니까? 색상을 연결하거나 웹 페이지의 다른 요소에 대한 구성 옵션을 변경하려는 내용을 알고 있습니다 이제는 사용자에게 매우 친숙합니다 나는 지난 6 ~ 7 년 동안 나갔다

나는 항상 열려 있기 때문에 다른 플랫폼을 사용하여 웹 사이트를 조사했습니다 너는 내가 현재 사용하고있는 것보다 낫지 만 내가 찾은 것은 사용하는 프로그램이다 밖에 있니? 일반적으로 매우 프로그램은 아마도 프로그램을 만든 사람들에게 완벽한 의미를 갖습니다 하지만 새로운 사용자 관점에서 기본을 만드는 방법을 이해하는 것은 매우 실망 스럽습니다

웹 사이트 요소가 변경되면 기본 웹 페이지 변경 사항을 알 수 있습니다 극도로, 기술적으로 도전적이고 나는 실제로 자신을 선호합니다 내 웹 사이트를 수정하는 소프트웨어 나는 개인적으로 위스키 위그 웹 빌더를 USb 3 USb 드라이브, 백 십여 파운드짜리 운전과 그게 내가 실제로 한 일은 내가 실제로 프로그램을 설치 한 것일 수있게 해준다 내 컴퓨터에 Wysiwyg Web Builder 설치 그리고 나는 단순히 전체 파일을 가져 가서 점프 드라이브로 옮겼습니다 그래서 나는 내 웹 사이트 파일과 실제 프로그램을 모두 폴더에 가지고있다

내 USB 드라이브 그리고 필자는 필자가 사용하고있는 컴퓨터가 필요할 때 컴퓨터에서 컴퓨터로 가져갈 수있었습니다 인터넷에 연결되었습니다 전체 프로그램을 실행하고 웹 사이트 및 USB 드라이브에 저장된 모든 것을 편집하기 만하면됩니다 그래서 정말 편리했습니다 여전히 최신 버전의 버전 12

1 인 Wysiwyg Web Builder 그리고 나는 수년 전에 2011 년에 버전 7과 같이 시작했다고 생각합니다 하지만 나는 그 일에 대해 정말 멋진 것을 몰랐습니다 나를위한 프로그램은 내가 프로그램에 관한 모든 것을 알 필요가 없다는 것이 었습니다 기본 웹 사이트를 만드는 데 필요한 기본 작업을 수행 할 수 있습니다 그때 나는 그 일이 끝나고 나는 점차 다른 일을해야 할 때 프로그램을 사용하는 방법을 점차 배웠습니다

많은 자습서가 있습니다에 다양한 사람들의 YouTube 누가 다른 요소에 대한 자습서를 작성 했습니까? 웹 빌더가 너무 강력하다는 것을 알 수 있습니다

그것은 많은 다른 일을하고 나는 당신이 볼 것을 권 해드립니다 의사 결정을하기 전에 가능한 많은 기본 자습서를 사용할 수 있습니다 wysiwyg 웹 빌더에 대해 정말 멋진 점은 30 일 무료 평가판을 제공한다는 것입니까? 과 무료 시험판 당신이 아는 것을 가능하게합니다 기본적으로 프로그램의 모든 기능을 가지고 있습니다 만, 조금 밖에 알지 못합니다 각 페이지 하단에 아이콘이 Wysiwyg 웹 빌더는 정식 버전을 구입하면 할인을받을 수 있으며 할인을 제공합니다 나는 그것이 40 퍼센트 할인이라고 생각한다

언제 프로그램을 구입 한 후 일정 기간 이상을 알고 있다면 업그레이드를 원할 때 업그레이드를 원할 경우 업그레이드를 제공받는 경우 기존 사용자로 할인을 제공합니다 1 년 안에 무료 업그레이드 프로그램을 구입할 수 있다고 생각합니다 그래서 그들은 매우 합리적이고 나는 최근 upGrade를 만들었습니다 버전 8에서 버전 12 점 1로갔습니다 나는 완전히 새로운 환경을 배우고 싶지 않았기 때문에 그렇게하기를 주저했다

그것에 대해 바뀐 모든 것 사용하기가 더 쉬워졌습니다 내가 다시 배워야 만하는 것처럼 기본이 여전히 동일하다는 것을 알지 못합니다 그렇게해서 어쨌든, 나는 wysiwyg 웹 빌더를 여기서 가동시킬 것입니다 나는 나의 지름길에 여기에 간다

내 컴퓨터와 그것을 클릭하면 점프 드라이브로 이동하고 wysiwyg 웹 빌더를 클릭합니다 그것은 폴더에 있어요, 그리고 난 버전 12가 있어요 클릭하면 여기로 내려갑니다 그리고 그 회색 아이콘은 12 개로되어있어 웹 빌더라고합니다 그게 네가 좋아하는 종류 야

그게 화면의 아이콘이 될거야 그것을 클릭하십시오 이제이 창을 닫을거야 그게 발포하고있어 같은 시간에 녹음하기 때문에 컴퓨터가 조금 느리게 작동합니다

나는 전에 이것을 한 적이 없으므로 어떻게 될지 몰랐다 사과드립니다 전혀 작동하지 않을 수도 있습니다 괜찮아 거기에 간다

여기에 프로그램이 있습니다 오고있어 나는이 격자 선을 거기에 올려 놓았다 나는 당신이 그것들을 끌 수 있다고 덧붙였다 도구 아래 있다고 생각합니다

애니메이션 애니메니션 매니저는 어디에서 말합니까? 도구 테마 페이지 페이지 뷰 삽입 눈금자 눈금자 눈금자는 우리가 그것을 끄도록 안내합니다 아니, 그들은 스마트 가이드를 끄지 않았다 아니 통치자 좋아, 그 부분을 꺼 버렸어 그래, 그거 꺼 버렸어 그때 너는 눈금자는 그리드에 그리드 스냅을 안내합니다 안내 설정 여기처럼 꺼 버릴 수 있습니다

도구 상자의 선택을 취소하면 많은 것들이 사라집니다 이것이 당신을 압도하게하지 마십시오 나는 그것을 다시 클릭합니다 나는 그것을 다시 가져왔다 에이 여기에있는 많은 것들은 내가 즐기던 최근에 사용하던 기능과 같은 다른 기능을 사용자에게 알리기위한 편리한 방법은 아래에 있습니다

Miscellaneous 아래에서 살펴 보겠습니다 Java 스크립트를 처음 사용할 때 Java Script를 사용할 준비가되었습니다 기술적 인 무엇인지 알 것입니다 그것은 나에게 압도적 인 것이 될 것입니다 잘

실제로 그 사실을 클릭하면됩니다 멋진 상자를 가져다줍니다 이제 내가 무엇을했는지 이해하지 못한다면 도구를 클릭했습니다 사용하고 싶었지만 마우스 왼쪽 버튼을 사용했습니다 마우스 왼쪽 버튼을 누른다

그리고 그 약을 마약 상자에 담았습니다 그리고 나서 이것들은 내가 사용해온 것처럼 선택할 수있는 모든 다른 것들입니다 점프 텍스트가 여기에 여기 왼쪽 맞춤을 말하는 이들 항목 중 하나를 클릭하면 당신은 센터에 넣을 수 있다고 변경할 수 있습니다 네가 원한다면 색깔을 바꾸려면 나는 말할 것이다 예를 들어 적색을 선호하십시오

내가 너가이 사실을 지금 실제로 알기를 기대하지 않는다는 것을 너는 알고 있니? 한 가지 특정 기능에 대해 간략하게 소개하려고합니다 너도 알다시피 멋지다 글꼴 및 글꼴을 변경할 수 있습니다 우리가 Palatino linotype, 좋아, 또는 아마도 당신은 내가 Paulino 유형을 좋아하지 않는다는 것을 알고 있습니다 나는 이것을 원한다

너는 무엇이든지 눌러야 만한다 Trebuchet Ms는 괜찮아 그래서 멋지다 그리고 그것은 잘 좋아 II는 실제로 그 글꼴 스타일을 원하지 않습니다

나는 그것을 원했다 나는 이탤릭체를 원했다 과 그런 다음 텍스트 또는 가중치가 없습니다 나는 대담 해져서 거기에 드롭 다운이 있기를 바랄 뿐이다 텍스트 장식 : 없음 옵션이 줄 바꿈을 통해 밑줄을 긋는 이유를 모르겠습니다

Underline 우리는 underline을 할 수 있습니다 그것이 바보 같아 그걸 끄도록하자 아니, 나는 그렇게 좋아하지 않는다 그 한 가지에 대한 기본 사항이 있습니다

그건 점프하는 편지 야 나는 그런 식으로 생각하고 잘 말합니다 확인을 클릭하면 지금 어떻게 할 수 있습니까? 이제 상자가 화면에 남습니다 여기서 미리 볼 수 있습니다 여기 왼쪽 상단에 번호가 있지만 바로 여기에 미리보기 버튼이 있습니다

그래서 클릭하면 웹 브라우저가 열립니다 거기는 이것은 단지 미리보기입니다 그것은 웹 페이지에 게시되지 않습니다 단지 미리보기 일뿐입니다

그래서 나는 실제로 이것을 출판하지 않을 것입니다 그리고 지금 당장 당신은 볼 수 있습니다 그것은 추한 것입니다 그건 그냥 흰색 화면이야, 알았어 글쎄, 끝내자

다시 우리에게로 가자 웹 빌더 여기에 화면을 마우스 오른쪽 버튼으로 클릭하고 이제 이것은 제목없는 웹 페이지입니다 새로운 것입니다 당신은 제목없는 완전히 제목없는 것을 안다 아무데도 게시되지 않지만 여기 페이지 속성을 변경하려고합니다

내가 한 일은 내가 한 일을 알고 있는지 확인하는 것입니다 웹 페이지의 빈 영역에 오른쪽 버튼을 클릭하면이 메뉴에서 아래로 이동하여 페이지 속성을 클릭 한 상태로 둡니다 알았어 제목없는 페이지, 우리는 제목을 부여 할 수 있습니다 그것은 무엇이든 될 수있다

조지 브라운이 침착하다는 걸 아시거나, 엘비스 프레슬리가 평온하다는 것을 아십니다 어쨌든, 그리고 나서 당신은 항상 Index라는 이름을 남기고 싶습니다 그러나 당신이 여기에 하나를하고 싶습니다 너는 바로 알지 여기로 내려 가서 드롭 다운을 사용하려는 페이지 정렬을 말하고 싶습니까? 그 드롭 다운 메뉴에 버튼이 있고 당신은 수평과 수직으로 센터를하고 싶습니까? 예술 Ivd에 추천하지 마세요

그걸 볼 수 있어요 기억해 그 뜻을 나타내는 머리 글자 어를 기억하십시오 그러나 나는 그것을 할 것입니다 나는 항상 나의 것과 함께 해왔다 왜 안되는지 이유를 찾으면,하지 마세요

다소 확장 기능 도트 PHP와 같은 것들을 용서 htML을 사용하면 문제가 발생합니다 Dot htML 당신은 파일 확장자를 알고 있고, 나는 폼을 추가하려고 노력했다 PHP를 도트로 변경 한 다음 다시 전환 할 수 없어서 방향 그것은 내 내 기본 도메인 도메인 이름을 잘못된 파일로 보내면 전화해야했습니다 블루 호스트 그리고 그들은 나를 위해 그것을 고쳤다

그래서 그것은 단지 약간의 기술적 결함이었다 그래서 이 소프트웨어가 절대적으로 필요하지 않습니다 완전한 나는 절대적으로 완벽한 시장에서 아무것도 본적이 없다 외모가 좋은 몇 가지 다른 것들이있을 수 있지만 일단 그들은 이것처럼 느껴질 수도 있습니다 이제는 그렇게했는데 제목이 없다는 말 때문에 제목을주었습니다

나는 페이지에 제목 페이지 속성을 주었다 여기서 우리는 여기에있다 바로 여기 그것은 스타일을 말한다 바로 색상 배경은 견고하고 흰색이므로 원하는 것처럼 말하고 싶습니다

이 카키색 또는 다크 카키 또는 벌리 나무 또는 장미 빛 브라운 또는 밀은 어디에 있습니까? 그런 것 나는 황갈색이 무엇이든간에 모른다 어때요? tan은 괜찮습니까, tan이나 no, 나는 탠을 좋아하지 않습니다 다크 카키, 오, 네, 다크 카키는 꽤 친절하게 들리는데, 그것은 마치 초록색입니다 나는 그것을 좋아하지 않는다

그거 초록색이야 좋아 카키를 데려 올 준비가 된 것 같아 그래 카키 창백한 금 나는 창백한 황금 진흙이 아니며 친절하다 좋아, 그럼 여기 링크 색상을 변경할 수 있습니다

활성 링크 색상을 변경할 수 있습니다 방문한 링크 색상을 변경할 수 있습니다 링크 색상을 마우스로 가리 킵니다 마우스를 가져갈 때 리드 색상을 변경하고 싶습니다 그래서 당신은 그것이 정상보다 조금 다르다는 것을 알기 때문에 나는 방문한 링크 색상은 일반적인 링크 색상과 다를 수 있습니다

실제로 변경하지 않기를 바랍니다 나는 그것이 페이지에서보기 흉한 것처럼 보이지만 조금 쳐다 보려고 컬러를 가리키고 싶다 그늘에서 벗어난 것을 알고 있습니다 그래서 사람들은 해당 링크에 대해 활발한 활동이 있다는 것을 알고 있습니다 그들이해야 할 일은 마우스를 움직여 마우스를 움직이는 것뿐입니다

그래서 그들은 그들에게 약간의 상호 작용을 제공합니다 느낌과 여기, 당신은 전체를 바꿀 수 있습니다 페이지 및 텍스트 상자에 입력하는 내용에 대한 기본 페이지 글꼴을 내가 최근에 웹 사이트를 만들었던 것과 같은 표준 색상은 부르고뉴 또는 마린에서 진행 되었기 때문에 모든 것이 은색으로되기를 원했습니다 배경과 그래서 당신은 여기에있는 모든 것들을 바꿀 수 있고 그것을 페이지 전체에 걸쳐 표준으로 만들 수 있습니다 자 이제 보자

나는이 몇 가지 것들을 바꿀거야 과 페이지의 모든 텍스트를 모두 진한 녹색, 그리고 우리는 수십 종류의 작게 말하기를 원합니다 나는 글꼴 크기에 대해 말하고 있습니다 그래서 여기에 갈 수 있습니다 말하자면, 나는 모든 것을 14 번 생각하고, 나는 진짜로 arial을 좋아하지 않는다

내가 원하는 진정한 비트 공물 똥 거기에 우리가 좋아, 이제 괜찮아 체포 괜찮아 우리는 우리가 가지고있는 것을 가지고있다 배경 그리고 우리는 약간의 페이지의 텍스트를 어딘가에 넣고 싶다고합시다 우리는 Javascript로 여기에 하나의 작은 속성을 변경하고 싶지 않으므로 내가 한 일은 내가 오른쪽 클릭 한 것입니다 Javascript 상자에 점프하는 글자가 있고 개체 속성으로 갔다가 그 위에 클릭을 한 다음 중심을 잡았습니다

멋지다 나는 그 편지가 더 빨리되었는지 확인하고 싶었다 괜찮아 그래서 ok를 클릭하고 상자 자체를 클릭합니다 마우스 오른쪽 버튼을 클릭하고 메뉴에서 페이지를 수평으로 말하자 그래서 당신은 메뉴를 나와서 저 파리 밖으로 내 보내세요

당신은 수평선을 왼쪽 클릭했습니다 그런 다음 기본 텍스트를 추가하여 왼쪽 상단에있는 여기로 이동합니다 Insert insert를 클릭 한 다음 텍스트를 클릭합니다 상자를 꺼내서 우리의 녹색이 있습니다 편지, 그들은 진한 녹색이야

나는 두 번 클릭 할거야 내가 그걸 강조 할거야, 내가 바로 입력 할거야, 알았어 나는 단지 환영한다고 말할 것이다 좋습니다 간단합니다

텍스트 상자의 텍스트 상자에 텍스트가 가운데에 놓 이도록하고 싶습니다 그래서 당신이 그것을 강조하고 여기 당신은? 여기 상단의 상단을 클릭하면 죄인 인 것처럼 그 서식을 클릭합니다 상자의 중앙에있는 텍스트를 클릭 한 다음 여기에서 페이지의 아무 곳이나 클릭하여 지정하지 마십시오 텍스트 상자를 클릭 한 다음 텍스트 상자를 마우스 오른쪽 단추로 클릭하고 페이지의 가운데로 이동하십시오 플라이 아웃 메뉴를 클릭하고 가로를 클릭하면 이제 모든 것이 페이지 중앙에 위치하게되고 페이지를 만들게됩니다

여기에서 미리보기 나는 그것을 클릭 할 것이다 우리가 거기서 브라우저를 가져올거야 우리는 간다 간단합니다

말하자면 지금 사진을 추가하고 싶다고 가정 해 봅시다 그래서 우리는 그 미리보기를 닫을 것입니다 우리는 우리 프로그램을 다시 시작할거야 그곳에 나는 내가 시작했다고 생각한다 컴퓨터가 느리게 시작했기 때문에 실수로 세션 저는 두 세션의 프로그램을 시작 했으므로 프로그램을 더 잘 실행해야하는 프로그램 중 하나를 닫았습니다

그림을 추가하고 싶다고합시다 우리는 삽입하고, 이미지를 클릭 한 다음, 그 상자를 그린다 우리가 넣고 싶다고 가정 해 봅시다 자전거에 내 그림을 그 위에 올려 놓자 알았어, 내 금고를 튀길거야

그게 아주 좋네요 크기를 변경하려면 사진의 한 모서리 위로 커서를 끌어 놓습니다 그것과 비례하여 더 작고 우리가 원한다고 가정 해 봅시다 여기에 올려 그게 큰 일일 필요가 없기 때문에 나는이 크기를 바꿀거야

그리고 우리는 그걸 마우스 오른쪽 버튼으로 클릭하고 다시 한번 중심에 있는지 확인하십시오 그리고 우리는 중심에 있는지 확인해야합니다 가운데 수평을 맞춘 다음 마우스 오른쪽 버튼을 클릭하고 우리는 이미지 도구로 가서 그 그림을 리샘플링 할 것입니다 그래서 그것은 더 멋져 보인다 그래서 우리가 간다

브라우저로 돌아가서 미리보기로 돌아갈거야 팔 환영합니다 이제 원하는 경우 아이디어가 있습니다 너는 알지 내가 여기있는 것과 같은 메뉴 만들기 이것은 내가 만든 웹 페이지입니다

내 청구서의 친구 인 웹 페이지입니다 이 소프트웨어가 일하고있는 신사로 사용되는 것을 처음 보았습니다 이 멋진 웹 사이트를 함께 정리하십시오 그게 더 가까이에서보고 싶다면 이것은이 웹 사이트가 침착 한 arborist Calm이고, Andrew Morgan이 함께 집어 넣었습니다 그는 텍사스 주 샌 마르코스에서 트리 서비스를 받았다

그는 웹 사이트가 필요했습니다 당신은 그의 좋은 웹 사이트를 압니다 트리 서비스, 그는이 간단한 프로그램을 발견했습니다 온라인으로 곧바로 그는 그것을 사용하는 법을 배웠다 그래서 이것은 꽤 멋지다

서비스와 같은 페이지를 넘길 수 있습니다 그의 사이트를 본 지 꽤 오랜 시간이 지났다 그는 함께 입었습니다 기본 웹 사이트를 아십니까? 그는 어떤 종류의 프레임을 여기에 넣은 것처럼 보입니다 페이지마다 표준 크기와 같은 종류의 페이지가 있습니다

그는 서비스 페이지를 가지고있다 방금 약 페이지가 있어요 거기에서 그는 작은 이야기를한다 그는 비디오를 가지고있다 여기 비디오, 나 나는 그 일을하는 것을 기억한다

사진을 보자 사진의 무리는 여기에 당신은 아마 나는 더 큰 것을 만들 예정입니다 바라건대 그래, 그걸 팝업해서 네, 아주 오래 전부터 알고 있습니다 왜 그런지 모르겠다 내 컴퓨터가 느리게 작동하기 때문일 수 있습니다

아니, 알았지? 여기에 연락 양식이 있으니 연락하십시오 사실을 얻으려면 그가했던 모든 일은 그의 메뉴에 대한 간단한 텍스트 링크를 만드는 것이었고 그는 모퉁이에 그의 로고를 아주 아주 간단하게 가지고있다 당신은 그것이 매우 효과적이라는 것을 압니다 거기에 리뷰를 쓸 수 있습니다 그는 평론을 듣고 사실을 확인합니다

매우 매우 매우 간단하지만 매우 효과적입니다 좋아요, 형태가 있어요 그는 자신이 그곳에 주소를 정하면 모든 전화 번호와 전화 번호는 그의 이메일 주소를 가지고 있습니다 그래서 나는 captcha를 거기에서 얻었고, 그래서 그는 로봇에 의해 귀찮게하지 않고있다 그리고 또 하나의 웹 사이트를 보여 드리겠습니다

최근에 일하는 그의 웹 사이트입니다 저기서 나는 점프 문자를 어떻게 사용하는지 알 수있다 할 수 있었다 내가 bluehost의 제휴사이기 때문에 아이콘을 업로드하십시오 그래서 당신이 bluehost를 위해이 로고 중 하나를 여기 클릭하면 그럼에도 불구하고 블루 호스트를 호스팅하면 그 점을 인정 받게됩니다 어느 것이 고맙고 트위터 팔로우 버튼을 원한다면 삽입하는 것이 매우 쉽습니다

HtML을 퍼가는 방법을 보여 드리겠습니다 따라서이 페이지의 모든 내용이 어떻게 중심에 잘 맞는지 확인할 수 있습니다 그게 한 가지 야 처음부터 기본 메뉴로 시작해서 각각의 메뉴를 만드는 것입니다 단어 a 텍스트 귀하가 알고있는 링크는 해당 페이지로 연결되며 이것은 바로 여기에 있습니다

나는 그것을 텍스트 링크로 시작했다 이미지로 변환했습니다 텍스트 링크를 마우스 오른쪽 버튼으로 클릭하고 원한다면 이미지로 변환하십시오 나는 변화를 믿는다 이미지 주위에 테두리를 추가 할 수 있습니다

색상을 약간 오프셋 할 수 있습니다 당신은 멋지게 보이게 만든 다음 배경 조명을 추가 할 수있었습니다 그것은 흐림처럼 불립니다 어떻게하는지 보여줄 수 있어요 내가 여기 있다고 언급하는 것이 있다면 이 작은 시각 효과를 어떻게하는지 알기 위해 여기에 그들은 매우 간단하고 나는이 뒷쪽에서 그것을하고 싶습니다

여기 조금 더 깊숙이 있습니다 이걸이 주변에서했는데 여기 비타민이 많아 내가 또 뭐야? 오, 예라고 생각하십시오 나는이 그림 주위에서 그것을했다 뒤에 약간의 빛이 있습니다

페이지에 떠있는 것처럼 보입니다 그래서 내 연락처에 내게 연락하고 싶다면 그렇게하는 것이 쉽습니다 당신이 Steven Brick에서 나에게 연락하는 것을 클릭하면 분명히 정보를 얻을 수있다 아니면 전화로 이야기 할 수 있습니다 내가 도와 드릴 수있어서 기꺼이 도와 드리며 최선을 다할 것입니다

며칠 전에 저의 창구 카운터 카운터가 내려갔습니다 그리고 지금은 400 명이 내 페이지를 보았습니다 나는 급행 복종을 통해 제출했다 일단 내 웹 페이지를 얻으면 웹 사이트를 잘 알 수 있습니다 나는 그것을 무료로 표현하기 위해 제출한다

그 그들 중 일부는 당신이 수동으로 Google에 제출 해야하는 수동으로 구글에 제출 해야하는 경우, 나는 생각 침착해라 그것들은 더 큰 검색 엔진의 일부이다 수동으로 제출해야하지만 Express를 제출하기 위해 제출할 때 프롬프트가 표시됩니다 링크를 클릭해야하는 몇 가지 확인 이메일이 있습니다 제출 한 내용을 확인할 수있는 것처럼 작성하십시오

그게 전부 야 그건 한 번 웹 사이트를 만들면 할 수있는 좋은 일이며 괜찮은 느낌이 들게됩니다 나는 약간의 교통을위한 준비가되어있다 따라서 기본 웹 사이트가 만들어지면 즉시 그렇게되지는 않습니다 검색 엔진에 제출하여 찾기 시작할 수 있도록해야합니다

각 페이지마다 메타 태그를 사용하고 메타 태그를 제목과 같이 구성하려는 방식 설명 및 키워드 그런 것들을 공정하게 갖고 싶습니까? 글쎄, 당신은 내 웹 페이지와 같은 각 페이지에서 다림질된다는 것을 알고 있습니다 당신은 5 ~ 6 페이지 밖에 가지고 있지 않습니다 이것들 중 일부는 심지어 최적의 근육 운동을하는 다른 웹 사이트로가는 개인 훈련처럼이 웹 사이트에 가지도 않습니다 내 블로그에가는 훈련 팁, 그래서 홈페이지로 돌아 가면 메뉴 옵션이 약간 변경된다는 것을 알 수 있습니다 개인 트레이닝을위한 팁이 있습니다

그것은 다른 웹 사이트입니다 그게 블로그 야 이 사이트의 페이지로 문의하기 이 사이트의 페이지로서의 리뷰는이 사이트의 페이지입니다 철학은이 사이트의 한 페이지입니다 그것의 동기 부여가 이것을 보아라 팝업되지 않는다

흥미로웠다 나는 그 청중 alt 태그를 바꾸어야한다 어쨌든, 그래서 여기에서 이해해야 할 주요 사항은 항상 웹 사이트를 조정하는 것입니다 당신은 당신의 웹 사이트를 액체처럼 생각합니다 건조하지 않는 캔버스 영원을 설정하지 않습니다 너는 항상 조금 바뀌고있어

시간이 갈수록 다른 아이디어를 생각해내는 것과는 다른 아이디어를 생각해냅니다 또는 어쩌면 당신은 당신의 웹 사이트가 말하기에 아주 좋게 보지 않는다는 것을 본다 휴대 전화 또는 내 태블릿에서 너는 태블릿에서 잘 보이지 않는다는 걸 알지 그것은 당신이 가셔서 사소한 조정을해야하기 때문에 형식화되어 있습니다 특정 브라우저의 방식으로 인해 페이지 레이아웃이 달라질 수 있습니다

귀하의 웹 페이지에 귀하의 요소를 선물하십시오 어쩌면 때때로 뭔가가 겹쳐서 오늘 나에게 일어난 일이 나는 체육관에 있었고, 나는이 웹 페이지를 여기에서 끌어 당겼다 제 생각에 그건 스티븐 브릭의 저의 홈페이지를 차분하게 만들었습니다 내 전화기에서 어떻게 보 였는지 알기를 원합니다 귀하의 웹 사이트를보아야합니다

함께 배치 한 후에 다른 플랫폼 그냥 다른 모양으로 보인다고 생각하는 방식으로 보이는지 확인하십시오 8 인치 태블릿 또는 풀 사이즈 태블릿 또는 대형 스마트 폰이나 확실한 것을 알고 있습니다 가능한 한 많은 사람들이 당신이보고있는 것을보고 있습니다 그래서 나는 이미지에 약간의 텍스트가 겹쳐져 있었고, 나는 내 컴퓨터에 돌아왔다 그리고 나는 물건을 조정했다

그리고 나는 그것을 거품 위로 되돌려 놓았다 그리고 당신은 전화 위에서 페이지를 새롭게하는 것을 안다 나는 내가 수정 한 것을 볼 수 있었다 큰 문제는 아니지만 좋았습니다 다시 확인하는 것이 좋습니다

일단 물건을 준비하면 알 수 있습니다 다시 확인하는 것이 좋습니다 그래서 나는 이곳에 온통 다가 가고있다 그게 바로 그 성격이야 우리가 화면에서 바로보고있는 것처럼이 모든 것이 압도적 인 것은 아닙니다

이 이미지는 바로 여기에 있습니다 이제 이제는 지금 음식을 이미지화합니다 그것은 단순히 내가 발견 한 배너였습니다 Google 이미지를 통해 내 컴퓨터에 저장 한 후 자른 후 활성 이미지로 변환했습니다 지금 나는 음식을위한 가입 매매 가입이기 때문에 지금 음식을위한 가입 연결은 지금 여기에서 적합하다

내 맞는 마트 가방 당신이 음식 가방을 아는 스포츠 이는 내가 HtML 코드를 복사하여 붙여 넣은 이미지가 아닙니다 객체 홀더 및 HtML 그리고 나서 이미지는 사실 적합 마크에서 제공됩니다 이미지가 아닙니다 사실 내 이미지 폴더에 내 웹 사이트 파일들 그러나 이것들 중 많은 것들이이 모든 나의 이미지들과 같습니다 그리고 당신은 내 과거의 것들을 압니다

그 사람과 같은 적극적인 링크 아마존을 통한 판매 보충제 및 여기 HtML 목적 그들은 실제로이 네이티브 광고를 호출합니다 바로 htML 코드를 복사하여 htmlML 상자에 붙여 넣은 곳입니다 페이지와 자동으로 텍스트를 기반으로 특정 제품을 추천합니다 페이지에서 텍스트가 말하는 내용이 무엇이든 아마존의 항목을 추천합니다 이 페이지에서 뭐라 말하고 있는지에 상응합니다

여기 YouTube에 내가 포함시킨 YouTube 동영상이 있습니다 그것은 단순히 문제를 해결하는 문제입니다 YouTube 동영상에 적합한 URL 페이지에 YouTube 동영상 삽입하기 대부분의 YouTube 동영상, 당신은 지금이 크기의 컨트롤을 여기에서 알 수 있습니다 이유가 무엇이든간에 더 넓은 형식이되고 싶었고 솔직하게 그걸 바꾸어 라

하지만 괜찮습니다 페이지가 배치되는 방식으로 작동합니다 그것은 작동합니다 그래서 나는 그 일을했다 이 방법이 정확하게 작동하는 것은별로 중요하지 않습니다

나는이 작은 가방에 실제로 그것이 bluehost I에 대해 이야기하기 위해이 비디오를 여기에 만들었 으면 좋겠다 Camtasia와 수정 한 다음 동영상이 YouTube에서 실제로 호스팅되었지만 호스팅 한 상태입니다하지만 여기에 삽입 할 수있었습니다 웹 페이지에서 꽤 멋지다 이것은 HtML

나에게 주어진 요소는 여기에있다 bluehost 제휴사이며 이것은 HtML 요소입니다 이것은 실제로 내가 발견 한 이미지이며 wysiwyg 웹 빌더에 대한 활성 링크로 바뀌 었습니다 그건 단순히 텍스트 링크 일 뿐이며 해당 텍스트 링크 위에 포인터를 놓습니다 팝업 메시지가 나타납니다

그들은 그들이 제목 아래에있는 것을 보여주고 다시 돌아가겠습니다 끌어 올리고 싶다 이 웹 페이지는 에디터에서 알았습니다 당신이 볼 수있게 대체 어떻게 됐어? 여기이 샘플이 있습니다 하지만 나는 이것을 닫을거야

괜찮아 뭐든지 가자 가까이 다가 가자 변경 내용을 저장하지 않으려면 저장하지 않는 것이 좋습니다 이제 우리는 아무 것도 열지 않습니다

우리는 파일로 돌아가서 Steven Brick dot에 갈거야 WBS 좋아, 그럼 머리를 숙일거야 네 나는 그것이 약간다는 것을 알고있다 너도 알지

너 오 어떻게 생각하니? 나는 술 한 병을 필요로했다 너 내가 어떻게 잘 볼 수 없게 된거 야? 그것은 당신이 익숙해 져야하는 것입니다 그리고 나는 그것이 끔찍한 대답이라는 것을 압니다 하지만 내가 할 일은 도구 상자를 닫을 것입니다 도구 상자를 다시 가져올 수 있습니다

이 x를 클릭하면 도구 상자가 닫힙니다 이 작은 구분선 위에 포인터를 두는 방법을 보시죠 그리고 그것은 당신에게 이중 화살을 주었고, 그러면 당신은 이것을 더 크거나 작게 만들 수 있습니다, 알았죠? 그래서 당신은 당신이 당신을 볼 수있는 곳에 그만큼 큰 것을 원하십니까? 귀하의 웹 사이트 파일은 귀하의 홈 폴더 색인이 귀하의 홈페이지 인 귀하의 색인과 같습니다 당신은 항상 그 명명 된 인덱스를 떠나야하고 이 페이지를 좋아하는 페이지가 더 많으면 여기에 새 페이지가 표시됩니다이 페이지는 새 모바일 페이지라고합니다

그 모바일 페이지를 어떻게 할 지조차 모르겠다 그게 내게 새롭고 템플릿에서 페이지를 새로 고침 외부 파일을 삽입하고 페이지 편집을 참조하십시오 그것은 무엇을 말하는가? 페이지 복제하기, 그것은 당신이 기본 레이아웃을 이미 가지고 있기 때문에 새로운 페이지를 시작할 수있는 쉬운 방법입니다 기존 페이지를 복제했기 때문에 그리고 간단히 들어가서 뭔가를 강조 표시하고 싶지 않으면 삭제를 클릭하십시오 그것이 바로 그 것이다

그게 내게 그걸 어떻게 주 었는지 보자 경계선 주위에 작은 사각형이있어서 원하는 경우 해당 요소를 삭제할 수 있음을 의미합니다 이제는 그렇게하고 싶지 않아요하지만 그렇게하기 만하면됩니다 마우스 오른쪽 버튼을 클릭하면 마우스 오른쪽 버튼을 클릭 할 수 있습니다

그리고 당신은 우리가하고 싶지 않거나 키보드의 삭제 버튼을 누를 수있는 삭제를 클릭 할 수 있습니다 이 컴퓨터의 오른쪽 상단 모서리에 그것을 삭제하십시오, 그래서 내가 HTML을 추가하는 방법에 대해 이야기 한 이래로 내가 보여주고 싶은 것이 무엇 이었는가? 바로 여기 엘리먼트가 htML을 말합니다 아마존 네이티브 광고가 나온 곳 그 htML 상자 이름 왜냐하면 아마존 네이티브 광고 웹 페이지를 편집 할 때마다 나는 한 눈에 알 수 있기를 원한다

그 hTML 상자는 당신이 보지 못해서 무엇을 의미하는지 알고 있습니다 당신은 그런 식으로 웹 페이지를 보지 못합니다 우리는 웹 페이지가 바로 여기에 살 때 이것을했습니다 웹 에디터에있을 때이 모든 것을 볼 수없는 웹 사이트로 돌아갔습니다 상자가 필요합니다

분류 된 이 사람들은 bluehost를 추가한다고 말하면서이 htML에 예를 들어 그 이름이 추가 된 곳을 알려 드리겠습니다 상자, 당신이 그것을 오른쪽 클릭하면 bluehost 추가됩니다 그 다음 하단 그것은 당신이 그것을 클릭했을 때 객체 속성을 말합니다 여기에 묘사가 나오는 곳

그것은 블루 호스트를 추가합니다 그게 네가 편집 한 부분이다 그건 바뀔 수 있고 바로 여기 멋진 코드입니다 내 백 오피스에 내 블루 호스트를주고 있었어 그리고 난 그냥 여기 복사하고 붙여 넣은 다음 ok를 클릭 한 다음 상자를 배치했습니다

내가 원했던 곳에서 내가 그것을 출판 한 다음, 내가 원하는 방식으로 정확히 보이지 않는다면 나는 그것을 출판했다 그럼 내가 돌아갈거야 근데 진짜 좋았어 좋은 놀람이었던이 현재의 버전 내가 경험 한 것은 그들이 자동 정렬을했다는 것입니다 예를 들어 선들 여기에 예제를 제공하기 만하면됩니다

이 YouTube 동영상에서 지정하는 경우 언제든지 정렬 선을 표시하는 방법을 볼 수 있습니다 따라서 모든 것을 얻는 것이 정말 쉽습니다 당신 페이지에 맞춰라 그래서 당신이 박스 크기를 바꾸고 싶다면 모든 것이 좋은 정렬을 가질 수있는 곳이 아닙니다 이미지 크기와 같은 것 너 그렇게 할 수있어

당신이 알고 있다면 그것은 당신에 달려있다 너는 네가 할 수있는 모든 것을 멋지고 유니폼으로 원한다면 너는 그것을 원한다 이미지의 모든 가장자리가 모두 직선으로 나타나도록 이미지의 크기를 변경하십시오 오를 보아라 그래, 여기

나는 뭔가를 바꾸고 싶었다 왜냐하면 동기 부여가 없다면 마치 커서가 커서 위에 커서를 올려 놓은 것처럼 나를 팝업처럼주고 리뷰는했지만 동기 부여와 철학은 그렇게하지 못했습니다 이 링크들에 대한 빠른 편집을하는 방법을 보여주고 싶습니다 메뉴 그래서 당신 메뉴 자체를 왼쪽 클릭하면 편집 상자가 전체 메뉴 I 주위에 표시됩니다 그것이 나를 위해 일하기 때문에 여기에서 매우 간단한 메뉴를 만들었다

나는 기본적으로 청색을 만들기 위해 배경 강조 색상을주었습니다 좋은 대조를 읽기 쉽고 다음 중 하나를 편집하려는 경우 메뉴의 링크를 클릭하면 상자를 두 번 클릭하기 만하면됩니다 전체 메뉴를 선택한 다음 편집 사각형을 두 번 클릭하십시오 그때 강조 표시하려는 링크 옆에 커서를 놓은 다음 마우스 왼쪽 버튼을 누른 채로 그것을 강조 표시하려면 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 링크를 클릭하면 왼쪽으로 이동합니다 페이지 동기 부여 제목 동기 부여 HtML

나는 그것을 보지 않는다 예, 보지 마세요 재미있는 페이지, 그리고 그것은 괜찮아요 스타일 자체가 동일한 창을 열어 가치 이벤트 지금 각 팀을 목표로 삼습니다 나도 몰라, 내가 그걸 알았어 내가 왜 이걸 알아? 나는 모른다

나 갈거야 링크 및 리뷰를 말합니다 오 제목 바로 제목입니다 좋아요 그렇게해야합니다 그건 괜찮아 돌아 가자

다시 동기와 동기 부여로 돌아 가자 나는 그것을 기억하지 못한다 그것을 마우스 오른쪽 버튼으로 클릭하고 링크를 클릭하십시오 그것이 팝업이 될 곳입니다 때때로 그는 모두를 말한다

Alt와 그건 당신이 어디에 팝업을 만들 동기 부여하지만 hMM 외관은 네이트가 아니야 그것은 아래로 취소합니다 나는 확실하지 않다 어쨌든, 당신은 이것의 대부분이 단지 매우 간단하다는 것을 알 것입니다 나는 내가 아는 모든 것을 알지 못했다

오늘 밤 내가 알지 못하는 것처럼 밤새 알지 그 작은 모호한 그림자를 어떻게 알 수 있니? 뒤에 이미지를하기 전에 어떻게해야할지 몰랐습니다 그것은 항상 작동하지 않습니다? 때로는 일이 제대로 작동하지 않습니다 편집하는 동안 제대로 작동하는 것처럼 보입니다 그러나 그것은 당신이 아는 것이 아닙니다

그것은 아니에요 차단기를 그렇게 말하자 어떤 것들은 그들이 생각하는대로 정확하게 나오지 않습니다 그것은 당신이 함께 사는 법을 배워야 만하는 것입니다 이 프로그램에 대해 좋아하는 멋진 점은 나에게 의미있는 웹 페이지이므로 그것이 저에게 중요한 것입니다

웹 페이지에 대해 기분이 좋은가요? 나는 결국 웹 사이트를 보게 될 다른 사람들을 생각하십시오 편안함을 느낄 수있는 좋은 기회를 갖게 될 것이고, 이제는 당신이 나와 동의하지 않을 수도 있습니다 좋아요,하지만 결론은 당신이 당신의 웹 사이트에 익숙하지 않다면입니다 다른 사람이 귀하의 웹 사이트를 편안하게 이용할 수있는 기회는 무엇입니까? 그게 네가 항상 알고있는 것처럼 나 자신에게 항상 묻는 것이다 나는이 기본적인 변화를 만들 수 없다면 편안하지 않아서 기분이 좋다

그게 효과가 없을거야 그게 내가 만난거야 나에게 wordpress wordpress와 같은 다른 디자인 옵션은 예외적으로 비전을 의미 그것은 분명히 그것을 설계 한 사람에게 정말 좋은 의미가 있습니다 하지만 기본 웹 사이트를 구성하기 위해 내가해야 할 일의 요지를 얻는 것이 지옥처럼 실망 스럽습니다 이 옵션을 사용하면 기분이 좋지 않습니다

wysiwyg 웹, 빌더 및 기본 사항이 다뤄 졌음을 알았습니다 나는 내가하고 싶은 모든 일을하는 법을 모른다 그러나 나는 필요한 기본을 할 수 있고 그것에 대해 기분이 좋다 그것이 바로 그 요점입니다 필요한 기본 사항을 무언가로 할 수 없다면 무엇을 할 것인가? 그리고 그게 내가 항상 이 많은 다른 것들로부터 멀어졌다

거의 모든 권한을 가질 수 있다는 것을 알고있는 웹 사이트를 갖는 옵션 이 프로그램을 완전히 제어 할 수없는 유일한 부분은 나는 그 프로그램이하는 모든 것을하는 법을 모르는 모든 것을 모른다 정말 멋진 걸 보았다 이 프로그램으로 구축 된 웹 사이트는 개인적으로 소프트웨어의 다른 사용자가 수행하는 새로운 자습서 비디오처럼 계속보고 있습니다 이 소프트웨어의 비용은 50 달러 미만입니다 따라서 가격 지출을 알 수있는 거대한 것은 없습니다

나는 나의 돈 가치를 분명히 얻은 것처럼 정말로 느낀다 그리고 그것은 나에게 힘을 확실히주고있다 나는 내가 기분이 좋은 점잖은 웹 사이트를 가질 필요가 있었다 나는 웹 디자인에서 배울 것이 많다 나는 항상 너는 내가 항상 당신은 귀중한 기술을 아는 것을 알기 쉽게 열어줍니다

내 기술 세트 내가 원하는대로 쉬운 일은 아니에요 네가 아는 모두는 네가 거기서 너에게 무언가를 팔고 싶어한다 너에게 무언가를 팔고 싶어하는 사람들이 많지만 기분이 좋아지는거야? 실제로 앞으로 나아가고 가까워지는 것을 직접 느끼십니까? 당신은 당신이 어디 있고 싶은지 알고 있습니다 그래서 나는 항상 사람들이 제품 사운드를 그렇게 크게 만들어 주면서 좌절감을 느낀다 그러나 그들은 그것을 깨닫지 못한다

그들은 아니다 평균적인 사람 또는 평균적인 사람들과 의사 소통을하면서 나는 자신이 평균적으로 꽤 당황하다고 생각합니다 나는 플러스 인증 훈련을 통해 두 번 내 자신을 넣었 어 나는 해군 F-18 호넷 (Hornet)의 컴퓨터에서 일하면서 최고 졸업생이었습니다 나는 고등학교에서 명예 졸업생 이었으므로 꽤 분명합니다 나는 그 사람이 아니야

여기 정신적으로 도전 받고 있니? 여기 사람들의 물건을 팔려고하는 많은 사람들이 인터넷에 있습니다 그들이 자신의 분야에서 전문가라고 생각하게 만들지 만 근본적인 문제는 그들이 정말로 장애인 내 말은, 마치 당신이 알고있는 장애자 무지한 사람들과 그것이 그 이유입니다 지금이 비디오를 만들고 있습니다 사람들이 옵션을 갖고 싶어합니다 그들이 당신과 함께 편안함을 느낄 수 있다는 사실은 30 일간 무료로이 프로그램을 실제로 시험해 볼 수 있습니다

궁금한 점이있는 경우 구성 방법을 알고 있어야합니다 예를 들어 블루 호스트에 갈 때 처음으로 호스팅을받을 때와 마찬가지로 여기를 여기 브라우저는 계정 로그인이 어딨습니까? 로그인? 나는 진정한 블루 호스트에있어 크라운을 통한 로그인 로그인 제출 안함, 확인 내가 사용하는이 작은 프로그램은 Dashlane das hla라고했는데 다른 하나에서 방금 배웠다 WYSIWYG을위한 튜토리얼 빌더 그는 그것을 사용했다

그는 실제로 엔지니어이며이 자습서도 수행합니다 하지만 블루 호스트에서 귀하의 계정으로 이동하면 도메인으로 이동하고 나는 며칠 전에 개인적으로이 작업을 수행했습니다 그리고 나는 한 달에 3 배나 많은 돈을 버는 다른 호스트를 사용하고 있습니다 그리고 나는 꽤 오랫동안 변화하고 싶었습니다 하지만 호스팅을 구매할 때 호스팅을 구입 한 마지막 시간에 내가 2 년 동안 지불 한 금액을 알 수 있습니다

그래서 나는 그것을 지불 할 변경을 할 필요가 없었으며 모든 웹 사이트는 모두 설정되었지만 나는 블루 호스트에 관해 좋은 것을 들었고, 잠시 동안 그것을 시험해보고 싶었다 그리고 나는 실제로 당신이 알고있는 비디오가 사람들을 안다는 것을 알게되었습니다 블루 호스트와 그 느낌이 훨씬 나아 졌어 나는 블루 호스트를 사용하고 시장에 내놓는 다른 제휴 마케팅 담당자를 만났습니다 나를 만든 가서 블루 호스트를 알게하고 새로운 웹 사이트를 만들고 싶다는 결정을 내리십시오

그래서 그게 내가 지금하는 곳이야 계정 내의 도메인을 클릭하면 바로 아래에서 기호를 클릭하게됩니다 도메인을 선택하면 왼쪽에 팝업 메뉴가 나타납니다 드롭 다운 메뉴가 있습니다 기호를 클릭하고 간판을 클릭하면? 스크린이 바뀔거야

방금 클릭 했어 아주 좋아 서명 된 도메인을 말합니다 의사 결정을하기 전에 전체 페이지를 읽을 때 더 이해하기 쉽습니다 그래서 터널 비전을 얻지 않도록하십시오

처음으로 계정을 설정하고 질문이있는 경우 블루 호스트의 명성 응답 너는 그들의 고객 서비스 전화 번호로 전화하면 너는 너와 이야기하고있을거야 어느 8 개 8 개 4 개 0 개 1 개 4 개 6 개 7 개 8 개 24/7 기술 지원입니다 지금 전화를 3 ~ 4 번 받았다고합니다 그리고 당신이 유능하다는 것을 아는 누군가를 가졌습니다 나는 질문에 대답하는 유능한 사람을 1 분도 안 남았습니다

어느 것이 정말 대단한가요? 나는 더 좋은 블루 호스트를 칭찬해야한다 신속하고 효율적인 효과적인 고객 서비스는 오늘날 관리자로서 나를 도왔습니다 나는 어제 그것을했고, 나는 그저 작은 문제에 불과했다 그들은 문제를 해결했고 우리는 모든 사람들이 행복하다는 것을 알고 있습니다 그래서 그게 네가 원하는거야

여기에 사용자 도메인의 보조자가 있습니다 1 단계 내부 도메인은 먼저 할당하려는 도메인 이름을 선택합니다 이미 계정과 연결된 도메인을 사용하십시오 지금 내가 한 것처럼 도메인을 구입했을 수도 있습니다

아마 아닐 걸 어쩌면 당신은 위대하거나 어쩌면 당신이 Godaddy를 통해 도메인을 구입했는지 블루 호스트를 통해 당신이 알고있는 도메인을 구입했습니다 내가 도메인을 구입 한 것은 6 ~ 7 년간 godaddy로 이동 했으므로 습관에 들었습니다 Godaddy를 통해 내 도메인 가져 오기 나는 그들의 고객 서비스가 마음에 들었고, 품위 있고, 항상 적시에 일을 처리 할 수 ​​있습니다 두 번째 옵션은 계정과 아직 연결되지 않은 사용자 도메인입니다 여기에 넣을 수는 있지만 여기에 넣을 수 있습니다

좋아 septa 소유권 확인 그건 Na 야 괜찮은지 모르겠다 추가 기능을 말할 때 사용할 때 추가 기능과 부분 기능을 함께 사용합니다 그것이 그들의 말의 방식이다

도메인을 할당하고 싶습니까? 귀하의 첫 번째 도메인과 같은 첫 번째 도메인 너머에 항상 귀하의 주요됩니다 웹 사이트 도메인이지만, 둘 이상의 웹 사이트를 갖고 싶다면 당신은 당신이 거기에 도착하면 당신이 할 수있는 당신의 호스팅 계정을 안다, 당신은 내가 당신에게 추천하는 프리미엄 호스팅을 안다 구축 할 도메인 이름을 아는 두 번째 세 번째 네 번째 다섯 번째 ETC를 추가 할 수 있습니까? 둘 이상의 웹 사이트가 있으므로 두 번째 웹 사이트는 현재 계정과 연결되어 있지 않은 도메인을 사용하십시오 그런 다음 여기를 클릭하면 추가 기능이 선택됩니다 도메인 및 애드온 도메인은 다른 도메인을 가리키는 도메인 이름입니다 계정 하위 디렉토리를 사용하면 완전히 다른 웹 사이트처럼 보이게 할 수 있습니다

그리고 나서 당신이 말하는 것을 읽을 수있는 다른 옵션이 있습니다 나는 너를 죽음에 빠뜨리려고하지 않을 것이지만 나는 그것을 분명하게하려고 노력하고있다 그 당신은이 모든 것을 읽을 필요가 있습니다 질문이 있으시면 고객 지원 부서에서 귀하의 질문에 대답 할 수 있습니다 여기에 새 디렉토리를 만들 수 있습니다

Public Underscore HtML 지금 그게 네가 사용하는거야 이것은 중요한 이해입니다 웹 에디터로 돌아 가면 예를 들어 게시 할 장소 예를 들어, 스티븐 스티븐 (Steven Steven)의 홈페이지를 변경 한 다음, 침착하게 생각해 봅시다

색인 페이지는 무엇입니까? 우리가 변경 한 내용을 다시 게시해야한다고 가정 해 봅시다 우리는 여기서 올라갈거야 우린 그것을 구할거야 우리는 플로피 디스크의 그림을 클릭 할 것입니다 저장 버튼이고 우리는 가장 오른쪽에있는 버튼은 게시합니다

우리는 그것을 클릭 할 것입니다 저기있다 오른쪽으로 보자 폴더가 있으므로 공개이므로 HtML을 강조합니다 좋아, 너 알다시피

우리가 열면 지금 당장 닫고 싶습니다 두 번째 웹 사이트 같은 다른 웹 사이트를 열면 취소를 취소하십시오 좋아, 여기 우리는 최적의 근육 평온의 홈 페이지에 있습니다 우리는 클릭한다

게시하자 우리가 변경을 했어 우리는 간다 공개는 폴더 이름이 단지 public이 아니라는 것을 공지한다 HtML을 강조한다

공개 Underscore HtML 최적의 근육은 괜찮아요 그래서 그것은 HtML의 밑줄의 서브 디렉토리입니다 이것은 하나의 호스팅 계정을이 형식으로 사용할 수있게하는 것입니다 하나의 호스팅 계정을 사용하여 여러 웹 사이트를 가질 수 있으므로 평온한 최적의 근육 ~을 가리키는 Godaddy로부터 이름 서버와 같은 이름 서버를 하나의 이름 서버로 변경합니다

블루 호스트에는 최적의 근육이 할당되어 있습니다 에 추가 기능으로 공개 언더 코어 HtML 그래서 당신이 구성 할 때 편집을 참조하십시오 이것은 당신이 새로운 것을 추가하는 장소입니까? FTP 게시 기본 FTP 게시 게시 여기에 정보가 있는데, 나는 그것을 적어 둔다 이 모든 것을 노트북에 쓰면 아주 좋습니다 과 이 작업은 한 번만 수행하면되지만 제대로 처리하려면 여기를 클릭하십시오

비밀번호를 알아야합니다 귀하의 블루 호스트 계정 및 그런 다음 사용자 이름을 알아야합니다 어느 바로 여기 내 것이 스티브 Pr3 그래서 그들은 블루 호스트가 당신의 사용자 이름을 할당합니다 여기에는 로컬 폴더 또는 FTP 표준이라는 드롭 다운 메뉴가 있습니다 표준 파일 전송 프로토콜 파일 전송 프로토콜 FTP 그게 선택되어야합니다

설명은 귀하의 웹 사이트 이름이고, 귀하의 웹 사이트에 대한 실제 URL은이 예와 같습니다 그것은 htTP 콜론 슬래시 슬래시 최적의 근육 통신 및 호스트 다음입니다 FTP를 최적의 근육 통신 및 그것의 포트 21 포트 21은 무엇을 의미합니까? 모르겠지만 포트 21을 사용 해본 모든 호스팅 계정처럼 보입니다 그래서 거기에 가서 수동 모드 전송을 사용한다고 말합니다 그게 중요한지는 모르겠지만 선택해서 전송을 위해 수동 모드를 사용할 수는 있습니다 하지만 지금 테스트 할 수있는 것처럼 연결되어 있는지 알기 위해 테스트 할 수 있습니다

네, 당신은 당신의 호스팅 계정을 위해 비밀 번호를 분명히 넣어야합니다 테스트를 시작합시다 FTP 서버에 성공적으로 연결되어 서버 주소 사용자 이름과 암호가 정확하므로 그렇게 할 수 있습니다 바로 테스트하고 페이지를 게시하기 위해 제대로 연결되어 있는지, 그래서 지금 당신이 페이지를 게시 할 때 돌아 가기를 원합니다 그것은 페이지를 말한다

당신이 게시 할 수있는 바로 아래에 글이 있음을 공지하십시오 게시 할 수있는 웹 사이트를 변경할 수 있습니다 실제로 편집중인 페이지 따라서 웹 사이트의 모든 페이지를 다시 게시 할 시간이 필요하지 않습니까? 그래서 일반적으로 이것은 내가 편집을 할 때마다 사용할 것이고, 나는 빠르게 편집하고 싶습니다 페이지로 업데이트 나는 네가 알고 싶다 나는 우리에게 작은 편집을 할 것이고, 나는이 페이지를 바로 업데이트하고 싶다

선택한 페이지는 드롭 다운 오른쪽에서 선택된 페이지 만 선택한다는 것을 알고 있습니다 또는 당신은 아마 당신이 세 페이지를 열어 놓은 현재 열린 페이지를 선택할 수 있습니다 전체 웹 사이트를 게시하고 싶지 않지만 세 페이지를 변경했습니다 여기에서이 옵션을 변경하면 현재 두 페이지가 열리 며 변경할 수 있습니다 아니요,하지만 보통은 선택한 페이지 만 사용합니다 그 방법은 내가 한 번에 한 걸음 씩만한다는 것을 안다

그리고 나는 내가 진전을 이루고 있음을 알고 온라인에서 당신이 알고있는 웹 페이지를 보게됩니다 내가 한 일이 길을 보여 주는지보기 위해서, 나는 항상 너의 일을 확인하기를 원한다고 생각한다 그래서 당신은 웹 사이트를 구축하는 것이 약간 지루할 수 있음을 알지만, 일단 설치하면 그리고 당신은 기본적으로 행복합니다 그게 니가 원하는거야 너는 그때부터 모든 것이 훨씬 쉬워진다는 것을 안다

그것은 꽤 예술적이기 때문에 훨씬 더 재미 있습니다 당신은 이것이 당신이하는 방법이라는 것을 압니다 자신을 표현하면 인터넷에 세계를 알게됩니다 너는 그것에 대해 기분 좋게하고 싶다 그게 내가이 비디오를 만들고있는 이유 야

네가 기분이 좋기를 바래 인터넷에서의 귀하의 존재에 관하여 당신은 이것이 통제 할 수있는 웹 사이트를 시작하기위한 기본적인 방법 일 뿐이라는 것을 알고 있습니다 그리고 너는 아주 많은 돈을 쓰지 않고있어 무지하기 때문에 이것이 바로 사람들이 온라인에서 너무 많은 돈을 낭비하는 것은 돈을 약속하는 다른 사람들에게 돈을 버리는 것입니다

너는 알고있다 행복, 그들은 돈을 위해 무엇을 얻게 될지 정말로 모릅니다 여기 30 일 재판이 있습니다 당신은 당신이 정확하게 볼 수 있다는 것을 압니다 당신이 결정하기 전에 환경을 얻고있는 무엇이 이것에 돈을 쓰는 것을 당신이 cognize 결정할 것이다 당신은 30 일을에 얻는다 자동차를 운전하면 말하려합니다

그리고 저는 개인적으로 정말로 간지럽 혔습니다 나는 네가 될 것이라고 생각한다 당신이 알고있는 타이어를 걷어 차세요 쉬운 전화해서 나에게 묻는다

나는 사람들을 돕는 것을 좋아한다 나는 모든 것을 할 것이다 나는 할 수 있고 나는 항상 향상 시키려고 노력하고있다 내가 아는데 것을 내 웹 사이트를 개선하기 위해 알고있는 소프트웨어 및 나는 최선을 다하겠습니다 진실을 당신에게 분명히 전하십시오

나는 의도적으로 누군가를 오도하지 않았다 때로는 내가 할 수있는 것보다 더 많은 사람들을 돕고 싶습니다 어쨌든 그렇게 진짜로 유지해야합니다 여기를 닫자 다른 것이 있는지 나는 모른다

너에게 보여주고 싶다 그것은 그것의 요지입니다 나는 링크를 넣을거야 Bluehost에 대한 나의 제휴사 링크 및이 비디오에 대한 설명에서 그녀를 구축 한 용접기에 대한 설명 그래서 만약 당신이 링크를 클릭하면이 두 가지 서비스를 시도하고 싶을 것입니다 나는 웹 사이트로의 트래픽을 위해 다른 서비스를 여기에서 언급했다 Ervis Revisit 그리고 실제로 제공하는 서비스를 시도 할 수 있습니다

100 명 무료 방문자 귀하의 웹 사이트에 일단 당신이 귀하의 웹 사이트를 건설있어 당신은 그것에 약간의 트래픽을 원한다 트래픽을 타겟으로 삼아 900 개의 긍정적 인 리뷰를 좋아한다고 주장 할 수 있습니다 나는 개인적으로 당신이 어떤 존재인지 알지 못했다 그들로부터의 엄청난 성공, 그러나 실제로 재 방문 Errs로부터 어떤 트래픽도 구입하지 않았다 나는 자유로운 소통량을 얻고있다

그 부분은 너는 나에게 인상적인 것을 안다 그리고 나는 계획하고있는 것에 관해 나는 최신 정보를 줄 것이다 약간의 트래픽을 재 방문 오우거에서 구매하면 꽤 빨리 시도 할 수 있습니다 그들은 한 달에 20 달러 씩 많은 트래픽을줍니다 그럴 가치가있어

나는 20 달러를 버는 사람들이 그렇게 많은 돈을 낭비한다는 것을 의미한다 너무 많이, 외식을하거나 뭐든간에 알지 네, 근본적으로 당신은 좋은 소개를 알고 있습니다 배울 것이 많다 너도 알다시피 이 페이지 중 하나의 이름을 바꾸려면 여기에 페이지를 추가하려면 어떻게합니까? 이 중 하나를 클릭하십시오

나는 내가하고있는 일을 볼 수있을 것 같아 페이지의 이름을 바꾸려면 페이지를 마우스 오른쪽 단추로 클릭하면 메뉴가 표시되고 페이지 이름이 변경됩니다 따라서 이름 바꾸기 페이지를 클릭하면 페이지 이름을 변경할 수 있습니다 그것은 당신이 주위에 움직이는 것들을 알기 원한다면 간단합니다 메뉴에 옵션이있어서 위로 움직이는 것처럼 보입니다

나는 그것을 위로 옮겼습니다 또는 다시 마우스 오른쪽 버튼으로 클릭하고 아래로 이동한다고 말하십시오 웹 사이트 파일 트리에서 페이지 순서를 변경할 수 있습니다 당신은 아주 간단하게 움직일 수 있습니다 여기 아래에 내가이 물건들과 함께 여기에 자습서 비디오의 일부를 엉망으로 만들지 않아

너에 관한 이야기를 보니,이 물건들을 편집 할 수있는 것들을 여기에서 바꿀 수있어 이 모든 것들은 페이지 속성 아래에 있습니다 여기에서 배경색과 같은 속성에 액세스 할 수 있습니다 배경색을 직접 편집 할 수 있습니다 기본적으로이 같은 설정으로 이동한다는 것을 알고 있습니까? 화면에서 마우스 오른쪽 버튼을 클릭하고 페이지 속성을 클릭하면됩니다

그게 나에게 더 직관적 이었어 그리고 당신은 배경색을 가지고있어 포도주 색조가 어디에 있는지를 볼 수 있습니다 보통 및 방문한 링크 또는 보통 파란색 나는 공중 선회 링크가 Dodger blue 또는 sky blue 또는 무언가와 같다고 믿는다 Ariel 텍스트 13 글꼴 크기 및 텍스트는 은색으로 설정됩니다

설명에 키워드를 넣은 작성자에 넣은 메타 태그 제목을 변경 한 일반 탭 그래서 여기 바로 여기, 즐겨 찾기 아이콘입니다 일반 페이지 속성 아래에 있습니다 파일을 선택하십시오 당신이 즐겨 찾는 아이콘이되기를 원하는 것은 웹 브라우저의 탭에있는 작은 아이콘입니다 그들이 지금 설계 한 방식대로 당신은 정말로 작은 이미지를 가질 필요가없는 아주 작은 이미지를 가질 필요조차 없습니다

상당히 큰 이미지를 선택하고 크기를 조정하여 작동 시켰으므로 매우 사용하기 쉬워졌습니다 그들은 정말 좋은 일을 해왔으므로 사용자 친화적입니다 모두 정말 직관적입니다 의미는 모두 의미가 있습니다 자습서 중 일부를 시청하는 데 필요한 몇 가지 용어 또는 용어가 있습니다

그러나 그것만이 건물 양식과 같은보다 진보 된 것들을위한 것이 아닙니다 라이트 박스하기 나는 최근에 라이트 튜토리얼을 제작하는 마지막 튜토리얼 비디오 시계가 꽤 깔끔한 것을보고있었습니다 나는 그것을 좋아한다 누군가가 귀하의 페이지에서 뭔가를 클릭하면 팝업 라이트 박스와 같습니다 라이트 박스 형식으로 동영상이나 양식과 같은 정보를 연락처 양식 팝업으로 표시 할 수 있습니다

팝업창 기존 웹 사이트를 통해 알 수 있습니다 그래서 그것은 많은 트릭입니다 너는 깔끔한 속임수를 안다 넌 할 수있어 일부 아이콘을 추가했습니다

나는 여기서 볼거야 어디 보자 기부 버튼을 추가했습니다 나는 필리핀의 일부 사람들을 돕기 위해 기부금을 요청했다 이걸 취소 할거야

파일에서 전에 다른 웹 사이트를 올리면 내 웹 사이트로 갈거야 나는 변화를 저장하지 않을거야 아니야 변경 사항을 저장하지 않으시겠습니까? 그래서 우리는 다시 여기로 돌아 왔습니다 나는 지금 여기에 덧붙였다

나는 기부에 감사드립니다 나는 필리핀 사람들을 도와 줄 것이다 내가하는 일 기부를하십시오, 그래서 당신이 그 단추를 추가하는 방법을 알고 싶다면, 당신은 단순히 도구를 보러 간다 그리고 여기에 메뉴가 생기면 조금 더 많은 방을 원한다면 좀 더 빼낼 수 있습니다 이 목록을 아래로 스크롤하면 기타 쿼리 바로 거기 기부 버튼 페이팔 기부 버튼과 구성 할 수 있습니다

예를 들어이 일을 할 것이라고 말하고 있습니다 나는 그것을 클릭 할거야 당신이 가져다 주면 여기에 귀하의 작은 마커를 귀하의 웹 페이지 영역에 가져다가 이것을 꺼냅니다 이제 기본 버튼을 보여 주겠지 만 오른쪽 버튼을 클릭하면 객체 속성, 나는 그것이 옵션을 얻는 객체 속성이라고 생각한다 여기에 버튼 이미지와 같은 옵션이 있습니다

그것을 클릭하면 변경할 수 있으므로 변경했습니다 나는 여기에 더 오래 걸리 길 원했다 PayPal에 대한 언급이 없습니다 저거 내가 쓸 수 있니? 조금 더 많은 색이 있었기 때문에 나 자신과 금처럼 내 포도주 색 또는 적갈색 배경의 대조 그러나 선택할 수있는 다른 버튼이 있습니다

세부 정보를 클릭 할 수 있습니다 기부 이름 이드는 이드를 넣어주세요 필리핀 사람들을 도와주세요 나는 이드와 나는 돈을 지불 할 필요가 없다 성공적인 지불 url 나는 아무것도 넣지 않았다

나는 네가 할 수있을 것 같아 일부 즐겨 찾기 워 옵션 없음 변수 없음 맞춤 이미지 오 바로 여기 목표 창 이메일 주소에 입력 한 일반 탭의 첫 번째 탭 아래에 이메일 주소를 입력해야합니다 Paypal을받는 곳 지불금 그리고 PayPal이 샌드 박스를 제공하여 실제로 사이트를 테스트하지 않고도 사이트를 테스트 할 수 있다고 말했습니다 지불금 라이브 버전의 사이트를 게시 할 때이 옵션을 선택 취소하십시오 응? 너는 그렇게 할 수 있었다

당신은 이것을 할 수 있습니다 샌드 박스 사용을 확인하고 알겠습니다 그리고 나서 미리보기 브라우저에서 이것을 풀어 봅시다 나는 그것을 사용한 적이 없다 이 요소를 다른 이유로 삭제하겠습니다

나는 아마 너가 나에게 좋은 자리에 가지 않았다고 보여줄거야? 어디로 갈지 조정하지 않았어 끝날거야 네이티브 광고 나에게 모든 것을 보여주기 어쩌면 너무 오랜 시간이 걸릴 수도 있습니다 우리에게 가셔야합니다 리틀 리틀 로딩 기호가 탭에 있습니다

좋아, 그게 마지막이야 Loi 느린 컴퓨터 일 뿐이므로 네이티브 광고를 표시하지 않습니다 여기 버튼이 버튼을 클릭합니다 샌드 박스를 괜찮다고 했어 그래서 샌드 박스 페이팔은 10 달러를 사용했다 PayPal에 로그인 되풀이해라

오, 오 됐어 그것이 방문자들이 볼 수있는 것입니다 기부 금액을 입력하십시오 PayPal 보안 지불에는 PayPal 계정이 없습니다 신용 카드 또는 은행 계좌를 사용하십시오

사용할 수 있습니다 Blah Blah, 샌드 박스가 괜찮은 것입니까? 나 여기를 클릭 할거야 나는 그 탭을 닫을거야 나는 다시 갈거야 웹 작성 도구와이 버튼을 삭제하겠습니다

이미 강조 표시되었거나 클릭 삭제로 지정되었습니다 이제 우리는 도구 상자를 닫을 것입니다 그리고 우리는 웹 사이트를 닫을 것입니다 구하다 변경 사항이 없으므로 아무 것도 변경하지 않았습니다 이 모든 것이 종료되었을 때의 모습입니다

여기를 클릭하면 다른 모든 것을 볼 수 있습니다 사용 가능한 도구 개체 관리자 페이지 Google 웹 로그 분석 메타 태그 사이트 인 HtML 다중 다중 페이지 속성 사이트 속성 페이지 편집 페이지의 이름 바꾸기 새 페이지 가져 오기 그래서 많은 사람들이 이것을 점점 더 쉽게 사용할 수있게 만들었습니다 이전 버전 또는 많은 옵션과 비교 파일 삽입 집 그게 전부 야 이렇게하면 희망이 큰 빌더가 무엇을 제공하고 무엇을 원하는지 좋은 아이디어를 줬어? Bluehost가 제공해야합니다 유일하게 내가 알고있는 불만 사항이있는 경우에만 웹 사이트를 만들 수 있습니다

사용자 설명서처럼 실제는 아닌 것 같습니다 튜토리얼 동영상이 많이 있습니다 실제 사용자 매뉴얼을 찾으면 나는 최선을 다하여 또 다른 비디오와 내가 이것에 대해 더 많이 알았던 것에 따라 나는 2011 년부터이 프로그램을 사용하고 있었다 그리고 나는 근본적으로 다음과 같이 알고있다 내가 행복해야한다는 것을 알 필요가있는만큼

그것은 기본적으로 내가이 지점에있는 지점입니다 나는 내가 정직한 진실인지 모르겠다는 것을 모른다 꽤 괜찮은 웹 사이트를 만들 수 있다는 것을 알고 있습니다 나는 나에게 지금하는 일의 사용자 편의성에 만족한다 그게 정말로 중요한 일이야? 시간 내 주셔서 감사합니다

이 두 제품과 서비스를 제공하고 싶다면 비즈니스에 감사드립니다 나는 멋진 하루 보내 다음에 너를 볼거야 보고 주셔서 감사합니다