Re: [ 作業8] Free templates 試做

週四, 六月 8. 2017

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445195

(1) 參考之版型網址: http://www.tooplate.com/view/2083-steak-house
(2) 設計主題 / 風格 上海
(2) 遇到之問題: 做出来文字和图片总是会跑掉,
(3) 製作時間: 10个小时
(4) 製作心得:开始以为只是修改一下会很容易,可实际做起来好难。

Re: [期末作業]專題網站設計

週二, 六月 6. 2017

1.作業網址:http://mepopedia.com/~css105-2c/final/final-1045445195

2.網站主題: 西安
3.內容描述: 關於西安的一些簡單介紹
4.風格設計: 清新
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 1045445195張燁楠
6.個人製作心得: 雖然我的網站可能會沒有其他同學的做的好,但我也是盡了我最大的努力完成的。
企劃大綱
1.網站主題: 西安
2.網站架構(導覽列名稱與檔名)
西安简介(index.html)
西安地理(about.html)
西安交通(hw.html)
西安景点(xian.html)
西安美食(food.html)
西安照片(photo.html)
3.內容大綱:
4.主要對象(分析):
5.網頁架構圖(樹狀圖):
6.網頁版型設計圖wireframe
7.色彩規劃:
8.歷屆得獎分析(至少三組)

Re: [作業07] HTML/CSS/jQuery 物件小動畫、燈箱效果

週四, 五月 25. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1045445195
(2)製作心得: 燈箱效果一直做不好,後來好不容易做出來結果整個網頁很奇怪。

Re: [ 作業06] jQuery動態換頁效果

週四, 五月 11. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445195/index.html

(2)製作心得:這個作業不難,挺有意思

Re: [作業05] jQuery動態網頁初探-fadein

週三, 五月 3. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445195
(2)製作心得: 我只在第一頁上加了效果,覺得還挺簡單的。

Re: [作業04]網頁排版設計 -以Photoshop製作Mockup與Prototype

週三, 五月 3. 2017

1.須修改網站 : http://www.kfcclub.com.tw/
修改地方:
左側導覽列下面太空
2.優良網站名稱及網址:http://www.pizzahut.com.tw/
導覽列很清楚
顏色讓人看了很有食慾

Re: [期中作業] HTML與CSS應用--網站實作

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/midterm/midterm-1045445195
(2)網站主題:绍兴

(3)導覽列選項/分類項目(對應檔名):
简介  index.html
历史改革 about.html
地理环境 profile.html
美食  works .html
旅游  link.html

(2)設計對象:大众

(3)色彩計畫:绍兴是水乡,所以用蓝色表达水。

(4)風格設定、預期成效:

(5)製作心得:开始以为很难,实际做起来感觉还可以,就是稍微麻烦了点。

Re: [作業03] HTML與CSS練習-1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週四, 四月 6. 2017

(1)作業網址: http://mepopedia.com/~web104-2c/hw03/hw03-1031045445195
(2)本頁設計重點:绍兴的建制改革,因为实在想不出做什么
(3)製作心得:开始以为会很难,实际做起来感觉其实还可以也不是很难。

Re: [作業02] HTML與CSS練習 --首頁實作篇

週二, 三月 28. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1045445195
(2)網站主題/網站名稱: 绍兴
(3)分類項目(導覽列):
简介 绍兴概况
历史改革 名称演变
地理环境 地形地貌,气候,水文
美食 绍兴特产
旅游 著名景点
(4)對象: 不是绍兴人
(5)色彩計畫: 紫色,蓝色
(6)風格設定、網頁看點、預期成效:
(7)製作心得:
开始的时候以为就是只要改一改就好会很简单,真做起来还是碰到了很多不怎么会的
地方,不过看了同学的以及老师的讲义有点知道了。

Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型(新增CSS3練習)

週二, 三月 7. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445195
2.設計概念與製作心得:
这个作业虽然和上学期第二个作业类似,但又不一样,这次的多了阴影和圆角。
3.何謂HTML、DIV及CSS:
HTML:基本网页构架 DIV:一种以标签的行式,提供网页内容与结构等样式的卷标 CSS:布置网页的外观
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://by-tiny.com/
这是一个宝艺网页设计的网页,清楚明了的说明了用途。
5.期待這門課的學習成果與收穫為何?
上学期每次设计网页都有很多不会,需要借鉴同学的老师的讲义才行,
希望经过这学期的学习我至少会最基本的一些网页设计。

Re: [期末作業] 以雙欄為主的網站設計

週一, 一月 9. 2017

1.作業網址: http://mepopedia.com/~web105-2c/final/final-1045445195

2.網頁主題:谁的青春不迷茫

● 欲呈現風格:天空蓝

● 網頁架構與內容主色系:

背景-蓝
導覽列-蓝底白字、蓝底蓝字
內容-灰色

3.有無遇到的問題:开始因为顶图大小没设好跑出去了自己还没发现问了同学才知道,
然后又因为图片文件夹名字不对图片不见了,过了好久才发现。

4.製作感想 : 有时候不够仔细,明明一个很简单的错误却要好久才发现。


5.製作作業的時間:好几天


(1) 導覽列架構設定:



(2) 尺寸與架構設定:



(3) 製作內容:

A.剧情介绍 (檔名:index.html)


B.主角(檔名:works.html)


C.影片(檔名:video.html)


D.刘同说过的话(檔名:links.html)


E. 同名小说 (檔名:story.html)
(4) 主要瀏覽族群:大众

Re: [作業07] 以Float:浮動,製作雙欄網頁

週二, 一月 3. 2017

.作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445195
(2).請回答以下問題:
1.網頁主題:誰的青春不迷茫
2.有無遇到的問題? 開始的時候雙欄設不好,問過同學以後知道了
3.製作感想 覺得有些地方有點
4.製作作業的時間 4小時

Re: [作業06]表格的製作美化與資料整理

週二, 十二月 27. 2016

(1).作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445195

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 藍色比較溫暖
2.有無遇到的問題? 開始的時候不知道如何寫代碼,看了講義和同學的作業以後知道了。
3.製作感想
4.製作作業的時間 1個半小時

Re: [作業05 ] 繞圖排文與推文按鈕的應用

週一, 十二月 19. 2016

(1).作業網址 :http://mepopedia.com/~web105-2b/hw05/hw05-1045445195
(2).請回答以下問題:
1.網頁主題: 配色與風格設定: 藍色比較溫暖
2.有無遇到的問題? 開始的時候不知道如何設定css,看了講義和同學的作業以後知道了。
3.製作感想
4.製作作業的時間 2個小時

Re: [作業04] 以CSS製作網頁導覽列

週二, 十二月 6. 2016

(1).作業網址 :http://mepopedia.com/~web105-2c/hw04/hw04-1045445195

(2).請回答以下問題:
1.導覽列配色與風格設定: 藍色比較溫暖,像天空的顏色
2.有無遇到的問題? 根據講義解決了
3.製作感想(你認為導覽列的意義為何?)
4.製作作業的時間 2個小時