实例练习网站制作（分为「构图」、「文字」与「.PDFVIP

課程名稱：Illustrator 網頁設計 講師：趙茂林 新增文件，單位設定為「像素 px」，尺寸 800*600 px，色彩模式「RGB」， 點陣特效「螢幕（72ppi）」； 使用矩形工具繪製網頁底色（寬＊高：800*600），利用對齊面板置於 畫板正中間，填入顏色（R 100 G 170 B 190）； 1 課程名稱：Illustrator 網頁設計 講師：趙茂林 使用圓角矩形工具，繪製寬高（765*570 px）與圓角半徑（15 px）的 矩形，填入顏色「白」色； 為了讓色塊有陰影效果，執行「效果 / 風格化 / 製作陰影」，設定如 下圖。鎖定藍色與白色色塊； 2 課程名稱：Illustrator 網頁設計 講師：趙茂林 使用矩形工具產生 542＊137px 的矩形，顏色為 R 145 G 190 B 70， 置於白色色塊左上角； 為了讓左上角呈現圓角，使用橢圓形工具產生 15*15 px 的圓形，置於 左上角，對齊後鎖定圓形物件； 使用增加錨點工具（解開綠色矩形色塊鎖定），在圓形切齊矩形的邊緣 增加錨點（上與左側）。使用直接選取工具，將綠色矩形色塊的左上錨點拖曳至 圓形中，結果如下圖； 3 課程名稱：Illustrator 網頁設計 講師：趙茂林 解除所有鎖定的物件，使用檢色滴管工具，讓白色圓形與下方綠色矩形 同顏色，結合二個物件（利用「路徑管理員 」的「加入外框區域」）為複合路徑； 繪製右邊物件。使用矩形工具繪製 221*137 px 的矩形，置於右邊位置， 如下圖。 4 課程名稱：Illustrator 網頁設計 講師：趙茂林 同步驟八，讓右側呈現圓形如下圖。 置入「隧道.jpg」圖片，並將順序移至最後。選取右側複合路徑與隧 道圖片，執行「物件 / 剪裁遮色片 / 製作」，完成如下圖。 使用矩形工具產生 221*432 px 的矩形，填入顏色 R 205 G 205 B 205，置於右下方； 5 課程名稱：Illustrator 網頁設計 講師：趙茂林 同步驟八，讓右側下方呈現圓形； 使用矩形工具產生 542*24 px 的矩形，填入顏色 R 115 G 150 B 60， 置於左上方複合路徑的下緣；