How to use Shopping cart in Laravel 5.7 || E-commerce website in Laravel5.7

이 비디오의 괜찮은 사람들은 쇼핑 카트를위한 새로운 라이브러리를 소개 할 것입니다 아주 좋은 주 동안 우리 laravel 버전 5

7은 내가 당신에게 내가 보여줄 수있게 해준다 새로운 laravel 5 포인트 7 포인트 1 5를 설치했습니다 일반적으로 여기에서 사용합니다 이 라이브러리는 매 5 시간 내 러쉬 러시 내 시리즈에서 괜찮아 그래서 전화입니다 5 점 7 점은 5 점 5 점, 5 점, 6 점은 괜찮습니다 그러나 4,5 및 7은 그렇게 두 번째가 아닙니다

이것은 너무 많이 비슷합니다 이 오래된 라이브러리 다 괜찮아 그냥 설치하고 어떻게 보여 줄게 처음에는 이미 설치 했으므로 이미 설치 했으므로 내가 컨트롤러 버전을 만들어 보자 새로운 도노반이 설치 될 것이다 제어 장치 이름이 통제를 넘어서서 여기에 당신의 경로로 간다 여기에 데이터를 삽입하기위한 경로 창조적 인 형식을 말할 것입니다

기능을 수행하고 우리는이 새로운 기능을위한 새로운 작게 만들 것입니다 번개에 의해 블레이드 괜찮아 그래서 내부 리소스보기 우리는 여기에 양식을 만들 것입니다 손바닥 글 래이 드 (palm Glade)는 PHP를 가장 먼저 넣었습니다 그래서 여기서 나는 행동을 말할 것이다 예, 여기에 출생 후 괜찮은 기능의 DS를 메트로에 추가한다고 말할 수 있습니다 내 달콤한 소년과 우리는 우리가 놓친거야 게시물 방법을 사용하고 그래서 내가 입력하자 X를 입력하면 최상위 죄수가 잘 작동하므로 여기에 공개 된 이름과 가치가 표시됩니다

그 기능을 다하다 10 시야 그래서 여기로 가서 보자 공 괜찮아 열어 놨어 토큰이 작동하고있어, 여기 숨겨져있어

당신은 내가 뭔가 제품 이름 가격이 될 필요가 게시물을 의미 뜻 그래서 여기에있어 그것의 텍스트 당신은 그것을 말할 가치가있는 이름을 말할 것입니다 우리는 그 시간에 여기에 넣을 것입니다 오, 그것을 복사 한 현재 시도 중 하나를 복사 이름을 여기에서 말하면 이름이 비어 있고 가격과 수량은 빈 공기를 사용할 수있는 국가들 여기에 숫자를 넣으십시오 괜찮습니다 눈도 MC가 전체 라인을 반영 마지막으로 버튼 입력 유형이 가장 중요합니다

여기에 네가 복종한다고 말하고 그 후에도 복을 빌게 될 것입니다 간단한 레이블을 붙이거나 그것의 이름을 그것의 이름이라고 부르는 것입니다 가격 및 그게 네 잘못이고 입력 x 버튼 괜찮아요 이제 추가로 갈 것이므로 추가 할 경로를 추가 할 수있는 힘이 필요합니다 우리가 여기에서 말할 것일 정도로 당신의 컷 컨트롤러에 가라 car controller controller add 무게 함수 이미지가 괜찮아요

그것을 열어 우리의 컨트롤러 여기 내 차 컨트롤러는 여기에있다 컨트롤러 내가 생각하는 철자법은 잘못이 아닙니다 그래서 여기에 넣으면 함수 호출을 만들지 예술을 추가하거나 요청하지 않아도됩니다 여기에 요청하거나 돌아 가자 이름을 내게 알려줘 Underdark want P 여기에서 우리의 데이터는 이제 기능이 있음을 의미합니다

너는 모든 것을 읽을 수있다 내가 여기서 기억하는 것은 가변적 인 행동이다 함수는 하느님입니다이 함수 내부의 함수입니다 ID가 필요합니다

에서 이모는 이름이 올라야 해 눈에 상을 줄 것을 요청합니다

1 int 1 예 3 개의 화음이 진화하고 양은 괜찮아요 우리가 더할 나위없이 좋았어요 MX e dun dun 새로 고침하고 모든 이름에 대해 모든 수량 ID 수량을 제출할 것입니다 확인 사용 자동차 공기가 네임 스페이스이거나 그것을 사용하여 뮬을 새로 고침하면 어떻게 표시 할 수 있습니까? 그 위대한 기능은 자습서 시리즈 la la 라 라 파우라 (La la paura) 매장 5 5이 라이브러리를 사용할 수 있기 때문에 꽤 많이 있습니다 우리가 여기있는 것 외에는 좋고 비슷하다 우리의 마지막 라이브러리가이 함수를 사용하고 있지만 여기에서는 get content를 사용합니다 if 나는 카드를 클릭하여 경로에 갈 것이므로 여기서 우리는 경로를 얻는다

하나님 컨트롤러 기능은 시작이므로 카 제어 및 배열의 또 다른 목록을 반환합니다 차가 네 딸 이니 좋아 나 한테 벌써하게 해줘 오, 엄마

이거 하나 좋아, 여기 가면 공공연히 쇼핑하러 가고 괜찮다면 제 기능은 양식 이예요 카드는 비어있는 카드이므로 이제는 세 번째 가격과 양식 제출 완료 지금 우리는 우리의 차를 읽을 수 있습니다 괜찮아요 경찰은 재미 없어

헤어 스타일을 만들지 않아서 찾지 못했어 새로운 파일은 부분로드입니다 여기 PHP는 여기에 변수를 넣으면됩니다 당신은 이것을 말할 것이고, 후에 당신은 차를 가리키는 당신의 차를 볼 것이라고 말할 것이다 에디의 사기성 교훈은 금발 아가씨를 카드에 맡겨야 해 내용을 다시 저장하십시오

괜찮은 데이터 변수를 찾을 수 없습니다 내가 경찰을 보내 줄께 알았어 여기서 너는 갈 필요가 있으면 갈거야 잘라 그래 그래, 제발 여기로 돌아가서 내가 네가 데워 줄 테니 네가 돌아가도록 내버려둬 나 여기에 자동차에 간다 좋아, 여기 아무도 클릭하지 않는 카드 다

카드는 자동차에 변수로 갈 것이고 비디오는 자동차가 아니지만 반드시 있어야합니다 그렇게 잘 새로 고침 오, 괜찮아요 오, 다시 전화를 통해 가서 늪에 추가 당신은 ID 이름을 바꿉니다 신의 이름 그것은 좋은 매너가 아니에요 그래서 3이되고 싶다는 뜻은 아닙니다 제출 사촌 우리가 여기로 돌아와서 우리가 다시 만나서 너와 함께 차 데이터 수집 너무 거시기 끝내기 그거 새로 고쳐서 여기 오르는 첫 번째 상승입니다 이 양을 볼 수있는 모든 것 음

당신이 색상과 크기를 추가 할 수있는 형태의 것 색상을 많이 만들고 텍스트를 만들어 봅시다 텍스트를 만들고 중간 크기입니다 너는 채울 것이고 여기에 갈 것이고 여기에 너는 새로운 에릭을 만들 것이다 그것은 재부팅시 괜찮아요 사용 떠나기에서 전화 했어 특성 나는 여기에서 철자법에서 주변에 없다고 생각한다

우리는 색을 말할 것이고 너는 당신이 좋아할만한 크기의 보고서를 말할 것이고 그래서 당신은 모든 것에 대한 설명과 여기에 크기가 있습니다 어떤 가격이라도 말할 수있는 괜찮은 양 크릭과 붉은 색은 XL을 읽습니다 제출하고 당신은 그 붉은 색 X를 지금 볼 수 있습니다 모든 것이 간단하다 내가 필요하다고 가정해야 할 양식을 만들자

색상을 빨간색으로 변경하고 빨간색을 노란색으로, 크기를 XL에서 L로 변경하여 기억하십시오 그냥 신분증 – 괜찮아 ID를 바꿀 수 없어 다 괜찮아하지만 너는 바꿔야 해

그냥 여기에 노란색을 넣어 공유하고 지금 제출 색상은 노란색 크기이므로 그게이 튜토리얼을 따라 가면 아주 간단합니다 그것은 당신이 이것을 따라 할 수있는이 라이브러리와 매우 유사한 튜토리얼 시리즈입니다 튜토리얼과 이것이 우리가 사용할 수있는 라이브러리입니다 최신 라 라벨 이제 괜찮습니다 예, 이건 하나의 쇼핑 목록으로 괜찮아요

이 최신 비디오 및 이것은 도서관이므로 다음 비디오에서 만나십시오 고맙습니다

Website on HTML or WordPress | Which is Better?

안녕 친구 내 이름은 sahil khanna이고 intellectualindies보고있다 오늘 우리는 html 및 WordPress에 대해 이야기 할 것입니다

얘들 아, 왜 내가 HTML, CSS, PHP를 배워야하는지 많이 논평하고있다 나는 워드 프레스에서 웹 사이트를 만들 수 있기 때문에 그래서 우리는 언론에서 완전한 본격적인 웹 사이트를 만들 수 있습니다 그래서 우리는 개발이 필요하지 않습니다 그래서 기본적으로 핵심 웹 사이트 장점과 단점 WordPress의 웹 사이트 대 이것을 이해하려고 노력하십시오, 만약 내가 잘 보이는 웹 사이트를 원한다면 제대로 비즈니스를 위해 특정 기능이 필요하지 않은 경우 그럼 그 경우, 나는 WordPress에 그 웹 사이트를 만들 수 있습니다 WordPress는 무엇입니까? WordPress는 일종의 프레임 워크입니다

코딩이 미리 정의 된 경우 기본적으로 워드 프레스는 코딩, 프레임 워크에서 코딩은 사전 정의됩니다 마찬가지로, 해당 버튼을 클릭하면 자동으로 코드가 생성됩니다 그러나, 그들이 만든 Pre Sets 우리가 가진 모든 것입니다 그래서, 만약 내가 좋은 웹 사이트를 만들고 싶다 그리고 내가 원하는 기능을 위해, 그들은 플러그인이어야합니다

일부는 무료이며 일부는 유료입니다 기능 기능을위한 플러그인을 설치할 수 있습니까? 아니면 내가 원하는 기능을위한 플러그인이 없습니다 다음 포인트는 내 웹 사이트가 무거워 질 수 있다는 것입니다 내가 많은 플러그인을 설치한다면 그것이 WordPress의 유일한 단점입니다 그러나 코딩에서 우리는 거의 모든 것을 우리 손 안에 우리는 원하는 것을 만들 수 있습니다

그리고 우리가 깨끗한 코딩을한다면, 웹 사이트는 빠르고 가볍게 될 것입니다 우리는 WordPress에서 플러그인을 사용했습니다 여기에 몇 가지 도구도 사용할 것입니다 그러나 그것들은 상대적으로 빠를 것이다 그리고 뭔가 독특한 것을 원한다면 아직 설계되지 않았다

그럼 난 코딩에서 할 수있어 그게 유일한 차이 야 코딩에서 응용 프로그램을 개발할 수 있습니다 내가 코딩에서 채팅 상자를 만들 수 많은 독특한 것들을 만들 수 있습니다 그것은 인터넷에 존재합니다 하지만 내가 WordPress에 충실한다면 WordPress 웹 사이트 만 만들 수 있습니다

기본 비즈니스 프로필에 대해서만 1 페이저 1, 또는 5 페이저 1 전자 상거래도 만들 수 있습니다 그러나 나는 큰 전자 상거래가 워드 프레스에 의해 처리 될 수 없다고 말할 것이다 그리고 나는 당신이 그것을 WordPress에서 실행하도록 만들려고 노력한다, 그리고 당신은 서버를 위해 거대한 양을 필요로 할 것이다 그래서 당신이 WordPress 기반의 웹 사이트를 찾고 있다면 더 나은 것은 코딩을 할 것입니다 당신이 뭔가를 생각하고 있다면 큰,하지만 만약 당신이 제한된 제품을 wordpress 작동합니다 이제 WordPress의 이점은 그건 매우 쉬워요 코딩에는 많은 노력과 시간이 필요합니다

우리는 코딩에서 프로가 아니므로, 우리는 Trouble에 빠지게 될 것입니다 그 (것)들은이다 WordPress로 암호로 고착의 틈을 사기의 아무 기회도 WordPress에는 또한 Pre Made Website Designs가 있습니다 그리고 괜찮은 웹 사이트를 만들 수 있습니다 그러나 코딩에 대해 말하면 처음부터 다시 작성해야합니다 가능한 코드 스 니펫 우리의 연구 또는 우리의 근원으로부터 아니면 어딘가에서 누군가의 오래된 작품에서 그것을 훔쳤습니다

우리는 복사하여 붙여 넣기로 사용할 수 있습니다 이전 비디오에서 말했듯이 미리 만들어진 HTML 템플릿을 어떻게 사용할 수 있습니까? 그러나 누군가의 오래된 일을 수정했습니다 그러나 우리가 하드 코어 변화를 원하면 코딩을해야합니다 WordPress의 다음 이점은 하드 코어 코딩 웹 사이트를 만들면 시간이 걸릴 것입니다 시간은 기본적으로 돈을 의미합니다

웹 사이트 개발을 위해 나와 함께 간다면 내 고용인들에게 월급도 줘야 해 해당 웹 사이트가 2-3 개월 정도 걸리면 그리고 4-5 명이 그 일을하고있다가 적어도 급여가 급여를 받는다 기본적인 것은 이것입니다 그러나 WordPress에서 웹 사이트를 제공 할 수있는 사람은 1-2 일 만에 열심히 노력합니다 당신이 WordPress에있는 발달을 위해 또한 다른 사람에 간 경우에 그러면 비교적 저렴한 가격으로 웹 사이트를 개발할 것입니다

그래서 최근 저는 WordPress Based Plans을 시작했습니다 우리가 아주 저렴한 가격으로 서비스를 제공하는 곳 관심이 있으시면 Our Website-Lapaascom에서 확인하실 수 있습니다 위의 링크도 볼 수 있습니다 그들의 것이 우리의 아니오가 될 것이며, 우리에게 전화 할 수 있습니다

한가지 더 말씀 드리고 싶습니다 그게 보안이야 WordPress는 자체 보안에 대한 작업을합니다 당신은 코딩에서 당신 스스로 웹 사이트 보안에 대한 작업을해야합니다 그래서 그들의 비용은 하이킹 코딩에있을 수 있습니다

기본적으로 4 포인트 만 있습니다 첫 번째는 Hardwork입니다 코딩 작업을 더 많이하고 WordPress에서는 비교적 적게 작업해야합니다 그 때 시간 코딩은 개발에서 많은 타이밍이 필요합니다 그런 다음 가격 코딩 비용과 비교하여 코딩 비용이 높습니다

용이성, 코딩 필요, WordPress 덜 필요 네 번째는 보안, 당신은 코딩에 대한 귀하의 웹 사이트의 보안에 대한 작업을해야하지만, WordPress는 자체 보안과 업데이트에 대한 보안 작업을 수행합니다 우리가 Mobiles에서 얻은 것과 마찬가지로 WordPress 롤아웃 업데이트 자 이제 스스로 생각해보십시오 당신에게 중요한 것은 무엇입니까? 우리가 기본 웹 사이트를 원한다면, 나는 WordPress에 갈 것이다 나는 내 마음 속에 특정한 것을 가지고있다 그럼 난 하드 코어 웹 사이트 코딩에 갈거야

당신이 코딩에 관심이 있다면, 당신은 내 시리즈의 개발을 따를 수 있습니다 당신이 WordPress에서 일하는 경우에도 다음 시리즈를 따라갈 수 있습니다 때문에 WordPress에서도 맞춤 설정을 할 수 있습니다 전에 언급했듯이, WordPress는 코드에만 기반합니다 코딩을 배우면 Wordpres를 수정할 수 있습니다 인사말 의견을 공유하십시오, 왜 WordPress가 더 좋고 코딩이 더 나은가? 인사말

Cài đặt và cấu hình Web Server IIS, PHP, MYSQL trên Windows Server 2012 R2 – Lâm Phan

안녕 얘들 아! 오늘 나는 안내 할 것이다 Windows Server 2012 R2에 웹 서버를 설치하고 구성하는 방법 먼저 서버의 정적 IP를 설정해야합니다

IPv6을 끕니다 해제하지 않으면 DNS 구성이 실패합니다 따라서 IP 구성이 완료되었습니다 다음으로 DNS와 IIS WebServer를 설치합니다 서버가 서비스 설치를 수행 중입니다

이 섹션은 약간 길기 때문에 동영상을 자릅니다 서비스가 설치되었습니다 닫기를 클릭하여 대화 상자를 닫습니다 다음으로 DNS 구성을 진행합니다 현재 Google 서버에 도메인이 없습니다

서버 이름을 마우스 오른쪽 버튼으로 클릭하여 도메인을 만듭니다 영역 이름 : 만들려는 도메인 이름을 입력하십시오 IP 주소 : 서버의 IP 주소를 입력하십시오 파란색 체크 표시가 나타나고 OK라는 단어가 올바른 경우 오류 메시지 표시 걱정할 필요가 없습니다

OK를 누르십시오 도메인 생성 먼저 포인터를 만듭니다 서버의 IP 레이어 입력 다음으로 호스트 생성 이름 : 서버 이름을 입력하십시오 IP 주소 : IP 서버를 입력하십시오 선택하여 자동으로 생성 및 업데이트 할 포인터에 대한 관련 포인터 (PTR) 레코드 만들기를 선택합니다

호스트를 성공적으로 만들고 완료를 클릭하여 대화 상자를 닫습니다 DNS 관리자 대화 상자를 새로 고쳐 방금 만든 데이터를 업데이트하십시오 스스로 만든 포인터 시스템 다음으로 DNS가 작동하는지 확인하십시오 위와 같이 정보를 표시하는 것은 성공적입니다 다음으로 웹 서비스를 실행하기 위해 별칭을 만듭니다

OK 그래서 우리는 DNS를 생성하고 성공적으로 구성했습니다 그런 다음 Web Server (IIS)를 설치 및 구성합니다 웹 브라우저가 열려 있으면 웹 서버가 작동하는지 테스트하십시오 확인할 localhost를 입력하십시오

웹 브라우저는 위와 같이 웹 서버가 작동 중임을 의미하는 내용을 표시합니다 다음으로 PHP와 MySQL을 설치합니다 새 웹 플랫폼 구성 요소 가져 오기를 선택하십시오 무료 다운로드를 클릭하여 Web Platform을 장치로 다운로드하십시오 웹 플랫폼 설치 PHP를 검색 창에 입력하여 검색하십시오 여기서는 PHP 5

538을 선택합니다 그런 다음 mysql을 입력하여 검색하십시오 여기서는 MySQL Windows 55를 선택합니다

루트 계정으로 MySQL 암호를 입력하십시오 시스템이 다운로드 및 설치를 진행 중입니다 (이 부분은 조금 길어서 잘랐다) 설치가 완료되었습니다 완료하려면 마침을 클릭하십시오 이제 테스트 할 PHP 파일을 만듭니다

그런 다음 웹 사이트의 소스 코드를 포함 할 폴더를 만듭니다 웹 서버에 웹 사이트 추가 (IIS) 실제 경로는 웹 사이트 소스 코드가 포함 된 폴더를 선택합니다 IP 주소 : 웹 서버 (IIS)를 실행하는 서버의 IP를 선택합니다 호스트 이름 : 도메인 이름을 입력하십시오 이제 막 생성 한 웹 실행을 실행합니다

Ohhhhh! 이 오류는 Microsoft Visual C ++ 2012를 설치하지 않아서 발생합니다 이 웹 사이트는 PHP 언어를 사용하기 때문에 기본 문서를 indexphp로 설정하십시오 다음으로 Microsoft Visual C ++ 2012를 다운로드하십시오 OK, 오류를 수정했습니다

이제 사용 가능한 웹 사이트 소스 코드를 설치하십시오 여기 WordPress 소스 코드를 설치하려고합니다 소스 코드를 추출하여 웹 사이트 폴더에 복사하십시오 성공적인 웹 실행, 이제 WordPress 소스 코드에 웹 사이트 설치 이제 데이터베이스를 생성합니다 MySQL 암호를 입력하십시오

"create database lamphan"명령을 입력하십시오 여기서 "lamphan"으로 데이터베이스 이름을 만듭니다 OK, 데이터베이스가 성공적으로 생성되었습니다 정보를 입력하여 웹을 만듭니다 이 코드를 복사하여 지시 된대로 wp-config

php 파일에 붙여 넣으십시오 웹 사이트 정보 입력 PHP와 MySQL을 사용하는 웹 사이트는 잘 작동합니다

How to design a complete website using bootstrap 4, html5 ,css3 and jQuery

오늘 나는 완전한 웹 사이트를 디자인하는 방법을 보여줄 것이다 부트 스트랩 4 html5 및 css3 오늘 우리는 이런 종류의 웹 사이트를 디자인 할 것입니다

반응이 좋다 먼저 부트 스트랩 4를 다운로드하여 압축을 풉니 다 그리고 dist에 가라 여기에서 복사 할 수 있습니다 bootstrapcss 또는 bootstrap

mincss js 파일 복사 bootstrapjs 또는 bootstrapminjs 마찬가지로 글꼴 다운로드 복사 CSS 및 글꼴 당신은 또한 jQuery 파일을 다운로드해야한다

링크는 설명에 표시됩니다 이 모든 파일을 하나의 폴더에 넣으십시오 나 벌써 다 했어 내 모든 파일을 youtube2 폴더에 복사했습니다 편집을 위해 모든 도구를 사용할 수 있습니다 나는 당신이 사용할 수있는 드림위버를 사용했다

그래서 이제는 열려있는 드림위버를 허용합니다 새로운 파일 ie html5 파일 이름을 말하자 학교 프로젝트이 파일 저장하기 이 파일을 indexhtml로 저장하십시오 이제는 CSS와 jQuery 파일 이 jQuery 파일을 부트 스트랩 파일 위에 놓아야한다

이제 배너를 만들어 보겠습니다 이제 다시 새 파일을 만들어 보겠습니다 지금 ie css 파일 이 파일을 다음과 같이 저장하십시오 stylecss 이제 open style

css를 허용합니다 이제 스타일 배너를 사용할 수있게되었습니다 높이 100vh는 화면 높이가 100 % 인 화면 높이 파이어 폭스에서 미리 보도록하겠습니다 당신이 볼 수 있듯이 이미지의 높이는 100 %입니다 화면 이제 헤더 섹션을 만들어 보겠습니다

이제 헤더 섹션을 스타일링 해 보겠습니다 여기 rgb는 색상이고 a는 불투명도 (예 : 06)입니다 우리의 불투명 함 헤더 CSS에서 몇 가지 사항을 변경해 보겠습니다 이제 완벽 해 보입니다

이제 탐색 섹션을 만들자 그래서이 google 검색 bootstrap4로 이동 및 탐색 navbars 이 링크 복사 여기에 붙여 넣으세요 우리가 이것을하지 않으면 이것을 제거하십시오 대신 mr-auto put m-auto 이제 변경 사항을 살펴 보겠습니다 이것이 우리가 원하는 것입니다

약간의 변화를 만들어 보자 이제 스타일 탐색을 시작합시다 나중에 완벽 해 보이는군요 여기 전환 속성은 애니메이션 용입니다 이 전환 속성을 제거하면 당신은 변화를 볼 수 있습니다

사용하는 편이 낫다 전이 속성 이제는 플렉스 슬라이더를 돌릴 차례입니다 이것을 위해 woocommerce-flexslider를 다운로드해야합니다 추출하다 데모 후 추출 CSS 및 사본 flexslidercss goto js jquery

flexsliderjs를 복사하십시오 이것을 폴더에 넣으십시오 나는 이것을 이미 끝냈다 CSS와 jQuery 원래 파일에서 flexslider

css 당신은 몇 가지 변경 즉, 이것을 제거해야합니다 글꼴 플렉스 prev 및 다음에 굴절시키다 또한 제거 플렉스 컨트롤 페이징 li : hover 변화를 일으키다 flex-control-paging li a 및 flex-control-paging li aflex-active 이 코드 이 코드를 복사하십시오 정확한 코드 복사 나는 이미 이것을했다

또한 자바 스크립트 코드를 입력해야합니다 여기에 코드가있다 당신은이 코드를 flexslider 다운로드 파일 이제 flex 슬라이더에 대한 코드를 입력 해 봅시다 지금 나는이 슬라이더를 화면의 중앙에두고 싶다 이것에 대한 가로 및 세로 모두 제공해야합니다

부모 클래스 상대 위치와 자식 클래스를 절대 위치로 위치 지정 여기 클래스 배너는 potison입니다 부모 클래스이기 때문에 친척입니다 클래스 슬라이더를 자식 클래스이기 때문에 절대 위치 지정 더 많은 버튼을 위해 지금 버튼 부트 스트랩 모달로 가보자 이 코드를 복사하십시오 클래스 슬라이더가 끝난 후에이 코드를 넣는다 이 버튼 코드를 원하는 위치에 넣으십시오

이제 더 많은 스타일을 읽겠습니다 다른 용도로 사용할 수 있습니다 이것에 대한 다른 모달 이 데이터 타겟 이름을 변경해야합니다 이 이드에서 전화해서 너는 또한 변화 할 필요가있다 아리아 – labelledby 이름과이 이드에서 이것을 부른다 다른 모달에 대해 다른 읽기를 더 많이 사용할 수 있습니다

이제 섹션에 대해 만들어 보겠습니다 현재 전환 속성에 있음 웹킷 Firefox 용 Google 크롬 moz 지금 creat 서비스 섹션을 보자 이제 스타일 서비스하자 지금 gallary를 만들어 보자 gallary 용 라이트 박스를 사용했습니다

라이트 박스를 다운로드해야합니다 링크는 아래 설명에 나와 있습니다 라이트 박스를 다운로드 한 후 추출 그리고 dist에 가라 CSS lightboxcss 복사 및 복사 그리고 js에 가라

lightboxminjs 복사 폴더에 넣으세요 나는 이미 다음을했다 이것을 연결하십시오

js 파일 그 후 CSS 파일 여기 중간 장치 용 col-md 소형 장치 용 col-sm 여분의 작은 장치 용 col 지금 creat하자 강의 섹션 나는 내가 끔찍한 일을했다고 생각한다 그래서 이것을 고쳐 보자 이제 괜찮아 이제 creat지도를 봅시다 지금 google에 가라 모든 위치 검색 공유를 클릭하십시오

삽입 맵을 클릭하십시오 사본 암호 붙여 넣기 이제 footer 섹션을 creat하자 여기 내가 뭔가를 잘못했다고 생각해 폰트 코드 코드 그래서 이것을 고쳐 보자 나중에 지금은 완벽 해 보이네 이제 괜찮아

자 이제 위로 가기로 다시 만들어 보겠습니다 먼저 ID를 정의 해주세요 이제 jquery 코드를 사용하여이 코드를 복사 할 수 있습니다 이 코드를 정확히 넣으십시오 이하 이 jquery 파일 그렇지 않으면 효과가 없을 것입니다

여기서 100은 의미한다 너라면 높이 야 엉덩이가 아빠에게 돌아가는 것보다이 높이 아래로 스크롤하십시오 여기서 우리는 이드를 back-to-top이라고 부릅니다 이 700은 스크롤 속도 즉 0

7 초 이 정확한 코드를 복사하십시오 이제 변화를 보자 지금 내가 섹션을 클릭하면 또는 어떤 탐색에서도 아무데도 가지 않습니다 그러나 내가 이드라면 내비게이션 미안, 내비게이션에 ID를 정의하고 그 ID를 호출하십시오 특히 섹션 그런 다음 특정 섹션으로 이동합니다

이제는 부드러운 스크롤을 위해 jquery 코드가 있습니다 죄송합니다 자바 스크립트 코드 여기 500은 스크롤 속도 즉, 05 초 정확한 코드 복사 변경 사항을 볼 수 있습니다 예, 마침내 우리는 웹 사이트를 완성했습니다 같이 부딪 치고 엉덩이를 물리 치세요

내 동영상을 시청 해 주셔서 감사합니다

The 5 Major Don'ts of Building an Ecommerce Site | Two Minute Tuesdays

안녕 모두들! 제 이름은 매트이고 저는 여기 Volusion의 소셜 미디어 관리자입니다 환영 2 분 화요일에 2 분간의 전자 상거래 조언을 제공합니다

온라인 성공 2 분 화요일 동안 우리는 당신이 당신을 위해해야 ​​할 많은 일들에 대해 이야기했습니다 전자 상거래 사이트이지만 아직하지 말아야 할 활동에 초점을 맞 춥니 다 와 그 점을 염두에두고, 오늘 저는 5 대 전공으로 당신 만의 온라인 상점을 만들지 않겠습니까? 첫째, 계획 없이는 아무것도 시작하지 마십시오 전자 상거래를 구축 할 때마다 사이트에서 마일스톤을 보유하고 있는지, 목표를 달성했는지, 당신이하고있는 방법을 측정하기 위해 측정 기준을 망쳤다

즉, 탄탄한 사업 계획을 수립하십시오 장거리 다음으로, 디자인과 브랜딩을 잊지 마라 모든 단계 당신은 귀하의 사이트가 어떻게 보이는지, 적어도 일반적인 아이디어가 있으니 브랜드가 무엇을 표현하는지 알아야합니다

이 비전은 단추 색상, 제품 사진의 모양과 같은 나중에 결정을 내리는 데 도움이됩니다 너의 사본의 음색이 무엇과 같을 까, 그래서 너가이 요인을 고려하고 있다는 것을 확인 하십시요 출발점에서 세 번째로, 세부 사항을 짐작하지 마십시오 동안 처음에는 어떤 결정이 중요하지 않다고 생각할 수도 있습니다 길

예를 들어 가맹점 제공 업체와 하나의 옵션을보고 있다고 가정 해 보겠습니다01 %의 요금 만 부과합니다 이것은별로 좋아하지 않지만, 전자 상거래 사이트에서 수백만 달러를 벌어 들여 미래에 많은 돈을 요할 수 있습니다 넷째, 밤새 판매를 기대하지 마십시오

예, 웹 사이트를 시작하는 것은 매우 흥미로운 일입니다 과정이 끝나면 자신에 대해 기분이 좋아질 것입니다 그러나, 판매가 즉시 들어오는 것을 보지 말고, 실망을 자초 할 수 있습니다 당신 밖에있는 수백만 개의 웹 사이트가 있다는 것을 기억해야합니다 그 중 많은 사이트가 판매되고 있습니다

귀하와 동일한 제품이므로 시간과 돈을 투자하는 것이 중요하다는 것을 알아야합니다 마케팅에 이러한 투자는 트래픽이 유입되고 판매가 이루어지는 지 확인하는 데 도움이됩니다 통과하고있다 하룻밤 사이에 판매를 기대하지 마십시오

좋은 모습이 될 것입니다 마지막으로, 그러나 적어도 한 번에 모든 것을하려고하지 마십시오 많은 결정을 내려야합니다 온라인 상점을 개설 할 때 취해야 할 조치가 많으므로 작은 이정표를 설정하십시오 "오늘, 나는 5 개의 제품 페이지를 조립할 것", 또는 "오늘, 나는 내 홈페이지를 시작하려고합니다 "그 승리를 축하하고 당신의 온전함과 온라인 비즈니스를 유지하기 위해 관리 가능한 시간표를 지키십시오

움직이는 다행히도이 다섯 가지 말로 당신을 지킬 것입니다 귀하의 전자 상거래 사이트를 성공적으로 운영하여 성공적으로 운영 할 수있는 방법에 대해 알아보십시오 궁금한 점이 있으면 항상 기꺼이 도와 드리겠습니다 그냥 내 의견에 질문을 남겨주세요 아래 상자를 클릭하면 기꺼이 연락 드리겠습니다

나부터 너 행복 판매!

Create Amazing Responsive Bootstrap Website From Scratch

안녕하세요 여러분, 오늘의 akshay와 매일 수업료 환영합니다 이 튜토리얼에서 우리는이 놀라운 반응 부트 스트랩 웹 사이트를 할퀴다

따라서이 비디오를 시작하기 전에이 채널을 구독하지 말고 클릭하십시오 이 비디오가 마음에 드시면 버튼을 클릭하십시오 그래서 우리가 떠나기 전에, let 's가 시작됩니다 먼저 프로젝트를 만들고 내용 css 및 js 파일의 부트 스트랩 파일을 추가하십시오 그런 다음이 자습서에서 사용하는 이미지 폴더와 그 내용 이미지를 가져옵니다

이 이미지와 부트 스트랩 파일을 설명에서 모두 다운로드 할 수 있습니다 이제 프로젝트의 루트 디렉토리에 새로운 homehtml 및 Stylecss 파일을 만듭니다 창을 두 개의 섹션으로 분할하고이 두 창에서이 두 파일을 엽니 다

뷰포트 메타 태그로 간단한 HTML 형식을 만듭니다 이 시간에 집으로 가져갈 수 있도록 페이지의 제목을 변경하십시오 이제 stylecss와 bootstrap 파일을 homehtml에 링크하십시오

html 파일에 링크하는 모든 파일은 절대적으로 경로 그래서 그것은 잘 작동합니다 그리고 jquery와 bootstrapjs 파일을 script 태그로 연결하십시오 먼저 jquery 파일을 추가 한 다음 bootstrapjs 파일을 추가하십시오

부트 스트랩 파일이 jquery 파일 위에 있으면 클릭 이벤트가 제대로 작동하지 않습니다 그것이 매우 중요하기 때문에 당신의 마음 에이 일을 계속 그럼, 본문 섹션으로 이동하여 탐색 메뉴를 만듭니다 nav navbar = "navbar navbar-expand-lg navbar-dark 우리는 흑색 네비게이션 바를 사용하고 있습니다 어둠의 navbar

nav에서 navbar 브랜드 클래스로 앵커 태그를 만듭니다 그리고 우리는 navbar 브랜드에 왼쪽 패딩을 준다 그런 다음 토글 버튼을 만들고 싶습니다 이 유형 버튼 클래스를 만들려면 navbar 토글 유형이 버튼입니다 그리고 우리는 또한 data-toggle = "collapse"data-target = "# navbarNav"와 같은 몇 가지 필요한 부트 스트랩 속성을 추가합니다

aria-control = "navbarNav"aria-expanded = "false"aria-label = "토글 탐색" 그런 다음 span 태그를 삽입하여 토글 아이콘을 만듭니다 따라서 <span class = "navbar-toggler-icon"> </ span>을 입력하십시오 이제 토글 버튼을 만든 후에 탐색 항목을 만들어야합니다 div 클래스 축소를 만들고 navbar 축소 클래스를 추가하십시오 그런 다음 데이터 대상 속성에서 만든 ID와 정확히 일치하는 ID를 지정하십시오

그런 다음 탐색 항목 클래스가있는 li 태그를 만들고 패딩 x와 활성 클래스를 추가합니다 그런 다음 탐색 링크 클래스로 앵커 태그를 만듭니다 Href 속성을 비워 둡니다 먼저 홈 탭을 만들어 여기에 집을 만듭니다 앵커 태그에 sr 전용 클래스가있는 스팬 삽입 이 클래스는 레이아웃에서 화면 판독기 전용 정보를 숨기는 데 사용됩니다

렌더링 된 페이지 li 탭이 완료되면 일관되게 li 태그가있는 메뉴 항목을 만듭니다 그래서이 모든 코드를 복사하여 모든 닫는 li 태그 아래에 붙여 넣습니다 블로그를 서비스 및 우리에 대한 이름으로 바꿉니다 이제 배경 이미지를 삽입하여 stylecss 파일로 이동하여 html을 만듭니다

및 바디 클래스 우리는 높이 100과 너비 100을 취할 것입니다 그런 다음 배경 이미지를 찾습니다 그런 다음 배경 위치를 사용합니다 : 0 % 왼쪽과 9 % 위쪽 배경 크기 : 표지; 배경 반복 : 반복 없음

That 's it 탐색 메뉴가 탐색 준비가되었습니다 그것은 아주 잘 작동합니다 나는 모든 글꼴에 단 하나의 글꼴만을 사용하고 있으므로 전 세계 글꼴을 사용하고 있습니다 * 및 글꼴 패밀리를 지정하십시오 여백 0과 안쪽 여백 0을 지정하십시오

그런 다음 navbar 브랜드 용 클래스를 만듭니다 그리고 흰색으로 색상을 지정하십시오 색상을 변경하려면 흰색을 다른 색상으로 변경하십시오 이제 navbar 브랜드의 글꼴 크기를 늘려서 늘리십시오 그런 다음 행 및 내용 클래스로 div를 만듭니다

그런 다음 검은 색 칸 2를 만듭니다 그런 다음 4 열로 div를 만듭니다 이 열에 이미지 태그를 삽입하십시오 소스에서 텍스트 이미지를 찾고 클래스 img-fluid를 추가하십시오 이 후 6 열의 다른 div 만들고이 비워 두십시오

프로젝트를 실행하십시오 텍스트 이미지는 배치 할 위치에 배치되었습니다 그래서이 후에 컨테이너로 div를 만들고 텍스트를 가운데에 배치하십시오 이 div에서 h1을 우리의 feature 내용으로 생성하십시오 그런 다음 패딩 상단이있는 단락 태그를 만듭니다

여기에 몇 가지 기능 텍스트를 삽입하십시오 이제 우리는 h1 태그를 스타일링 할 것입니다 글꼴 크기를 늘리십시오 그리고 단락을위한 스타일을 만들고 글꼴 크기를 늘리면 텍스트 정렬이 중심입니다 컨테이너 클래스로 div를 만들고이 요소를 가운데에 놓고 패딩 상단을 만듭니다

4입니다 컨테이너 클래스에서 행 작성 및 행 태그에서 세 개의 컬럼을 작성하십시오 첫 번째 열에서는 img 유체 클래스로 이미지를 삽입하십시오 두 번째 열에서는 img 유체 클래스로 두 번째 시계 아이콘 이미지를 삽입하십시오 그리고 세 번째 열에서는 img 유동 부트 스트랩 클래스로이 채팅 아이콘 이미지를 삽입하십시오

그런 다음 가운데 텍스트가있는 다른 컨테이너 클래스를 만들고 패딩 상단을 만듭니다 컨테이너 클래스에서 새 행을 만들고 패딩 y를 삽입합니다 그런 다음 세 개의 열을 만듭니다 첫 번째 열에서 새 단락을 만들고 데모 텍스트를 추가하십시오 Google 검색 및 유형 데모 텍스트로 이동합니다

lorem에서이 데모 텍스트를 가져옵니다 웹 사이트 그러면이 텍스트를 복사하여 단락 태그에 붙여 넣습니다 이 텍스트를 세 개의 모든 열에 붙여 넣습니다 그리고 당신이 이것을 실행할 때 그것은 매우 반응 적으로 보입니다

그 후, 컨테이너 유체 클래스로 div에 대한 시차 스크롤 효과를 생성합니다 div를 시차 클래스로 삽입하십시오 이제는 시차 클래스를 만들고 싶으므로 stylecss 파일로 이동하여 높이 30을 삽입하십시오 높이 : 30vw; background-image : url ( 'Images / 739905

png'); 배경 위치 : 중심; background-repeat : no-repeat; 배경 부착 : 고정; 색깔 : 백색; 디스플레이 : 플렉스; align-items : 센터; } 그것은 우리의 시차가 아주 잘 작동합니다 이제 시차 div 태그에 텍스트를 삽입하려고합니다 그래서 4 개의 열을 만듭니다 col 1을 사용하여 div 클래스를 만듭니다 컬럼 5, 컬럼 2 및 컬럼 4; 5 열에 h1 태그를 만들고 일부를 삽입하십시오

본문 우리는 당신이 행복하게 사는 공간을 만들 것입니다 그런 다음 열 4에서 목표 텍스트로 h1 태그를 만듭니다 그런 다음 프로젝트를 실행하십시오 이제 색상을 지정하여 style

css 파일로 이동하여 흰색에 color 속성을 삽입하고 싶습니다 그런 다음 디스플레이 플렉스를 추가하고 항목 가운데 정렬 이렇게하면 텍스트를 세로 및 가로로 가운데 맞춤 할 수 있습니다 이제 우리는 연락처 섹션을 만들 예정입니다 그래서 div 클래스를 컨테이너 클래스와 함께 추가하십시오

여백 위쪽 5 및 여백 아래쪽 5 행 만들기 이 후 두 개의 열을 만듭니다 칼럼 4와 칼럼 8 컬럼 4 칼럼에 h1 태그 추가 본문 그리고 여기에 데모 텍스트를 추가 할 것입니다 그래서 이것을 복사하여 단락 태그에 붙여 넣습니다 그런 다음 3 열의 입력란에 입력란을 추가하십시오

그래서 우리는 placeholder라는 이름으로 input textbox를 추가 할 것입니다 그리고 오른쪽 여백을 추가하고 y를 패딩하고 x 클래스를 패딩합니다 그런 다음 전자 메일 자리 표시자가있는 다른 텍스트 상자를 만듭니다 패딩 y와 패딩 x 클래스를 추가합니다 그런 다음 텍스트 상자의 너비를 늘려 CSS 클래스 입력 유형 텍스트를 만들고 추가합니다

너비를 늘리십시오 그런 다음 메시지 자리 표시자를 사용하여 텍스트 영역을 만들고 마진 상단 여백 y와 여백 x를 추가합니다 부트 스트랩 클래스 또한 텍스트 영역의 크기도 늘립니다 이후 우리는 다른 시차 효과를 만들기 위해 div 컨테이너 유체를 생성 할 것입니다

수업 컨테이너 유체 클래스에서 텍스트 센터가있는 parallax2 클래스를 추가하십시오 그런 다음 CSS 파일로 이동하여 parallax2 클래스를 만듭니다 높이는 40이어야합니다 그런 다음 배경 이미지를 추가합니다

이 이미지를 변경하겠습니다 그런 다음 배경 위치를 추가 한 다음 배경을 반복하면 배경이 지정됩니다 커버 할 크기 마지막으로 첨부 파일이 고정됩니다 parallax2에서 4 열 cols1 col4 col1 및 col5로 새 div를 만듭니다

col4에 커서를 놓고 이미지 태그를 추가하십시오 원본 속성에서 표시 할 이미지를 지정하십시오 그래서 나는이 이미지를 사용할 것이다 이 작업을 완료 한 후 col5로 이동하여 h2 태그를 추가하십시오 이 h2 태그에 텍스트를 삽입합니다

나는 여행을 세계에 가져갈 것이다 그런 다음 데모 텍스트로 단락을 만듭니다 그래서 데모 텍스트를 복사하여 단락에 붙여 넣습니다 Google 콘텐츠가 상단에 표시되지만이 센터를 배치하려고합니다 이렇게하려면 디스플레이 플렉스를 추가하고 항목을 가운데 맞춤하십시오

여기에서 텍스트 색상을 검정색으로 변경할 수 있지만 수동으로 변경하여 h2 요소의 CSS 클래스입니다 그리고 속성은 검은 색이고 패딩 바닥은 5vh입니다 그런 다음 색상 검정과 글꼴 크기 12vw로 단락 CSS 클래스를 만듭니다 그래서 그것은 매우 아름답게 보입니다

이제 두 개의 버튼을 삽입하기 만하면됩니다 그래서 나는 편집자에게 돌아가 줄 클래스로 div를 만들 것이다 이 행에 col6이라는 두 개의 열을 만듭니다 첫 번째 열에서 버튼 유형 버튼을 추가하고 클래스 btn1을 추가 한 다음 보조 btn btn을 추가합니다 부트 스트랩 클래스

패딩 x를 추가합니다 다음과 같이이 버튼의 이름을 지정하겠습니다 두 번째 열에서 다른 버튼을 만듭니다 그리고 follow 버튼에 사용하는 것과 동일한 클래스를 추가합니다 그러나이 클래스의 이름을 btn2로 지정합니다

이 후 btn1 클래스를 stylecss 파일에 추가합니다 그리고 왼쪽에 float 속성을 추가합니다 배경색은 투명하게 중요합니다 그리고 검은 색은 중요합니다

float 오른쪽으로 btn2 클래스를 만듭니다 그리고 배경색 투명성이 중요합니다 그리고 색상은 검은 색이 중요합니다 이제 우리는 객관적인 섹션을 만들고 싶습니다 따라서 컨테이너 유체 클래스로 div를 생성하십시오

그런 다음이 컨테이너 유체에 행 클래스를 삽입하십시오 그리고 행 클래스에 마진 상위 5를 추가하십시오 이 후 div 12 및 텍스트 중심 div 만듭니다 이 div에서 h1 태그에 객관적인 텍스트를 추가하십시오 col 4로 다른 div를 만들고 공백으로 둡니다

그런 다음 col 5 클래스로 div를 만듭니다 col 5 클래스에서 단락을 추가하십시오 스타일 폭 30vh를 지정하십시오 단락에서 데모 텍스트를 추가하면됩니다 복사해서 여기에 붙여 넣으십시오

그리고 마지막으로 검은 색 3 클래스를 만듭니다 단락 너비를 제거하면 단락이 얇아집니다 그런 다음, 컨테이너 유체와 바닥 글 클래스를 나누어서 만듭니다 그런 다음 가운데 텍스트 및 여백 위쪽 5 행 추가 이 행에 3 열 4 열을 작성하십시오 그리고 우리는 cols3 이름을 사용하여이 모든 클래스에 접근 할 것입니다

첫 번째 열에서 img 유체 클래스로 원 이미지를 추가합니다 그 후 h1 태그에 count 클래스를 추가하면 텍스트는 91 %가됩니다 그리고 마진 상단 4와 함께 h2 태그를 추가하고 이름을 Design으로 지정하십시오 이제 우리의 텍스트가 원의 바깥에 있음을 볼 수 있습니다 원

그래서 상대적인 위치와 cols3 클래스를 만듭니다 그리고 position 절대 값으로 count 클래스를 생성하십시오 그리고 위쪽 : 0 아래쪽 0 왼쪽 0과 오른쪽 0; 그런 다음 패딩 윗면 12를 만듭니다 이 후 두 번째 열에서 img 유체 클래스로 원의 이미지를 추가합니다 그런 다음 h1 태그에 count 클래스를 추가하고 텍스트를 추가합니다

86 % 그리고 마진 4 위의 h2 태그를 추가하고 융통성을 부여하십시오 세 번째 열에서는 이전에 만든 것과 똑같이 만듭니다 그래서 나는 그것을 창조 할 것이다 이 작업을 완료 한 후 권한 클래스가있는 div 태그를 추가하십시오 저작권 기호가있는 h3 태그를 추가하십시오

이제 여기에 배경 이미지를 추가하여 stylecss에 바닥 글 클래스를 추가하겠습니다 파일 그런 다음 배경 이미지를 추가 한 다음 배경 크기를 추가하십시오 그리고 배경 위치 센터

높이 100vh 그리고 상대적인 위치 이제 h3 태그를 페이지 하단에 배치하려고합니다 따라서 stylecss 파일에 권한 클래스를 만들고 절대 위치를 추가합니다

그리고 bottom 속성은 0입니다 이제 우리의 복사 오른쪽 기호가 바닥에 있습니다 페이지의 이제 모든 것이 완료되었습니다 그러나 우리는 우리 웹 사이트에 스크롤 효과를주기를 원합니다 그래서 src 속성으로 script 태그를 추가하고 scroll reveal

minjs 파일을 찾습니다 그런 다음 페이지 하단으로 이동하여 windowsr = scrollreveal을 추가하십시오 그런 다음 sr

reveal 메서드를 삽입하고 괄호 안에 우리가 사용하는 부트 스트랩 클래스를 추가합니다 이 튜토리얼 그런 다음 시간을 추가하십시오 우리는 1 분이 걸릴 것이므로 여기에 1000을 더할 것입니다 이 효과를 적용하기 위해 몇 가지 클래스를 추가 할 것입니다

그거야 이제 모든 것이 만들어집니다 이제 우리는 프로젝트를 실행할 것입니다 우리 웹 사이트가 준비되어 있고 놀라운 것처럼 보일 것입니다 그거야

아직 가입하지 않으 셨다면 빨간 버튼을 클릭하십시오 당신 매주 놀라운 콘텐츠 질문이 있으면 비디오 댓글 섹션에 나에게 의견을 말하십시오이 비디오 이 동영상을 좋아하면 도움이됩니다 지켜봐 줘서 고마워

그때까지 다음 비디오에서 보시고 행복하게 지켜보십시오

PHP for Web Development

>> DOUG 로이드 : 그렇게 우리의 PHP 구문에 대한 비디오, 우리는 어떻게 PHP에 대해 많은 이야기 명령 줄에서 사용할 수 있습니다 하는 방식으로 프로그램을 실행하기 위해 그 우리는 C에서 꽤 익숙 그러나 나는 또한 언급 한 바와 같이 그 비디오, PHP에서 초기에 개발 된 웹 사이트를 웹 프로그래밍을 구현합니다

그래서이 비디오에서 우리는있어 우리는 방법에 대해 이야기 할 것 웹 개발 환경에서 PHP를 사용합니다 >> 우리는에서, 이미, 알고 HTML에 우리의 비디오, 웹 사이트가 구축되어 HTML 태그의 집합 중 그 의미를 정의 웹 페이지의 구조 그러나 웹 사이트는있다 순수 HTML로 구축 매우 고통, 매우 심각한 제한 >> 그리고이 제한을 설명하기 위해, 의는 다음 사항을 고려하자 그래서 지금은 웹 페이지를 구축하고자하는 즉, 때마다 사용자가 방문하는 그것, 그것은 나에게 전류를 제공합니다 매사추세츠 주 캠브리지에있는 시간

, 최신 분으로 디스플레이하는 단계를 포함한다 지금이 권리를 만드는 경우, 나는 이런 식으로 뭔가를 말할 수 있습니다 나는 그래서 Cambridge–의 현재 시간 HTML 태그, 머리 태그, 제목 태그, 몸은 전류를 tags– 캠브리지 시간, 14시 8분입니다 군사 시간을 인쇄 >> 어떻게 지금 오후 2시 9분, 14시 9분 있다면 어떻게됩니까? 그럼 지금까지, HTML을, 내가 가진 가서 14시 9분로 변경합니다 그리고 일분 후, 나는 다시 변경해야합니다

그리고 일분 후, 나는 다시 변경해야합니다 당신이 상상할 수 있듯이, 그건 이제까지 아마 최악의 작업 당신은 웹 페이지의 웹 마스터, 모든 분, 하루 24 시간, 다음과 같은 방법으로 현재 시간을 업데이트해야 수동 timehtml를 열고 변경 코드의 단지 조각은 대답 시간과 분의 현재 시간 즉, 매우 아마 아니다 우리의 자원을 잘 활용, 인간과 전산 모두

>> 모든 HTML있는 웹 사이트 완전히 정적입니다 업데이트 할 수있는 유일한 방법 콘텐츠, 우리가 보았 듯이, 수동으로 그 소스를 열 수 있습니다 파일, 편집하고, 저장할 수 있습니다 그리고 그 때 사용자 페이지를 새로 고침, 또는 제 1 페이지에 대해 방문 시간, 그들은 최신 콘텐츠를 얻을 수 있습니다 그러나 우리는했습니다 때문 수동으로 편집했다 >> 우리가 거​​기에 약간의 PHP를 혼합하기 시작하면, 우리의 코드는 훨씬 더 유연하게 얻을 수 있습니다

그리고 우리는 우리의 페이지 수있는 방법을 가질 수있다 동적, 또는 자신을 업데이트하려면 우리의 가난한 사람들을 필요로하지 않고 앞의 예에서 웹 마스터 일을 업데이트 수동으로합니다 그들은 자동으로 작업을 수행 할 수 있습니다 우리는 개입 할 필요가 없습니다 우리는 잠을 얻을 수 있습니다 어느 아마 좋은 일 경우입니다 당신은 웹 프로그래밍을 많이하고 있어요

>> CS50 IDE에서 그래서, 우리가 실행 웹 서버는 아파치했다 또한, 매우 일반적으로 사용되는 오픈 소스 웹 서버 시스템 이 시스템은있다 용량은 해석하기 경우에 유용 할 것입니다 PHP, 당신은 어떤 PHP 프로그래밍을 수행 할 수 있습니다 >> 그리고 CS50의 IDE에서, 우리는 명령을 할이 매우 쉽게 만들기 위해, 시작 apache50 그리고 그 슬래시 경로, 슬래시를 슬래시 DIR, 그건 단지 정말 일반적인 방법 당신이 여기에서 지정한 것을 나타내는 특정 경로는 디렉토리 당신에게 루트가되고 싶어요 사이트 또는 루트 페이지, 폴더 나되는 웹 서버에서 파일을 검사하고 봉사하기 시작합니다 을 요청하는 클라이언트에 최대

그래서 그냥에, CS50 IDE까지 팝하자 이것이 어떻게 작동하는지, 정말 빠르고을 보여줍니다 >> 그래서 여기 CS50의 IDE에서, 나는에있어 주 제로 나인라는 디렉토리 내가 가진 two– 그리고이 그냥 ls 명령 실행 위의 내가 가지고 있음을 보여 여기에 두 개의 디렉토리, PHP, 나는에 사용되는 파일의 세트는이다 PHP 구문 비디오, 다음 PHP – 웹, 파일 세트는하다 나는 이 비디오에 사용하고 싶습니다 >> 내가 시작하고 싶습니다 웹 서버 인스턴스 PHP가 웹 폴더의 내용 파일까지 제공되고있다 그래서 내가 할 일입니까? 나는 apache50 공백을 입력하는 것 시작 공간 PHP, 대시 웹

즉, 디렉토리에 대한 경로입니다 나는 현재 나는 곳에서 그럼 Enter 키를 누르십시오 그것은 할 것 여기 물건의 약간 그리고 그것은 말할 것 아파치가 성공적으로 시작했다 귀하의 사이트가 at– 사용할 수 있습니다 및 다음 사이트의 URL이있다

그래서 내가 할 일입니까? 나는 빨리이 복사거야 내가 up– 열거야 및 나는 조금 축소합니다 here– 나는 열거야 크롬에서 새 탭 그리고 그 URL을 방문거야 >> 나는 Enter 키를 누르거야 그것은로드 할 것입니다

그리고 나는 다시 축소합니다 그리고 우리는 여기입니다 볼 수 있습니다 내 PHP 웹 디렉토리의 내용을 표시합니다 >> 이제 기본적으로 무슨 일이 일어나고 있는지 여기 CS50 IDE 내 인스턴스이다 이 파일을 제공하고있다 을 요청하는 사람 그리고의 과정을 통해 이 비디오는, 우리는 종류의 것이다 이들의 무리를 살펴 맥락에서 다른 파일 >> 아파치하는지 테스트하려면 서버가 작동하고, 일반적으로 어느 것입니다 CS50 IDE의 경우가 될, 하지만 당신은 더 일반적으로이 작업을 수행 할 경우, 당신은 당신의 자신의 웹을 구축 시작 서버, 정말이있다 아날로그의 일반적인 종류, 일반적으로 "안녕하세요" PHP 웹 개발에 사용

파일을 가지고있는 그냥이 code– 구성 PHP 정보 설정 PHP 분리, 괄호 사이에 세미콜론 어떤 기본적으로 특별한 을 알려줍니다 PHP 함수 PHP의 버전 당신은 실행하고 있습니다 >> 그래서 CS50 IDE에서, 나는이 가능한 해당 파일 만 이 어떻게 보이는지를 표시합니다 그래서 난 내 인덱스를 찾고 있어요 내 PHP 인스턴스에서 내 아파치 인스턴스가 실행 중입니다 PHP가 웹의 내용

그리고 파일이 여기에 infophp라고합니다 >> 나는 그것을 클릭 축소거야 이것은 당신이 가고있는 것입니다 꽤 많이 볼 수 있습니다 이것은 단지 나에게 말하고있다 내 아파치 서버가 작동된다

그리고 이것은 명백하게이다 PHP의 버전은 내가 실행 해요 그 이것은 내 아날로그입니다 "안녕하세요" >> 그래서 나는 일이 운영 알고있다 그래서 우리는 갈 수 있어요 우리는 여기에서 진행할 수 있습니다

>> 그래서 그걸 다시 방문하자 시간의 예를 우리는 있었다 우리의 가난한 웹 마스터와 이야기 사람은 끊임없이 페이지를 업데이트했다 이 방법에 대한 수정 될 수 있습니다 나는 물건을 구현하는 것이 그래서 웹 마스터는하지 않았다 시간을 계속 업데이트해야합니다 그것은 하듯 종류의 자동으로 일어난다 >> 아래 아래로, HTML, 그것은이다 한 가지 예외, 매우 유사한 그러나 여기에서 나는 상단에 약간의 PHP를 가지고있다

나는 분명히,이를 불렀다 기능 date_default_timezone_set >> 그리고 우리에 대한 모든 얘기하지 마세요 CS50에 이러한 기능, PHP는 아마이 때문에 수만 즉, 약간의 수 있습니다 과장,하지만하지 않을 수 있습니다 그것은 내장 된 기능을 많이 가지고있다 그리고이 기능은 분명히있다 미국 / 동부 내 시간대를 설정하고, 어떤 난 시간대입니다 현재이 비디오를 만드는

>> 그럼 난에 전화를 걸 기능은 날짜,라고 그리고, 분명히, 내가 저장 해요 HIS라는 것을, 시간 그래서 여기 일이야? >> 음, 기본적으로 무슨이다 되는 일이, 내가 전화를 만들고있어 가는 일부 서버에 시간이 현재 무엇을 말해 그리고 나는 형식으로 변환하고있어 시간, 분, 초 상기 이유는 자본 H 이것을가요 나에게 (12)을 24 시간 시간을하지 줄 것입니다 소문자 시간이 될 것입니다 시간의 시간

그리고 난 그냥 저장 해요 라는 변수, 시간 그 그래서 PHP와의 두 번째 라인 이 함수를 호출, 날짜, 그냥지고 일부 문자열, 나에게 일을 줄 것, 그리고 시간 및 기타 정보의 무리 그리고이 첫 번째 인수, 그의 그, 단지 중요한 부분을 추출한다 나는이 예를 들어 신경 것으로, 이는 시간, 분 및 초이다 그래서 무슨 일이 전부입니다 그래서 저장 변수 $ 시간에 그

그리고 아래에서 이 맨 아래, 나는 에 대한 그 속기를 현재 시간을 출력하기 그래서 난 그냥 인쇄 할거야 현재 시간은 무엇 밖으로 >> 그럼이 살펴 보자 CS50의 IDE와 우리가 지금이야 어떻게 볼 그 웹 마스터에게 문제를 많이 절약 좋아, 그래서 여기에 나는 다시 생각 다시 루트 디렉토리에 내 아파치 인스턴스 그리고 여기라는 파일 time

php 있습니다 난 그냥 클릭거야 그리고 나는 때문에, 스크롤합니다 우리는 꽤까지 확대하고있다 현재 시간은 14시 20분 34초입니다 그래서, 그것을 시간을하고 있어요 분, 초

그리고 난을 새로 고칠 수 있습니다 페이지와 새로운 시각을 얻을 –41 나는 페이지를 새로 고침거야 새로운 시간, 44, 46, 47를 얻을 >> 그래서, 난 분명하지 않다 무엇이든 나 자신을 변경 여기 페이지를 새로 고침하고 있습니다

그래서 편집을 다시있을 수 없습니다 그리고 내가 당신을 약속, 내가하지 어떤 동맹이 누가 파일을 편집 측면에 내 대신 >> 난 그냥 그 PHP 함수를 사용하고 있습니다 시간은 나를 위해 시간을 생성하는 자동 내가 잠 들어있어 경우에도 것을, 그래서 내 웹 서버가 실행되고, 페이지가 여전히 있음을 방문하는 사용자 정확하게 현재 시간을 얻을 것 그래서 꽤 좋다

내 사이트가 더 역동적했습니다 너무 많이 PHP 코드 그것은 코드의 두 라인을 한 후, 인쇄 문을 조금 그리고 이미 나는이 훨씬 더 동적 사이트 첫 번째 예보다 우리는 보았다 비디오의 시작 >> 그래서, PHP 구문에 대한 비디오에서 기억 PHP 인터프리터가 실행될 때 우리의 프로그램은,이 모든 것을 무시 즉, PHP 구분 기호 안에 아니다 그것을 밖으로 뱉어 이 예에서, 무슨 일이 이 밖으로 침 것을 HTML이었다

그리고 이것은 내가 지금 할 수 있음을 의미 함께 HTML과 PHP를 산재 인터프리터가 단지 때문에 HTML과 그것을 그대로 출력을 무시합니다 어떤 바로, 좋은? >> 아마도 때문에 하루의 끝에서, 나는 내 사이트를 싶습니다 HTML로 구성된다 모든 웹 브라우저가 해석 할 수 있도록 그것은, 또는 페이지의 HTML 이해 뭔가로 렌더링하는 우리 실제로 인간으로 이해할 수있다 그리고 난 단지 PHP를 사용할 수 있습니다 내 사이트의 부품 저를 필요로하는, 역 동성을 필요로 지속적으로 업데이트 할 일을해야합니다

정적 정보 동일하게 유지 할 수 있습니다 >> 좋아, 그래서 괜찮아요 그러나 나는이 왜 할 것? 이유는 HTML과 PHP를 혼합까요? 난 그냥 인쇄 할 수있는 모든 HTML, PHP는 인쇄 기능을 사용하여 내가 왜 그 일을하고 있지 않다? 잠시 생각해 >> 왜, 난 그냥 out– 인쇄 할 수있을 때 단지 말을 PHP의 라인을 가질 수있다, 인쇄 HTML 태그, 프린트 헤드

내가 왜 그 일을하고 있지 않다? 이유는 PHP와 HTML을 혼합 무엇입니까? >> 글쎄, 당신이 생각하는 경우 초 그것에 대해 PHP는, 인터프리터가 그것이 무엇을보고 해석하는 그리고 그것은있을 것 코드 줄을 실행합니다 HTML을 인쇄 할 수 있습니다 오픈 헤드 태그를 인쇄 할 수 있습니다

열린 제목 태그를 인쇄 할 수 있습니다 그것은에있는 것 실행 및 해석 방법의 모든 단일 단계가 단지 못하게하는 이유 인터프리터는 그냥 광택 이해할 수없는 일 그것은 자동으로합니까? 그것은 나에게 많은 시간을 절약 할 것 함께 내 HTML과 내 PHP를 혼합합니다 >> 우리가하지 않는 이유 그리고 그건 열어 PHP의 구분이 다음 단지 전체를 인쇄 하나의 거대한 PHP와 같은 우리의 페이지의 내용 다음 기능, 인쇄를 호출하고 가까운 PHP 분리 우리는 완료 우리가 함께 그들을 혼합 이유 그래서입니다

>> 지금까지 우리는 너무 많이 보지 못했다 일반 PHP 구문에서 차이 그것은 매우 간단이었다 우리는 이미 본 적이 물음표, 동일 우리는 새로운 함수 호출의 몇 가지를 보았다 하지만 정말 멋진 아무 일도하지 않습니다 의 아마 일을 만들어 보자 조금 애호가

우리는 정보를 전달하려는 경우 다른 PHP 파일 사이, 그래서 아마 사용자가 할 수있는 나에게 정보를 제출합니다 그리고 내가 뭔가를 할 수 그것은 다른 페이지에와 >> 그래서 PHP에 대한 지원을하고 뭔가 슈퍼 지구라는 꽤 멋진 소리가 변수 그들은 정말이야 거대한 연관 배열 즉,이를 구현하는 데 도움이 전달의 기능 PHP 파일 사이에 정보가 우리의 웹 서버에 존재하고 있습니다 >> 이 슈퍼의 첫 번째 전역는 $ _GET이라고합니다

그리고 그것은 아마이다 이해하는 것이 가장 간단합니다 무슨 일이 $ _GET과됩니까? 그래서, 기본적으로, 사용자는 추가 정보를 입력 할 것 우리의 URL의 끝에 그리고 그들은 입력 무엇이든, 가정 이것은 특정 방식으로 포맷있어 다만, 이는 쿼리 문자열이라고 키 값 쌍을 분리 앰퍼샌드로 그 키 값 쌍은 될 것입니다 $ _GET 연관 배열에 저장된다 그리고에 우리의 비디오에서 PHP 문법, 우리는 알고있다 어떻게 작동하는 방법 이미 연관 배열

그래서 여기의 예입니다 어쩌면 난 일부 PHP, 키 값 쌍 모두를 추출 URL에 제공된 사용자가 그래서 난 내 오픈 PHP 구분 기호를 가지고있다 나는 foreach 루프가있다 나는 슈퍼에 걸쳐 반복 해요 글로벌 배열 $ _GET을했다 >> 그리고 참조 할 수 있도록하려면 키 값 모두

그리고 난 그냥 인쇄 해요 밖으로, 각 하나 분명히 여기에 자신의 단락 태그입니다 나는 약간의 HTML을 인쇄하고 있습니다 및 값들을 보간 그 문에 키와 값의 >> 그럼 방법이 살펴 보자 실제로 우리의 IDE에 작동합니다 그리고 어쩌면이 도움이 될 것입니다 조금 설명 무엇을 얻을 실제로하고있다 그래서 내가 다시 여기 내 웹 루트입니다

그리고 확대합니다 조금 당신을 보여 나는라는 파일, get1php이 있는지 확인하십시오 >> 그럼 get1php 클릭 할 수 있습니다 그리고 어떤 내용을 확인할 수 없습니다

그건 바로, 이상해? 음, 정말 사실 내가 제공하지 않았기 때문에 URL에 아무것도 나는 get1php 것,하지만 난거야 임의의 키 값 쌍을 제공하지 않았다 내 쿼리 문자열의 일부로 그럼 쿼리 문자열을 추가 할 수 이 파일이 무엇을 할 수 있는지

>> 쿼리 문자열을 시작하는 방법 그냥 물음표를 입력합니다 그리고 어쩌면 내가 이름 = 더그 & 년 = 2015 말할 것이다 그리고 나는 Enter 키를 누르됩니다 지금 무슨 일이 일어나고 있는지 알 수 있습니다 나는 get1

php 아직입니다 하지만 지금은 공급했다 키 값 쌍은, 내가 해요 자신에 그들을 밖으로 인쇄 paragraph– 이름, Doug– 년, 2015 즉 정확하게 코드의 우리 단지 잠시 전에 슬라이드에 보았다 >> 그리고 어쩌면 다른를 추가 할 경우 키 값 쌍, 클래스 = CS50 지금은 다른 키 값이 인쇄 무타 페어 때 나는 URL을 다시 방문

이제 어쩌면이 아니다 정말 잘 포맷 그래서 getphp의 다른 버전이있다 그것은 get2php입니다

>> 이 차이 하나는 내가 CSS 파일을 가지고있다, 그것은 사물의 형식을 더 잘 나를 위해 조금 그것은 어쩌면 가장 아니에요 세계에서 아름다운 CSS 하지만 그것을하는 또 다른 방법입니다 그래서 나는 여전히 액세스 할 수 있습니다 $의 _GET을 사용하여 내 변수 이 경우, 그냥 가지 해요 CSS는 좀 더 멋진 만들기

그리고 우리는까지 팝업 경우 두 번째 내 IDE, 내 PHP 웹에서 당신을 보여 드리죠 여기 디렉토리, get2php 우리는 여기에 일부 HTML을 그것을 열 수 있습니다 분명히 그에 연결 해요 나는에 대해 얘기했다 CSS 파일 나는 테이블 태그를 엽니 다

그리고 여기 내 foreach 루프입니다 >> 여기, 즉 내가 이전 슬라이드를 보여 주었다 유일한 차이점은 내가있다 이 키와 값의 CSS를 나는 그것을 적용하고있어 스타일링 그러나 그것은, 내가 뭘 모든 난가요 $ _GET에 걸쳐 반복하면 모든 얻을 수 키 값 쌍 >> 그리고 테이블로 그들을 밖으로 인쇄하고 있습니다

그리고, 분명히, 나는 키가 서식하고있어 하나의 방법으로, <TD 클래스 = "키"와 그래서 분명히 그 일부에 적용 내 CSS 파일 GETCSS의 클래스 선택 그리고, 분명히, 나는 밖으로 인쇄하고 있습니다 내 값 완전히 다른 방법 어느 꽤 많이 있습니다 우리는 여기에, 어디에서 본 것을 우리의 가치를 인쇄했다 파란색 배경, 우리의 키가 인쇄 된 노란색 배경

내가 갖는 방법 그래서이다 그 다른 스타일 내가 다른 CSS 클래스를 사용하고 있기 때문에 하지만 꽤 많이 GET에 대한합니다 마찬가지로 난 그냥 정보를 추출하고있다 이 경우, 그냥 해요 화면에의 출력

나는 URL에서 그것을 받고 있어요 그것은 GET 우리를 위해 무엇이다 >> 당신은 수를 볼 수 있나요 문제는 여기에 비록? 왜 어쩌면 우리 것 $ _GET을 사용하지? 어떤 경우에, 어쩌면,이 쿼리를 만들고 있었다? –to get3php, 어느 나는 내 IDE에 필요가 없습니다 그냥 가상 파일입니다 그러나 분명히 여기에 주목 내 암호를 전달합니다

그리고 어쩌면 내 비밀번호는 당황 아니면 내가 사람을 원하지 않는다 비밀번호 오른쪽 무엇인지 >> 내가 사용하고 있다면 그것을 though– 통과하고있어 경우 $ _GET 방법입니다 무슨 일이 즉, URL에있을거야 그래서 일부 악의적 인 사용자가 수도 내가 뭘하는지 볼 수 있습니다 나는 그들을 통과 할 수있다 민감한 정보

아니면 심지어 악의적 인 사용자가 아니다 아마 당신의 친구 누구 당신의 어깨 위에 서있다 그리고 이제 그들은 암호를 알고 당신의 페이스 북 계정에 >> 그리고 어쩌면 그들은 않을 것 그것으로 아무것도 할 그러나 암호가 있다면 페이스 북에 $ _GET을 통해 제출, 지금은 페이스 북의 암호를 알고있다

이 URL에 바로 거기에 있기 때문에 당신이 정보를 제출했던 때 >> 그래서 아마 그 최고의 아니다 방법은 민감한 정보를 전달합니다 이 정보를 전달하는 좋은 방법입니다 우리는 특별히하지 않는 것이 너무 민감하다고 걱정 GET은 꽤 빨리이기 때문에, 다른 슈퍼 전역에 대하여 우리에 대해 이야기하는 것입니다 그러나 아마 가장 좋은 도구 민감한 정보를 얻을 수 있습니다

>> 이를 위해 우리는에 할 수 있습니다 , $ _POST라는 것을 사용 이는 다른 슈퍼 글로벌 변수입니다 그것은 다른 연관 배열입니다 그래서 거의 작동 GET와 완전히 동일합니다 를 제외하고, 대신 추출 URL에서 정보, 그것은 HTTP 헤더를 통해 뭔가를한다 그래서에서 불러 우리의 HTTP 비디오, 우리는 이야기 어떻게 브라우저, 서버에 대한, 와 클라이언트가 통신 할 수 있습니다

그리고 정보를 다시 전달된다 앞뒤로 HTTP 헤더에 >> $ _POST으로, 정보는 전형적 그 HTTP 헤더를 통해 전송 그리고 우리는 가장 일반적으로 $ _POST를 볼 수 있습니다 HTML 양식을 제출하는 상황 당신은 여전히​​ HTML 양식을 사용할 수 있습니다 GET 물건을 제출 그러나 그들은 일반적으로 사용하고 POST의 맥락에서

>> 그래서 여기에 HTML 양식의 예입니다 이제 우리는 전에이를 본 적이 있지만 우리는이 이 부분, 행동 = "postphp"를 보지 그래서 우리는의 형태에 대해 이야기 할 때 HTML의 문맥, 내가 제출 버튼을했다 그리고 기억, 내가 제출을 클릭 것 다음 페이지가 그냥 갱신 아무 짓도 안 했어요

>> 이 경우, 내가 제출 있어요 나는이 양식에 입력 한대로, postphp라는 PHP 파일 그리고, 분명히, 방법은 그 일을 해요 이 형태 POST 방법을 사용한다 정보 그래서 모든 조각 나는이 양식에 입력하는 것이 제출됩니다 HTTP 헤더를 통해 >> 그것은 post

php에 액세스 할 수 있습니다 즉, 내 양식의 작용이기 때문에 그것은 액세스 할 수 있습니다 $ _POST로 이동하여 그리고 분명히, 방법은 내가 할 수있는 각각의 요소에서 얻을 그 연관 배열과 이 속성입니다, 우리의 입력 태그의 이름 속성 >> 그래서 분명히 내가 광장 $ _POST를 말할 수있다 브래킷은 어떤 사용자를 얻기 위해 이름을 첫 번째 필드에 입력 그리고 $ _POST 암호의 PW 아니라, 사용자가 입력 무엇이든 얻을 수 있습니다 두 번째 필드에

>> 그럼 살펴 보자 CS50의 IDE에서이 이상 그래서 여기에 우리는, 나는거야 초 확대합니다 그리고 우리는 posthtml라는 파일이 있습니다 나는 post

html을 클릭합니다 내가 가지고 여기에 맨 위에 매우 간단한 웹 양식 우리가 방금 본 양식의 두 번째 전 슬라이드 >> 나는 덕을 입력 할 수 있습니다, 내가 할 수있는 내 비밀번호, 우리 모두를 입력 알고는 squadgoals입니다 그리고 제출을 명중 할 것이다

그리고 분명히, 그 postphp에 제출합니다 그리고 나는 분명히 그 인쇄하고 있습니다 그래서 나는 모든 보안 치우는거야 POST는 그냥 인쇄하여 저를 준다 사용자 이름과 암호를 입력합니다 >> 사용자의 이름은 덕이다

사용자의 암호는 squadgoals입니다 어떻게 이런 짓을 한거야? 음, IDE까지 팝 다시 초 우리는 걸릴 아래로 스크롤합니다 했다 postphp 봐, 내가 사용하는 작업은 여기에 제출 그건 내 HTML 양식의 작용했다

그리고 그것은 내가 뭘 전부 사용자의 이름이고, 나는 인쇄 해요 $ _POST "이름"의 내용을 밖으로 그리고 사용자의 암호 $ _POST "암호"입니다 그래서 나는 그 정보를 제공 한 HTML 양식을 작성하여 그리고 지금은 $의 _POST를 사용하여 추출 할 수 있습니다 I가 전송하는데 사용되는 방법 때문에 그 형태와 데이터는 POST 방식이었다

>> 지금은 아마 아니다 내가 갈거야 그래서 great– 잠시 돌아갑니다 우리의 세트 here–에 내가 경우 그것은 아마 그렇게 큰 아니에요 POST와 정보를 제출, 이는 표면 상 더 안전합니다 그것은 아마 그렇게 큰 아니에요 내가 그 일을하고 있어요 경우 사용자의 암호를 인쇄 그것은 더 안전해야하는데 >> 확인을하지만, 완전히 안전하지 않습니다 그리고이 조금에 내가 원하는 여기에 스 니펫 그냥 당신의 관심을 끌기 위해 데이터 보안 문제, 뭔가 당신이있는 한 생각합니다 작업이나 인터넷을 이용

이 고려해야 할 뭔가입니다 >> 나는 정보가 있음을 이야기 HTTP 헤더를 통해 제출 당신은 POST 메서드를 사용하는 경우 그들이 완전히 안전하지 않은 것을 의미한다 그들은보다 찾기가 어려운 것 여기서, GET 방법을 이용하여 이 URL에 바로 있습니다 그러나 그것을 찾을 수있는 방법이 여전히있다

그리고 난 그냥 보여주고 싶은 당신이 그래서 당신이 아마 이것에 대해 생각하기 시작 당신이 작업, 또는 사용하는 등 웹 사이트 및 제출 암호 및 아마 사용 에 같은 암호 다른 장소의 많은 즉 알고 여전히 꽤있다 누군가의 비밀을 쉽게 찾을 수 >> 그리고 여기, 내가 갈거야 post2html로 이동합니다 그리고 post2

html와의 차이 그리고 post2php 꽤 미묘하다 차이는 그냥 나는 인쇄하지 않는 것이 암호 나는 양식을 제출합니다 >> 그래서, 더그을 입력거야 그리고 입력거야 squadgoals에서, 심지어 우리가 알고 있지만 그 암호입니다

내가 제출하기 전에 내가 갈거야, 그래도 형성 단지에, 개발자 도구를 엽니 다 여기에 무슨 일이 일어날을 보여줍니다 크롬 그래서, 난 그냥 F12 키를 칠거야 그리고 그 열 것 내 오른쪽에 개발자 도구 아직 양식을 제출하지 않았습니다 지금은 내 양식에 제출 칠거야

그리고 분명히, 내가 만든 에 전화, 또는 내가 요청을 의미가있는 post2php합니다 그 클릭거야 >> 그리고 여기, 내가 갈거야 머리글을 클릭합니다 물건이 여기에 무슨이 많이 있습니다

그러나 나는 매우 아래로 스크롤하면 바닥,주의 사항 바로 내 캘린더를 이렇게 second– 권리를 차단했습니다 이 맨 아래 구석에, 더그, pw– squadgoals name– 내가 POST를 사용하고 그래서 비록 더 안전 방법, 다만, 이렇게 때주의 여전히 정보를 송신하는 HTTP를 통해

그리고 그것은 여전히​​ 수 있습니다 공격자에 의해 발견 우리가가는거야 그냥 뭔가 정말 처리해야합니다 어쩌면 암호화하는 몇 가지 방법 거기에 우리의 암호는 우리가 그들을 보내 전에 이는 더 나은 것 이는 내가 여기서 뭘하고 있지 않다 >> 그러나 단지 POST 알고 있어야 방법도 한계가있다 그것은 GET을 통해 개선의 즉시 표시되는 용어

그러나 그것은 완전한 수정하지 않습니다 그래서 여기의 예 가정 운동에서 빠른 당신은 몇 가지를 얻을하는 데 사용할 수있는 PHP로 작업을 연습합니다 웹 페이지에 다음과 같은 쌍을 생성합니다 첫 번째는 그냥 아주 간단해야한다 하나의 필드로 구성하고 제출 단추 에 따라서 매우 유사 우리 다만 post

html로했다 >> 그리고 두 번째 당신이 작성해야 파일 파일, PHP 파일은,이다 POST를 통해 입력을 기대하고있다, 및에 기초하여 사용자가 입력 한 내용 어느 당신은 정수가됩니다 가정 할 수 있습니다 당신은 어떤 작업을 수행 할 필요가 없습니다 에러 검사 등 당신은 사용자를 가정 할 수있다 정수 값을 입력합니다, 또는 해석과 같은 그 형태에 정수, 같은 PHP 당신은 단지를 만들려면 n 개의 곱셈 테이블로 N

>> 사용자가 10을 제출한다면, 우리는 원하는 (10) (10)에 의해 곱셈 테이블이 있습니다 사용자가 (12)를 제출하는 경우, 우리는 원하는 (12) (12)에 의한 곱셈 테이블 당신이 볼 수있는 것과 그래서 우리는 여기에서 운전하고 우리는 살펴 보겠습니다 내 IDE에서이 파일 >> 그래서 여기 IDE에서, 나는 mult_formhtml 있습니다

나는 그것을 클릭합니다 내가하고 싶은 모든 가치를 제출합니다 10 종류, 제출했다 그리고 분명히, mult_tablephp, 어떤 우리는 URL에이 상단에 볼 수 있습니다 나는 (10) (10)에 의해 만드는거야 곱셈 테이블

>> 내가 15을 입력하고 공격하면 지금, 제출 (15) (15)에 의해 곱셈 테이블이 있습니다 나는 물론, 표시하지 않을거야 당신 mult_tablephp의 내용, 그 재미를 취할 것이기 때문에 가정 운동에서이 부족합니다 하지만 몇 가지를 얻을 수있는 좋은 방법입니다 PHP 루프 작업 연습 과 POST, 매우 간단합니다, 희망 스트레스 무료 예, 단지 약간의 연습을 할 수 있습니다 그리고 나는 계속 약간의 CSS를 가지고 여기 내 개별 테이블을 만들 수 있습니다 세포는 종류의 오프 팝업 조금과 좀 더 봐 구구단처럼, 반대로 그냥 그냥 텍스트에 가지 거기에 앉아

우리가 얘기하자 마지막으로 슈퍼 글로벌 이 비디오에 뭔가라고 $ _SESSION 그리고 어쩌면이 실제로 무언가의 좋은 예 우리는 글로벌 고려할 것입니다 그것은 다른 배열입니다 그것은 다른 연관 배열입니다 그러나 모든 통해 액세스 할 수 있습니다 우리의 시스템에있는 PHP 파일

>> 우리는 제출하지 않아도됩니다 한번에 한 페이지 정보 같은 우리는 GET와 POST으로한다 그것은 항상있다 그래서이 페이지에 좋은 곳입니다 만약, 예를 들면, 기록 된 위치, 당신은 당신의 로그인 정보를 원하는지 페이지로 페이지에서 페이지로 유지한다 >> 당신은 다음 세션을 시작할 수 있습니다 같은 것들을 저장하는 $ _SESSION을 사용 사용자의 이름, 사용자의 ID 정보 등 그리고 그 정보를 유지합니다 $ _SESSION 세션을 파괴 할 때까지 나중에 조금

>> 동적 웹 사이트를 작성 PHP는 훨씬 더들을 수 있습니다 귀하의 사이트가 매우 동적, 당신은하지 않습니다 보다 너무 많이 더해야 할 일 그렇지 않으면 그냥했을 것 HTML을 사용하여 그 일을 그러나 연습이 필요, 연습을 많이 >> 당신은 이미, C와 함께 작동하는 방법을 알고 그래서 PHP로 점프하는 것은 너무 까다로운 수 없습니다 무슨 일이 어쩌면 조금 까다로운 비트 작동 GET과 POST의 새로운 아이디어와, 어쩌면 당신의 HTML과 PHP를 혼합 함께

뿐만 아니라 인터넷을 알고 있어야 정보의 광대 한 창고이다 그리고 PHP의 문서를 사용할 수 있습니다 많은 장소에서, 그러나 아마 가장 canonically phpnet에서 그리고 당신은 거기 찾을 수 있습니다 다른 기능을 많이, 및 케이스 및 예제를 사용 예시 예,시 당신은 어디에서 시도하고 그림하려는 경우 뭔가를하는 방법, 확률은이다 누군가는 아마 전에 이루어집니다

그리고 당신은 그들을 사용할 수 있습니다 영감을 구현하는 어떤 그것은 당신이 너무 구현하기 위해 노력하고 있습니다 >> 나는 더그 로이드입니다 이 CS50입니다

Create a webshop with Asp.Net – Part 1

안녕 얘들 아, ASPNet 자습서의 새로운 시리즈에 처음 오신 것을 환영합니다

분명히 많은 사람들이 내 이전의 AspNet 튜토리얼을 즐겼습니다 생각 했으니 까 왜 새걸하지 그래? 새롭고 개선되었습니다 이것이 바로이 시리즈의 출처입니다

'AspNet을 사용하여 자체 웹샵 만들기'에 오신 것을 환영합니다 이 시리즈에서는 내가 보는 앞에서 본 것처럼 자신 만의 웹샵을 구축하는 방법을 보여 드리겠습니다 이 사이트는 정적 인 페이지 (예 : 변경되지 않은 페이지)를 포함합니다 이 웹샵과 같은 동적 인 페이지

데이터베이스 데이터로 많은 작업을 할 것이므로 관계형 데이터베이스를 작성하는 방법도 배웁니다 또한 자신 만의 CMS 또는 컨텐츠 관리 시스템을 구축 할 수 있습니다 컨텐츠 관리 시스템은 데이터베이스를 조작 할 수있는 시스템으로, 응용 프로그램 또는 웹 사이트 내에서 예를 들어 이 웹 사이트 소유자가 판매를하고 있다고 가정 해 보겠습니다

현재 브레이크 디스크 비용은 150 파운드입니다 (£) 원한다면 내 웹 사이트에서이 가격을 변경할 수 있습니다 보시다시피 데이터베이스를 직접 업데이트하지 않고도 데이터가 업데이트되었습니다 또한이 사이트에는 로그인 및 등록 기능이 있습니다 사용자가 자신의 계정을 만들 수 있습니다

사용자가 로그인하면 해당 계정을 사용하여 상점에서 항목을 구입할 수 있습니다 나는 5 개의 Shock Absorbers를 구입할 예정입니다 장바구니에서 현재 및 이전 주문을 검토 할 수 있습니다 내가 원한다면 항목을 삭제할 수도 있습니다 체크 아웃하기 전에 장바구니에서 주문한 품목의 양을 수정하십시오

소개 만해도 충분합니다 나는 네가 가기를 열망한다고 확신한다 그럼 출발 수업 1과 함께 이 튜토리얼에서는 마스터 페이지를 작성하는 방법을 보여 드리겠습니다

기본적으로 마스터 페이지는 웹 사이트의 디자인 템플릿입니다 기본적으로 단일 마스터 페이지를 만들고 HTML 및 CSS 스타일을 추가 한 다음 다른 페이지에 링크합니다 이 페이지는 마스터 페이지와 완전히 같은 디자인을가집니다 유지 관리 가능성과 같은 마스터 페이지를 사용하면 특정 이점이 있습니다 필요한 항목을 업데이트해야하는 경우 한 곳에서만 업데이트 할 수 있습니다 또한 링크 된 페이지의 코드 또는 내용이 덜 필요합니다

링크 된 페이지에서 작성해야하는 유일한 코드 / 컨텐츠는 컨텐츠 영역의 데이터입니다 이 'white area'의 내용으로, 'content'영역으로 알려져 있습니다 각 페이지를 개별적으로 디자인 할 필요가 없습니다 페이지를 Masterpage에 연결할 수 있습니다 각 페이지마다 별도의 콘텐츠를 입력하십시오 즉, 마스터 페이지는 디자인을 제공하고 링크 된 페이지는 컨텐츠를 제공합니다

디자인을 시작하기 전에 우리가 설계 할 디자인을 살펴 보겠습니다 웹 디자인에 대한 예리한 시선이 있다면이 디자인은 세 가지 영역으로 구성되어 있습니다 배너 위쪽 그 아래 탐색 바입니다 및 그 아래의 내용 창입니다

꼬리말이나 사이드 바를 추가 할 수도 있습니다 이 수업을 위해 우리는이 세 영역을 고수 할 것입니다 주목해야 할 한 가지 중요한 점은이 회색 영역 '래퍼 (wrapper)'외부에 있습니다 색상이 모두 '래퍼'안에 있습니다 래퍼는 기본적으로 컨테이너입니다

귀하의 실제 웹 디자인을 포함하고 있습니다 그 밖의 모든 것은 단지 '필러'입니다 최신 브라우저는 회색 영역을 제거하여 래퍼를 현명하게 사용합니다 사용자가 자신의 브라우저 창 크기를 조정하면 브라우저는 래퍼 내의 항목에 자동으로 초점을 맞 춥니 다 스마트 폰 및 / 또는 태블릿과 같은 모바일 장치에서도 마찬가지입니다

이것들은 래퍼에없는 모든 것을 자동으로 잘라냅니다 나는 Ms Paint로 웹 사이트의 추상 그림을 그렸습니다 제발 웃지 마세요

요약하면 다음과 같습니다 배너 : 상단 파란색 상자 탐색 바 : 두 번째 파란색 상자 콘텐츠 창 : 빨간색 상자 브라우저 창에서 전체 화면을 표시 할 수 없을 때마다 회색 영역이 잘립니다 그것은 이론입니다 이제 가자 시작하자

Visual Studio를 열고 메뉴 -> 새로 만들기 -> 웹 사이트를 선택하십시오 설치된 템플릿에서 Visual C #을 선택해야합니다 AspNet 빈 웹 사이트를 선택하고, 그리고 그것에게 적당한 이름을 줘라 나는 'Garage Manager'라고 부를 것이다

그러면 webconfig 파일을 사용하여 빈 웹 사이트 프로젝트가 생성됩니다 지금은 무시하고 솔루션을 마우스 오른쪽 단추로 클릭하십시오 새 항목 추가를 선택하십시오 그런 다음 MasterPage 개체를 찾습니다

MasterPage에 이름을 남겨주세요 이것은 우리가 우리의 MasterPage의 구조를 정의 할 수있는 빈 HTML 웹 페이지를 생성 할 것이다 먼저, 조금 정리하자 'Doctype html'이후의 모든 것을 제거하십시오 더 이상 필요하지 않습니다

그것은 한 번 표준 이었지만 더 이상 사용되지 않았습니다 html 태그 사이에서 'html'을 제외한 모든 것을 삭제하십시오 이제 우리는 네 가지 요소를 만들 것입니다 래퍼, 탐색 모음, 배너 및 내용 HTML <div> 태그 사용 여는 <div> 태그와 <asp : Contentplaceholder> 태그 사이에 약간의 공간을 만듭니다 그래서 <div> 태그를 여기에 넣을 수 있습니다

기억하십시오 : 다른 모든 <div> 요소는 'wrapper' 새 <div> 태그 만들기 'id'속성을 추가하십시오 그 이름을 'wrapper' HTML 요소 id를 제공하면 나중에 CSS로 스타일을 쉽게 지정할 수 있습니다 래퍼에서 3 개의 새로운 <div> 태그를 만듭니다 이드를 '기치' '항해' 및 '콘텐츠' '<asp : ContentPlaceholder>'태그를 배치해야합니다 콘텐츠 <div> 태그 사이

이것은 매우 중요하므로 잊지 않도록하십시오 이 강의의 뒷부분에서 볼 수 있듯이 링크 된 페이지에 콘텐츠 나 데이터를 넣을 수있는 유일한 장소 <asp : ContentPlaceHolder> 태그 사이에 있습니다 다른 모든 지역은 출입 금지 구역입니다 브라우저에서 링크 된 페이지를 실행할 때마다 브라우저는 링크 된 마스터 페이지를 표시합니다 연결된 페이지에있는 데이터 나 내용에 관계없이 contentplaceholder 태그를 대체합니다 해당 내용을 content <div> 태그 내에 넣기를 원합니다

그래서 우리는 content <div> 태그 사이에 content placeholders를 위치시켜야합니다 Navigation div의 다른 페이지에 링크를 추가해 보겠습니다 확장, 정렬되지 않은 목록 (<ul>) 추가, ID를 'nav'로 설정하십시오 <ul> 태그 내에 4 개의 List 요소 (<li>) 추가 각 <li> 요소 사이에 Asp : Hyperlink 컨트롤을 배치하십시오 하이퍼 링크 이름 업데이트 : 첫 번째 웹 사이트를 'Webshop'으로 설정하고, 두 번째 것은 'About us'에, 세 번째 보고서는 '보고서'로, 그리고 마지막 하나는 '경영'입니다

우리는 장래의 수업 과정에서이 페이지들을 만들 것입니다 오늘, 우리는 'About page'를 만들 것입니다 디자인 단추를 클릭하면 화면의 왼쪽 하단에 당신은 귀하의 MasterPage의 미리보기를 볼 수 있습니다 보시다시피 아직 많이 보이지 않습니다 그 이유는 아직 CSS로 스타일을 추가하지 않았기 때문에 우리는 이미지를 추가하지 않았기 때문입니다

이미지를 추가하여 약간의 색상을 추가합시다 이 프로젝트에서 사용한 것과 같은 이미지를 사용하고 싶다면 이 비디오 아래의 설명에서 'StarterPack'다운로드를 찾으십시오zip에서 폴더를 다운로드하고 추출한 다음 솔루션 탐색기에서 끌어다 놓아 폴더를 추가하십시오 원하는 경우 자신의 이미지를 사용할 수 있습니다

그런 다음 이미지 컨트롤을 끌어 놓습니다 배너 태그 사이 속성 (F4)을 확장하고 'ImageUrl'속성을 찾습니다 3 개의 타원 ()을 클릭하여 엽니 다 'Images / BannerCarjpg'이미지를 선택하십시오 이것은 귀하의 웹 사이트의 기본 구조입니다 이제 너비 속성을 찾습니다

'100 %'로 설정하십시오 이렇게하면 이미지의 크기가 브라우저의 전체 너비에 상관없이 브라우저 창의 전체 너비를 차지하게됩니다 이것은 귀하의 웹 사이트의 기본 구조입니다 CSS를 사용하여 조금 스타일을 지정해 보겠습니다 솔루션을 마우스 오른쪽 단추로 클릭하십시오

새 폴더를 선택하고 '스타일'이라고합니다 이 폴더에서 CSS 또는 'CSS 스타일 시트'를 유지할 것입니다 우리 웹 사이트에 스타일을 추가 할 책임이 있습니다 스타일 : 요소 너비와 높이, 테두리, 배경색, 패딩 및 여백 등과 같은 요소 스타일 폴더를 마우스 오른쪽 버튼으로 클릭하고 '새 항목 추가'를 선택하십시오 스타일 시트 객체를 찾고 이름을 'Stylesheet

css'로 남겨 두십시오 우리는 <div> 요소의 id 이름을 입력하여 스타일을 지정할 수 있습니다 해시 태그 (예 : # 래퍼) #싸개 #기치 #항해 #nav에도 하나 추가하십시오 및 #content 이제 여러 줄의 CSS 코드를 적어두고, 필자가 작성한 모든 것을 복사하십시오 당신이 이해하지 못하는 것이 있으면 걱정하지 마십시오

몇 분 안에 가장 중요한 행을 설명 할 것입니다 그렇게해야합니다 비디오를 일시 중지하고 되감기하십시오 당신이 내가하는 것과 같은 줄을 지키기 위해 필요한만큼 자주 가장 중요한 행을 간단히 설명하겠습니다

맨 위에서 시작해 봅시다 본문 사이의 선은 웹 사이트의 모든 텍스트에 대해 글꼴 모음, 크기 및 색상을 설정합니다 전체 페이지의 배경을 'Lavender'(Line 6)로 설정하는 것뿐만 아니라, 11 행 : 너비 : 1100px; 래퍼의 너비를 1100 픽셀로 지정합니다 여백 : 자동 (12 행)은 상위 컨테이너의 가운데에 요소를 배치합니다 (이 경우 전체 브라우저 창) 인간 언어 : 여백 : 자동 화면의 중앙에 래퍼를 설정합니다

안쪽 여백 : 20px (13 행) 컨테이너의 마지막 내용 줄과 테두리 사이에 20 픽셀을 배치합니다 전체 해변이 사랑과 법원임을 확인하는 11 월 배경색 : 흰색 (14 행) 이것은 라벤더 (몸체) 배경 위에 하얀색 콘텐츠 영역을 제공합니다 그라디언트 색상 (25 행) 두 개 이상의 지정된 색상 사이의 부드러운 전환을 표시해 봅시다 표시 : 블록 (30 행) 링크를 선 대신에 <p>와 같은 사각형으로 나타냅니다 (41 행) 플로트 : 왼쪽 링크가 왼쪽에서 시작하여 서로 옆으로 떠있게합니다

부유물 : 당신이 원한다면 오른쪽도 가능합니다 (44 행) 텍스트 변환 : 대문자 : 모든 링크를 대문자로 설정 마지막으로, 각 링크의 왼쪽에 작은 흰색 테두리를 추가했습니다 아마 눈치 챘을 것입니다 클릭 링크는 클릭되지 않은 링크와 다른 디자인을 갖는 경향이 있습니다 우리는이 웹 사이트에서이를 원하지 않습니다

이 선은 클릭 된 링크가 기본 디자인을 유지하는지 확인합니다 이 줄은 현재 사용자가 마우스 커서를 가리키고있는 링크의 흰색 배경을 제공합니다 최소 높이 : 400px 이렇게하면 페이지에 내용이 없더라도 항상 흰색 래퍼가 표시됩니다 내가 보여주고 싶은 마지막 CSS 트릭은 둥근 모서리를 사용하는 것입니다 내 예제에서 볼 수 있듯이 래퍼의 모서리는 직사각형 대신 둥글게 보입니다

이 효과를 얻으려면 css 파일로 돌아가십시오 랩퍼 클래스에 다음 행을 추가하십시오 이 세 줄은 기본적으로 모두 똑같은 일을합니다 그들은 컨테이너의 모서리를 둥글게 만듭니다

(HTML 5) 이 CSS 요소에 픽셀을 많이 추가할수록 커브가 더 두드러집니다 우리가 같은 것을 3 번 적는 이유는 일부 브라우저 때문이며 인터넷 익스플로러를 보는 것입니다

아직이 줄을 잘 모른다 성공 확률을 높이기 위해 하나 대신 3 개의 행을 추가합니다 엔티티의 영역은 해변으로 그년으로 그물을 시험해 보았을 때 육체적으로 확신했을 때 통화를 열어야한다면 CSS 파일을 마스터 페이지에 연결하려면 마스터 페이지를 열고 <header> 태그 사이에 <link> 태그를 추가하십시오

스타일 시트에 'rel'속성을 설정하십시오 'href'속성을 'Styles / Stylesheetcss'로 변경 'text / css'에 대한 type 속성 <link rel = "stylesheet"href = "스타일 / StyleSheetcss"type = "text / css"/> 디자인보기를 새로 고치면 마스터 페이지가 CSS 코드로 업데이트되었음을 ​​알 수 있습니다 좋은 척도를위한 표제를 추가하십시오

이제 완전히 작동하는 마스터 페이지를 만들었습니다 만세! 논의 할 마지막 사항은 Asp PlaceHolder 태그입니다 전에 언급했듯이; 이 마스터 페이지에 웹 페이지를 링크 할 때마다, ContentPlaceHolders가 연결된 웹 페이지에있는 데이터로 바뀝니다 솔루션에 새 폴더를 추가하고 '페이지'라고 부릅니다 해당 폴더 내에서 새 Web Form을 만듭니다

Aboutaspx라고하고 '마스터 페이지 선택'확인란이 선택되어 있는지 확인하십시오 마스터 페이지에서 '정보'링크를 클릭하십시오 및 그 속성들 새로 만든 '정보'페이지로 탐색 URL 설정 이 페이지는 마스터 페이지와 같은 디자인이지만 컨텐츠 소유자 외부의 것은 편집 할 수 없습니다 요약하면 : 마스터 페이지는 디자인을 제공하고 링크 된 페이지는 컨텐츠를 제공합니다

임의의 콘텐츠를 입력 해보십시오 내가 제일 좋아하는 따옴표 중 하나를 입력하겠습니다 그것을 테스트하려면 : 약 페이지를 마우스 오른쪽 버튼으로 클릭하고 '시작 페이지로 설정'을 선택하십시오 이것은 우리가이 프로젝트를 실행할 때 About 페이지를 홈페이지로 만들 것입니다 보시다시피 모든 것이 효과적입니다

우리는 기본적인 디자인으로 기본 Masterpage를 만들었습니다 지금까지 자신 만의 마스터 페이지를 만들고 웹 페이지에 링크하는 방법을 배워야했습니다 그래서 나는 그것이 오늘 우리의 교훈을 마무리 짓는다 고 생각합니다 항상 그렇듯이 시청 해 주셔서 감사합니다 만약 질문이 있다면 의견 섹션에서 저에게 질문하거나 포럼에서 토론하십시오

이 비디오 아래의 설명에서 포럼에 대한 링크를 찾을 수 있습니다 다시 한 번, 시청 해 주셔서 감사 드리며 다음 강의에서 다시 만나기를 바랍니다 여기서는 관계형 SQL 데이터베이스를 작성하는 방법을 보여 드리겠습니다

tecHCD | How to create basic website using html and css (Sinhala subtitle)

අපේ අලුත් එකට ඔයාලව සාදරෙන් අපි මේ වීඩියෝ එකෙන් මූලික අඩවියක් හදන විදිහ කියල දෙනවා HTML හා CSS

වෙන භාෂාවකින් 비디오 එක කරන ගැන සමාවෙන්න නමුත් ඔබට ඔබට CC බොඔත්තම ඔබා සිංහල උපසිරසි බාවිතා කර හැකියි එහෙනම් අපි පටන් අපි මුලින්ම බලමු HTML හා CSS කියන්නේ මොනවද HTML කියන්නේ 하이퍼 텍스트 마크 업 언어 ඒ ඔයා වෙබ් අඩවියක් නරඹන සෑම වෙබ් ඉදිරිපස හා පසුපසක් අපි HTML හා CSS යොදාගන්නේ ඉදිරිපස

මේ HTML වලින් හා ලිනක්ස් නිර්මාණයට භාවිතා ඔයා ලින්ක් එකක් 클릭 ඔයාට අත්දැකීම් කියල කියල මන් ඔයා වෙබ් අඩවියකට ගියාම ඔයාගේ 커서 එක අතක් වෙනවා මේ එතකොට ඔයා මේක ලින්ක් එකක් ඔයා ඒක එබුවම දෙයක් සමහර වෙලාවට මොනව හරි බාගත (다운로드)

සමහර වෙලාවට වෙන වෙබ් පිටුවකට යනවා වගේ ලින්ක් එකකට කියන්නේ 하이퍼 텍스트 එකක් HTML පාවිච්චි කරන්නේ ඒ දේ ඊළගට CSS සමහර වෙබ් අඩවි වලට ඔයාල ගියාම ඔයාලට දකින්න පුළුවන් 그래픽 효과 සමහර වෙලාවට වර්ණවත් අකුරු සමහර වෙලාවට වර්ණවත් පසුබිමක් නැතිනම් පින්තුර වගේ

මේවගේ දේවල් නිර්මාණය කරන්නේ CSS වලින් (CSS 스타일 시트) CSS වලින් තමයි ඒ විදිහට වෙබ් අඩවියට 그래픽 සහ ආකර්ශනීය පෙනුමක් ලබාදෙන්නේ බොහෝවේලාවට මම මේ පාඩම ඔයාලට කියල දෙන්න පාවිච්චි කරන 무료 소프트웨어 එකේ නම 'NotePad ++' ඔයාට මේක 무료 다운로드 කරලා 무료 사용 කරන්න පුළුවන් එහෙම නැත්තන් ඔයාට ඔයාගේ 메모장 소프트웨어 එක හරි mac හෝ 리눅스 වල 기본 텍스트 편집기 එකක් පාවිච්චි කරන්න පුළුවන් HTML CSS කෝඩ්ස් ටයිප් ඔයාට මන් 링크 එක පහලින් දානවා කැමති අයට 다운로드 කරගන්න

අපි බලමු ඔයාට මේ පාඩම ඉගනගන්න ඕන කරන්නේ මොනවද ඔයාගේ 컴퓨터 එකේ වෙබ් එකක් එකක් තියෙන්න ඕන නැත්තන් ඔයාට 기본값 එක කරන්නත් එක 사용 ඔයාගේ 코드 වැඩ කරනවද ඔයාගේ ඔයාට ෆොටෝ ටිකක් ඕන වෙන්ව ඔයාගේ වෙබ් පිටුවට 추가 කරන්න, මන් වෙබ් අඩවියක් භාවිත කරා ඔයාටත් පුළුවන් ඒක භාවිත කරලා බලන්න

වැඩිදුර ඉගනගන්න මේ තියෙන්නේ වෙබ් ඔයාට මෙතනින් බලාගන්න මේ තියෙන්නේ 웹 사이트 ඔයාට බලාගන්න පුළුවන් HTML CSS උදාහරණ 자바 스크립트, මන් 자바 스크립트 ඔයාලට කියල දෙන්න යන්නේ නෑ මොකද ඒක ටිකක් විශාල කොටසක් නිසා ඊළගට මන් කියල දෙන්න යන්නේ කොහොමද HTML 파일 එකක් හදාගන්නේ කියන

오른쪽 클릭 -> 새 텍스트 문서 ඔයාට කැමති නමක් දාගන්න පුළුවන් එක 열어 라 ඔයාට ඕන දේ 유형 කරලා 파일 -> 다른 이름으로 저장 ඔයා මේකේ මේකේ කියන එක HTM හෝ HTML විදිහට කරගන්න ඕනමන් HTML කරගන්නවාපස්සේ save

pldchtml කියන 파일 එක 작성 උනා ඔයාට බලාගන්න ඔයාල දන්නවා මම මේක කරොත් මේක 열기 වෙන්නේ Google 크롬 එකෙන් මේක을 클릭하십시오 මේ තියෙන්නේ මන් හදපු html 파일 එක සහ තියෙන්නේ තියෙන්නේ ඒක තියන දැන් අපි බලමු කොහොමද html වලින් වැඩ කරන්නේ

මුලින්ම බලමු html වල පද ගලපන්නේ කොහොමද මුලිකම දෙය තමයි html වල 태그 ඔයා දෙයක් එකතු කරොත් ඒක ඒක තියන්නේ එකක් මම ඔයාට මේ 태그 ඔයා 태그 එකක් 열기 태그 එක 닫기 කරන්නත් මන් 태그 එක වැහුවා ඔයාට වෙනස පේනවා ඇති

තියෙන්නේ '/' ඔයාට හැමවෙල්ම 태그 දෙකක් ඕන නැහැමේ දෙකම එකම 태그 එකක කරගන්න දැන් අපි බලමු කොහොමද මුලික වෙබ් අඩවිය හදාගන්නේ කියන එක අපි භාවිත කරන භාෂාව html 5

0 කියන එක DOCTYPE කියන එකෙන් ඊළගට html අපි අඩවිය නිර්මාණය කරන මගේ පහසුවට මන් html 태그 එක 닫기 එක පහල මෙතනට ඊළගට 선두 태그 එක මෙතනට

මන් මෙතනින් වහගන්නව ඔයා දන්නවා "/"සලකුණෙන් ඇරපු එකක් එකක් වහගන්න ඔයාට ඕන 텍스트 එකක් 추가 කරගන්න පුළුවන් මන් 본체 태그 එක 열림 කරගන 닫음 මන් h2 태그 එකක් 열기 මේ විදිහට h1 h2 h3 විදිහට 태그 6 ක්

h6 තමා කුඩාම h1 තමා විශාලම මම වෙන 파일 එකකට 저장 මේක අනුපිලිවලක් නැති 목록 එකක් 목록 වර්ග දෙකක් තියනවා

අනුපිලිවලක් නැති සහ ඇති මන් මේ 목록 එක 열림 කරගන 닫음 순서가없는 목록 එකේ ගණන් කිරීමක් වෙන්නේ ඊළගට තියන්නේ අනුපිලිවලක් ඇති 목록 (주문 목록) මෙතන මොකක් හරි වැරද්දක් ඔයාට එක හොයන්න පුලුවන්ද? ඔයාට එක හොයාගන්න පුළුවන් මන් මන් එක 태그 එකක් 닫기 කරලා මන් මේක 저장 ​​කරලා 새로 고침 කරහම 오류 එක නැති

p කියන්නේ 단락 කියන ඊළගට තියන්නේ අනුපිලිවලක් ඇති 목록 (주문 목록) ඒක වැඩ කරන්නේ 숫자 වලින්පටන් ගන්නේ 1 정렬 된 목록 වලට යොදාගන්නේ සහ සහ සහ 정렬되지 않은 목록 වලට යොදාගන්නේ ul ඔයාට ලේසියෙන් දේවල් මතක තියාගන්න ඔයාට 주문 목록 එක බලාගන්න පුලුවන් 1 ඉඳල පටන් ගන්න

ඉලක්කම් මන් 바닥 글 එක을 추가하십시오 바닥 글 එක කියන්නේ 웹 사이트 එකේ පහලම තියන මන් 열림 කරගත්ත 꼬리말 태그 එක 닫음 ඔයාට ඕනෑම 텍스트 එකක් මෙතනට 추가 කරන්න

මන් පෙන්නන්නම් එක වෙන්නේ කියල මම calchtml කියල 파일 එකක් මන් කියල දෙන්නම් එක 웹 페이지 එකකින් තව 웹 페이지 එකකට 링크 එකක් හදාගන්න විදිහ මන් ඒ නම 사본

calchtml කියන නම මෙතනට ඔයාට මොකද පුළුවන් පුළුවන්을 클릭하십시오 මම 로고 පින්තුරයක් දාගන්න පළල උස එකෙන් පින්තුරය මැදට align에 맞 춥니 다

ඔයා පින්තුරයේ නම මෙතනට 복사 කරන්න පින්තුරය මෙතන ඔයාට බලාගන්න මන් එක 복사 මන් තව පින්තුරයක් 추가 කරගන්නම් src එක වෙනස් මන් මේ 이미지 එක තියන තැන වෙනස් කරගන්නම්, මන් තව ලින්ක් එකක් 추가 කරන්න මන් මේක 사본 මෙතන 붙여 넣기

ඔයා මේක 클릭 කරොත් අදාල 웹 사이트 එකට යනවාඑක 하이퍼 링크 අපි දැන් 그래픽 인터페이스 එක CSS වලින් පළවෙනියටම ඔයාට css 파일 එකක් හදාගන්න ඔයාට mystyle 파일 එක බලාගන්න

මට දැන් මේක 링크 කරගන්න මන් මේ දෙක 연결 කරාඊළගට මම 헤더 태그 එක 편집 කරගන්න යන්නේ පාට වෙනස් ඔයාට බලාගන්න පුළුවන් 글꼴 크기 එක වෙනස්

ඔයාට මේ විදිහට අදාල 태그 වලට මේ වැඩේ කරන්න මන් 목록 항목 වෙනස් කරන්න 목록 දෙකේම 항목 රතු පට මට ඕන 그룹 구성원 ලගේ විතරක් 색상 වෙනස් කරන්න ID එකත් එක්කයි වැඩ

배경 이미지 එකක් ඇද්ද කරන්න ඔය 바디 태그 එක මාරු කරන්න ඕන 새로 고침 කරහම ඔයාට බලාගන්න පුළුවන් 이미지 එක 추가 වෙලා අපේ අන්තිම 부품 එකෙන් නොමිලේ 로고 එකක් හදාගන්න විදිහ ගැන කතා මේක 웹 사이트 එකකින් 온라인 මේ 웹 사이트 එකේ 계정 එකක් ඔයාට ඕන

මන් දැනටමත් හදල තියන්නේ 계정 텍스트 එක උද 더블 클릭 කරලා ඔයාට 텍스트 එක වෙනස් කරගන්න පුළුවන් මට දොව්න්ලොඅද් කරගන්න අපේ 비디오 එක මෙතනින් නවත්වන්න අපි මන් හිතනවා ඔය මුලික අදහසක් html හා css ගැන ඔයා ලබාගන්න ඇති

ඔයාට මොනව හරි ප්රශ්නයක් තියනවනම් 주석 එකක් හෝ 이메일 එකක් ස්තුති !!!

How to set php version for your particular domain or subdomain via cpanel

안녕하세요, 마하 브입니다 그리고 오늘 나는 디스코스 할 것이다

기본 PHP 버전 설정 방법 cpanel의 다른 도메인 하위 도메인 또는 addon 도메인 용 이것을하기 위해 cpanel에 로그인해야합니다 이 튜토리얼에서는 두 개의 하위 도메인을 만들 것입니다