iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

從零開始的網頁設計 系列

給對網頁設計0基礎卻又想要寫網站的人一個簡單易懂的30天教學!

參賽天數 24 天 | 共 22 篇文章 | 63 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 : 開始之前..Visual Studio Code 簡易功能說明

要寫網頁當然也要先有工具對吧?那其實入門真的不難,開記事本然後就能開始寫網頁了 但是,既然都是要講工具了哪可能會真的是在說要怎麼用記事本寫網頁呢 ? 1.Su...

2017-12-15 ‧ 由 樂樂 分享
DAY 2

Day02 : 基本 html 架構

每一天都會配合一個實例去做簡單的教學 好,那html到底是什麼? 我想要是我開始落落長的說明他大家就會想把網頁關掉了吧簡單地講,我們要讓預覽器看得懂我們在做什麼...

2017-12-16 ‧ 由 樂樂 分享
DAY 3

Day03 : 常用標籤(一) 標題標籤、段落標籤

段落、換行、標題 段落標籤以及換行標籤 段落標簽 : <p></p>換行標籤 : <br> 什麼是段落標籤呢?就跟他的名稱...

2017-12-17 ‧ 由 樂樂 分享
DAY 4

Day04 : 常用標籤 ( 二 ) div 、span

今天要講的是我們在做網站切版的時候會很常用到的標籤 「我有問題!!!什麼是切版!!!」 這個問題問得很好,簡單來說~切版就是我們將設計師設計好的畫面製作成網...

2017-12-18 ‧ 由 樂樂 分享
DAY 5

Day05 : 新技能GET _ 常用標籤 (三) _ ol ul li & 開始使用開發者工具 & a

今天要分享的標籤是我在工作的時候超級無敵常用程度僅次於 div 跟 span 「請問為什麼你會很常用他!!!」 當我們要做複數個連續的一樣長相的元件的時候就...

2017-12-19 ‧ 由 樂樂 分享
DAY 6

Day06 : 新手村的最後一個任務 _ 常用標籤(四) _ table

這一天就是常用標籤的最後一天,明天我們要開始分享CSS3的用法 table 一般表格 就如同字面的意思他就是表格,在約莫不知道多久以前的網頁貌似都是使用表格在做...

2017-12-20 ‧ 由 樂樂 分享
DAY 7

Day07 : CSS地下城冒險 _ 選擇器與優先權

就是今天,讓我們直直的往CSS地下層開始冒險吧!今天會先講基本的選擇器以及優先權的問題 (其實原本我是想連續想三十天的各種CSS元件) 由於CSS的屬性真的太...

2017-12-21 ‧ 由 樂樂 分享
DAY 7

Day07_2 : 版型設計

什麼叫笨蛋,我就是笨蛋,不小心按了發送所以要多寫一篇在我們開始講解版型之前先大概分享我個人在做網頁版型的步驟那如果你不是設計師的話其實可以跳過今天XD 1....

2017-12-21 ‧ 由 樂樂 分享
DAY 8

Day08 : 切版(ㄧ)_基本框架_1

相關文章 Day09 : 切版(一) _ 基礎架構2 & 圖片的顯示方法 Day10 : 切版(一) _ 基礎架構3 : 區塊分割 Day11 :...

2017-12-22 ‧ 由 樂樂 分享
DAY 9

Day09 : 切版(一) _ 基礎架構2 & 圖片的顯示方法

昨日回顧點我 那這兩天我們就把選單跟內容的部分都放進去,過幾天開始寫細部的樣式那為什麼要這麼做呢?因為我不想一次講太多css的屬性造成吸收不良XD 左側選單...

2017-12-23 ‧ 由 樂樂 分享