Apsara Clouder雲計算專項技能認證:網站建設-簡單動態網站搭建


一.課程介紹

1.課程目標

  • 了解靜態網站和動態網站的區別
  • 掌握動態網站的不同實現方式
  • 在阿里雲上如何搭建 wordPress網站以及 wordPress 網站的管理和優化

二.網站搭建的類型

1.網站的主要類型

  • 靜態網站:指全部由 HTML 代碼格式頁面組成的網站,所有內容包含在網頁文件中,主要用到的技術:html,css,javaScript
  • 動態網站:除了要設計網頁外,還要通過數據庫和遍程序來架構的網站,主要用到的技術:html,css,javaScript,服務器端腳本語言,數據庫

2.靜態網站的特性

  • 減輕服務器負擔
  • 靜態網站相對穩定,有利於搜索引擎優化 seo,Baidu,Google 都會優先收錄靜態頁面,不僅被收錄的快,而且收錄的全
  • 加快頁面打開速度,無需連接數據庫,頁面打開速度較動態頁面有明顯提高
  • 靜態網站沒有數據庫的支持,在網站制作和維護方面工作量較大

3.動態網站的特性

  • 動態網站以數據庫技術為基礎,可大大降低網站維護的工作量
  • 采用動態網頁技術的網站可以實現更多的功能,如用戶注冊,用戶登錄,在線調查,用戶管理,訂單管理等
  • 動態網頁實際上並不是獨立存在於服務器上的網頁文件,只有當用戶請求時,服務器才會返回一個完整的頁面

三.動態網站實現方式

1.動態網站搭建涉及的內容

  • 操作系統:windows,linux
  • web服務器:IIS,Apache,nginx
  • 數據庫工具:SQLserver,mysql,Oracle
  • 開發語言:ASP,JSP,PHP,Java

2,動態網站常見實現方式

  • 方式一:windows+IIS+SQLserver+ASP
  • 方式二:linux+Apache+mysql+php
  • 方式三:linux+nginx+mysql+php

四.搭建網站環境

1.雲上搭建 WordPress網站的關鍵步驟

  • 創建雲服務器 ECS:地域,可用區,硬件配置,操作系統
  • 安裝和配置開發環境:web服務器,數據庫等
  • 部署 WordPress網站:下載安裝包,安裝和配置WordPress等 

五.部署與安裝wordPress 網站程序

1.安裝 Apache HTTP 服務

#下載並安裝 Apache HTTP 服務
yum -y install httpd
#安裝 apache 的擴展文件
yum -y install httpd-manual mod_ssl mod_perl mod_auth_mysql
#啟動 apache http 服務
service httpd start
#設置開機自動啟動 apache http 服務
chkconfig httpd on 

#打開本地瀏覽器,並訪問ip

2.下載和安裝 mysql 數據庫

#下載並安裝 MySQL 數據庫
yum -y install mysql mysql-server
#啟動 MySQL 數據庫
service mysqld start
#修改 MySQL 數據庫 root 用戶的密碼
mysql_secure_installation
#輸入 y 。輸入新的密碼,例如:123123 。

#輸入 y ,刪除匿名用戶賬戶。

#輸入 y ,禁止遠程root登錄。

#輸入 y ,重新加載權限表並保存您的更改。

#進入 MySQL 數據庫
mysql -uroot -p123123
#查看賬號下的數據庫信息
show databases;
#創建一個新的數據庫wordpress
create database wordpress;
show databases;
#退出數據庫
exit

3.安裝php語言環境

#安裝 php 以及 php 支持 MySQL 的 php-mysql 軟件包
yum -y install php php-mysql
#安裝 php 常用擴展包
yum -y install gd php-gd gd-devel php-xml php-common php-mbstring php-ldap php-pear php-xmlrpc php-imap
#重啟 Apache 服務
service httpd restart
#創建一個 php 頁面,測試 PHP 環境
echo "<?php phpinfo(); ?>" > /var/www/html/phpinfo.php
#返回瀏覽器,並在新建頁面中,訪問 http://xxx.xxx.xx.x/phpinfo.php 

4. 安裝部署WordPress

#下載 WordPress 安裝包  https://cn.wordpress.org/,這個是WordPress中文官網,可以找到最新的版本並下載安裝
#解壓安裝包;然后查看當前有哪些文件或文件夾
tar -xzf wordpress-4.7.4-zh_CN.tar.gz
ls
#創建和修改 WordPress 配置文件
cd wordpress
cp wp-config-sample.php wp-config.php
#進入 wp-config.php 的編輯頁面
vim wp-config.php

#修改 DB_NAME 的參數值 database_name_here 為之前創建的數據庫 wordpress:
define('DB_NAME', 'wordpress');
#修改 DB_USER 的參數值 username_here 為 root :
define('DB_USER', 'root');
#修改 DB_PASSWORD 的參數值 password_here 為 123123 :
define('DB_PASSWORD', '123123');

#移動 wordpress 到 Apache 服務根目錄
mkdir /var/www/html/wp-blog
mv * /var/www/html/wp-blog/

#返回瀏覽器,並訪問 http://xxx.xxx.xx.x/wp-blog/wp-admin/install.php ,填寫信息,開始安裝 WordPress 
#完成 Wordpress 的基礎安裝和部署,在地址欄中,訪問 http://xxx.xxx.xx.x/wp-blog/ 

六.雲上 WordPress 網站的管理添加微博插件

1.本小節將介紹:如何在 WordPress 網站使用微博插件,將微博“搬”到 WordPress 上。

2.執行以下步驟,到微博中復制我們需要的代碼。

1)點擊鏈接 http://app.weibo.com/tool/blogwidget  登錄微博;

2)左側導航欄處選擇 博客掛件 ,然后右邊博客類型中點擊 WORDPRESS ;

3)在 Flash版 和 HTML版 任意一版下方點擊 立即使用 ,這里以 HTML版 為例;

4)在下圖所示的頁面中,藍框中選項用來調整微博掛件的樣式;黑框中是掛件的效果預覽(筆者平時不怎么刷微博,所以沒什么內容  );紅框部分是我們需要拷貝的代碼;

3.執行如下步驟,將微博“移入” WordPress 。

1)切換到 WordPress 網站的管理頁面,圖中,先點擊 外觀 ,下拉菜單中再點擊 小工具 ;

2)點擊 小工具 的子菜單選項 文本 ,將它拖動到 側邊欄 下方任意位置,輸入 標題 ,如:站長微博 ,然后將剛才復制的代碼粘貼到內容框中,點擊 保存 ;

3)點擊紅框處可以將下拉框收攏或展開。

4)點擊左上角處的 站點標題 跳轉到如下頁面,觀察頁面,發現剛才添加的微博掛件,可以看到我們最新發布的消息。登錄狀態下,可以在 WordPress 網站直接寫微博,記錄你的新鮮事。

 

七.雲上 WordPress 網站的站長統計

1.本小節介紹主要:借助 CNZZ  平台觀察 WordPress 網站一天有多少 IP 訪問,那些 IP 都是從哪個頁面進入到自己網站的等內容。

2.點擊鏈接 https://web.umeng.com/main.php?c=user&a=login 進行注冊、登錄。

注意:您也可以直接百度 CNZZ 搜索,然后注冊、登錄。如果您已經有該平台的賬號,請直接登錄。

3.登錄 CNZZ 數據統計專家網站后,填寫以下信息,完成后點擊 確認添加站點 。

網站名稱:自定義

網站域名:實驗資源 提供的 彈性IP

網站首頁:http://xxx.xxx.xx/wp-blog/wp-admin/ (xxx.xxx.xx 表示 實驗資源 提供的 彈性IP);

網站類型 和 網站地區:根據實際情況可自行選擇

網站簡介:自定義

4.復制紅框內任意一種形式的代碼。

點擊左側導航欄處的 查看密碼 ,勾選 開啟查看密碼服務 ,然后輸入 查看密碼 。完成后點擊 確定 。

注意:此處 查看密碼 不是指 CNZZ 平台的 登錄密碼 ,需要用戶再次設置。您也可以勾選 無需密碼 ,不設置查看密碼。

5.切換回 WordPress 網站的主頁面,點擊 外觀 ,並選擇子菜單下的 小工具 。

在右側展開的 小工具 選項中,點擊 文本 ,然后點擊 頁腳1(或 頁腳2) ,完成后點擊 添加小工具 。

6.彈框 標題 部分輸入 站長統計 , 內容 框中粘貼剛才在 CNZZ 平台復制的代碼。完成后點擊 保存 。 

點擊如下圖中的紅框部分,可將彈框收攏或展開。

7.點擊左上角處的站點標題 HelloWorld ,頁面下方看到我們添加的頁腳標題,點擊 站長統計。

8.輸入 查看密碼 后點擊 查看數據 。

9.看到如下統計結果。

11.點擊左側的 訪問明細 ,查看當前兩次訪問的 IP 來源。

點擊 當前在線 ,查看訪問流量分析。

12.執行以下步驟,取消通過 CNZZ 對 WordPress 網站的訪問量等數據的統計操作。

1)點擊 站點設置 ,下拉菜單中點擊 統計設置 ;

2)左側導航欄處選擇 關閉統計 ;

3)點擊 刪除站點 ,並在彈框中輸入 登錄密碼 。

    至此,WordPress 網站使用 CNZZ 平台統計 IP 訪問的數據介紹完畢。

 

 

成果展示:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM