文章彙整

"網站技術與設計"共有661篇文章

首頁  /  新知分享  /  網站技術與設計 ( Page 30)

網站測試該注意哪些細節?

當網站建置完成後,緊接著就是檢測階段了,以避免上線後產生的問題;像是客戶進行線上購物的過程中發生無法購買的情況,或使用者體驗不佳而失去購買慾望。那麼在進行檢測時應該注意哪些細節呢? 今天歐斯瑞就和大家簡單分享在進行檢測時應該注意的細節,一起來看看吧!   1. 正確的最終版本設計 作為一個較具規劃的網站勢必都有網站初始設計,在這過程中多多少少都會經過幾次的校稿與確認,在開始檢測前請記得確認最終版本的設計,即使是部分調整或小細節調整都可能會影響到整體網站,才不會發生設計與最後測試端不同步的意外發生,好比說整體網站的字型樣式是否正確與統一?項目符號、效果等是否有按照期望的方式顯示?     2. 圖片 ...

如何匯入大量的資料進入資料庫

拿到例如一份5個欄位,但有1萬行的文字檔案時,(例如匯入大量序號)如果經過程式介面匯入資料庫,多半會遇到問題,要調整設定又很麻煩。這時,可以經過phpmyadmin這個工具來幫助你將文字檔案匯入後,再匯出成sql。

測試網頁讀取速度與內容多寡

 今天要來測試一個網頁的讀取速度,當中的圖片多寡會影響多少呢?   首先將我們的Astralweb的官網轉出為Html檔,去除了PHP與部分JS的因素並與測試圖片放置在同一個伺服器上,圖片大小沒有固定,扣除外連結的圖片後,我們將分別測試加上額外的20、60與100張圖時,網站的讀取速度會差多少。   每個數量都將統一以清除快取的方式各刷新10次,來計算讀取的時間。 同時使用GTmetrix,選擇與我們較相近的香港伺服器來測試。 (目前網站中的圖片34張,空間佔了3.7MB)   經過簡易的測試後,可以發現隨者圖片量的增加,讀取速度也漸漸的往上遞增,且當圖片的Size變更大時,各區間的影響會更明顯,速度理所當然的會越慢!   ...

Chrome Devtools 開發者工具功能介紹-source篇

隨著 JavaScript 應用的複雜性逐漸提高,我們需要藉由更有力的測試工具幫助開發快速尋找問題點,並有效地修復它。除了使用 console 輸出檢視外( 請參考Chrome Devtools 開發者工具功能介紹(console篇) ),開發者更可以利用 Chrome ...

如何使用composer安裝magento2

Magento 其實支援多種安裝方式,除了一般常見的下載安裝包之外,因為在 Magnento 2 裡面導入了新的現代化 PHP 套件管理工具 Composer,使得我們也可以利用 Composer 來安裝 ...

Magneto2 2.2 不須透過指令自動生成pub資料夾下檔案

過去創立一個主題完成後,在後台選取新建立的主題,前台看到的畫面卻還是未載入css的狀態,這時你會下command “php bin/magento setup:static-content:deploy” , 讓css複製到pub的資料夾去,使畫面達到預期。   但在Magento2 版本2.2 已經不需要這麼做了,在這個版本,如果你在deault模式和develop模式執行上述命令,命令視窗會出現如下圖提醒 ...

快速完成瀑布流版面-使用Masonry套件

今天我們來實作如何使用Masonry製作瀑布流的效果!

Photoshop【App修圖教學】PS Express汙點修復工具

Photoshop【App修圖教學】PS Express汙點修復工具 今天astralweb要與大家分享PS Express汙點修復工具,對於行動裝置使用者方便的修圖軟體,一起來看看如何製作吧! ※本教學使用版本Adobe PS Express ※本教學需先對工具使用有基本認識   1.使用PS ...

Photoshop教學【入門篇】後製夜晚效果

Photoshop教學【入門篇】後製夜晚效果 今天astralweb又要與大家分享簡單的夜晚後製效果,這次使用地球的空照圖,一起來看看如何製作吧! ※本教學使用版本Adobe PS Express ※本教學需先對工具使用有基本認識   1.開啟想要修改的照片   2.複製出另一個照片圖層 ...

如何在Magento 篩選器中移除目錄及價錢項目

在Magento 的產品目錄頁中、左邊欄位有個篩選器,在預設的Magento 佈景主題包裡、這個篩選器包含了:商品目錄、商品屬性標籤、價錢等。 這篇文章要教大家移除篩選器中的目錄及價錢項目。   移除篩選器中的目錄項目   方法一: 如果您使用的是Magento預設的rwd主題包,請開啟 app\design\frontend\rwd\default\layout\catalog.xml ...

Chrome Devtools 開發者工具功能介紹-console

網頁開發者常需與瀏覽器打交道,本文將針對Chrome瀏覽器,教學使用console指令的幾個基本功能!

使用GSAP來搞定動畫與特效

GSAP不但本身套件的容量小,且能適用於各種瀏覽器,可以從簡單的效果延伸到各種複雜的特效,方便管理與更動,以下簡單介紹它的使用方法!