Web_Design 板


LINE

我并不是资工系毕业的~ 是日文系。 毕业前只学到少数 HTML写法, 知道要<html>然後<head>接着<title> 最後在<body>写入内容。 早期接触的程式是C++,当初是为了编写线上游戏外挂,花了2个月苦读C++。 後来要把写好外挂分享给朋友开始用免费网页空间,放上HTML提供下载。 然後研究HTML的一些效果,才开始喜欢上网页设计。 以上是说明我不是基础很好的网页设计人员。 我网站是用Silverlight写出来的,不知道在这分享心得合不合适。 反正就先PO,不行最多砍文!是有Silverlight版,但一个月来看都0人气,我都哭了。 介绍网站: 一个让会员自由分享音乐的网站,可以上传歌曲,设计自己歌本,歌本可以放桌面 播放清单会自动记录歌曲及播放进度,桌面歌本也会自动记录位置。目地是让使用者用 起来像安装在电脑的播放器一样。 撷取内容影像 : http://slplayer.net/logs/good.jpg
http://slplayer.net/logs/good2.jpg
网址: http://slplayer.net/ 网站制作流程: 1.构想网站及租用空间: 参考各种程式介面的呈现方式及滑鼠键盘输入处理,加入自己的想法。 找寻网站空间的拟虚主机代理商。  使用工具:自动铅笔 + 空白笔记本(写草稿) & E-Mail (联络代理商) 使用语言:中文夹带英文又有日文 花费时间:1星期左右 2.设计资料库: 把需要的资料,会员资料及歌曲资料及档案址位等等做规划,  编写PHP建立MySQL资料表。  使用工具: PHPDesigner 7(编写php及sql指令) & PHPMyAdmin 3.5(浏览成果) 使用语言: PHP & SQL 花费时间:约2天 3.设计介面: 编写呈现的Silverlight介面,收集需要图片进行美工处理。  使用工具: Expression Blend 4 (Silverlight介面) & GIMP 2(图片编辑处理) 使用语言: XAML & HTML 花费时间:约7天 4.逻辑处理及动画效果处理: 编写滑鼠及键盘输入的事件处理及资料储存处理,设计动画效果。  使用工具: Visual Studio 2012(编写程式) & Expression Blend 4 (Silverlight动画 ) 使用语言: C# & XAML 花费时间:约5天 5.设计伺服器及AJAX通信技术: 编写PHP伺服器的MySQL资料库存取的处理,以及把资料结合成XML输出。 编写网页介面端Ajax连结伺服器的传送处理,以及接收XML资料的处理。 把伺服器架到网站空间,进行连线侦错。 使用工具: Visual Studio 2012(编写介面AJAX连结伺服器) & PHPDesigner 7(编写PHP 伺服器连结资料库) 使用语言: C# & XML & PHP & SQL 花费时间:约5天 6.侦错及自订物件导向工程:  把3~5写好的程式做一次完整的侦错。 再重新整理程式码,进行优化﹑写成自订物件。 使用工具: 上述所有用到的发开软体  花费时间:约5天 7.开放网站多人连线侦错: 让会员注册及上传档案,进行资料库及流量等多执行绪的侦错。 收集会员意见及修正错误地方,新增功能等等。 使用工具: 上述所有用到的发开软体 花费时间:约2星期 心得: 以上过程都是独自摸索而来~需要经验的板友可以来信问我。  在编写Silverlight的时候很痛苦,教学用的书好少,Google大神找到的参考资料几乎 都是英文不然就是内地文(我讨厌内地文),线上也找不到任何人可以问。 一下子C#一下子PHP一下子MYSQL好累又遇到UTF-8伺服器发送E-MAIL变乱码,处理过程 头都快炸了,但第一个使用网站的人跟我说:网站好特别,很好用。以上的辛苦都格式 化哩。  没什麽基础的我也成功架好站了~ 相信以好的构想出发,坚持到後最一定会成功的! 希望能找到同样陷入silverlight的朋友,嘛..虽然学这个在台湾难以混饭吃~但成就感 是很大的喔。因为台湾超少人写silverlight!  ---------------------------------------------------------------------------- PS: 网站目地是 单纯让会员间低调分享音乐,三天後会恢复成非会员无法聆听音乐!   对ACG音乐内容有趣兴敝站定欢迎您加入~ --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.100.81.158 ※ 编辑: sakuraakira 来自: 122.100.81.158 (03/30 07:30)
1F:推 UnderTheHood:http://imgur.com/P24dwrL 坏惹QQ 03/30 12:15
2F:推 ashram:推一下silverlight 之前也写了三年 03/30 14:22
3F:→ sakuraakira:坏了那个应该是有Unicode补完的关系~会让uft-8写的程 03/30 16:58
4F:→ sakuraakira:解码错误变乱码 03/30 16:58
5F:推 airtsubasa:silverlight有推荐的书或网站吗? 03/30 17:52
6F:推 winken2004:推 03/30 19:26
7F:推 PTTLSboy:推,加油!! 03/30 22:55
8F:推 Carlchen:推Visual Studio 2012 and Blend!!! 我也好想写个网站喔~ 03/30 23:41
我简单介绍Silverlight 是微软当初为了跟Adobe的Falsh争市场而开发的用户端介面程式,因为都要另外安装插件 ,让人觉得这两者是似类的东西。 但把Silverlight当成Falsh来写然後插到网页的方式,我个人觉得是错误的。 Silverlight由两个部份组合而成,两种语言。 1.介面(XAML语言) : 你可以把他当成 HTML+CSS (但功能及性能都强大多了) 2.程式(C#或VB语言) : 你可以把他当成 JavaScrinpt 编写的时候XAML里的标签用Name来命名,接着用C#去调用它; 跟HTML里的标签用ID来命名,接着用JavaScrinpt去调用它,跟本是一样的东西! Silverlight的页面固定由.xaml档及.cs档 2个组合而成, 跟.html档插入CSS,JavaScrinpt 或另外载入多个.css档.js档 比较起来简单许多 个人认为把Silverlight当成HTML来写才是正确的决定。 一些优缺点: 缺点XAML资源及范例少,HTML到处都找得到资源。比较起来难制作许多, 优点是制作完成的作品难以被抄袭。(不会被剪下贴上) 缺点需要经过Silverlight解析才显示画面,不像JavaScrinpt可直接由浏览器解析。 优点介面跨所有浏览器,不用担心像CSS JavaScrinpt在不同浏览器出现不同效果。 缺点内容很难被搜寻系统(ex:Google) 搜寻到.. 优点内建强大的函式库,强大到我难以解说但可以说jquery是无法比的。 详情看这 http://msdn.microsoft.com/zh-tw/library/cc838194(v=vs.95).aspx 英文无解可以用网页翻译~ 学习的路途很艰辛,初学者可以先从"介面部份"开始 安装Microsoft Expression Blend 4 参考"Silverlight补给站"网站,设计介面慢慢来! 而"程式部份",就必需打好C#的基础,可以先参考C#教学书,这部份我还没看到讲解 得很棒的书或网站,可能要多参考别的人C#程式 :( 先安装Microsoft Visual Studio 2012 学会自己写Class,弄懂物件导向是什麽, 慢慢就会了解silverlight不过是一个规划好的各种用来制作物件的函式库。
9F:推 wayren:很棒的音乐网站 给推 03/31 13:28
10F:→ wayren:double click事件改成click好像会比较直觉一点 03/31 13:28
11F:推 truesword:很棒的分享!! 网站超酷的 03/31 15:04
12F:→ faerie0218:个人不是很欣赏使用SILVERLIGHT来做...像我是不安装的. 03/31 18:55
13F:推 shadowjohn:很不错的网站~~~只是图片跟音乐没有版权吗@_@? 03/31 23:29
敝站不像grooveshark或youtube等线上媒体播放一样,推说不知道会员上传档案是否违反 数字版权法来免责(有事先声明),并且监控媒体档案,侵权立即要求会员下架。 而是采用像论坛网站,档案内容只提供给会员的隐匿性分享。 会员上传档案行为,只是"把档案传到我私人"租的伺服器=只把档案传给我。基本上起诉 会员也没好处。 而伺服器所有人的我要负的责任则是"把音乐分享给会员聆听",不营利不公开不接受广告 赞助来减轻侵权行为。不过追诉起来一定是要关站的。 ※ 编辑: sakuraakira 来自: 122.100.81.158 (04/01 02:44)
14F:→ sakuraakira:所以两天後~非会员就只会看到空白桌面~ 04/01 02:47
15F:→ ck574b027:我也是喜欢日文讨厌内地文 04/01 17:20
16F:推 kenuser:iOS 残念 04/01 19:56
17F:推 DingWeizhe:虽然不推Silverlight 但大推作者勇敢追梦 04/02 09:52
18F:推 TCFmars:不错喔,自学就能做出这种风格!加油 04/03 02:04
19F:推 ufoufoufo:很棒阿 有看到梦想 :D 04/03 03:36
20F:→ LearnRPG:如果今天不想用 Silverlight, 纯以html+css+js 要做到 04/03 11:07
21F:→ LearnRPG:这样的网页 有类似的套件吗 ?? 04/03 11:07
22F:→ LearnRPG:还是就是用 jquery 苦功刻了 ... XD? 04/03 11:08
23F:推 jinn:太棒了,介面直觉又漂亮,推一个! 04/04 20:30
24F:→ sakuraakira:据我的经验,一些功能Html+jquery也无法做到,需要HTML5 04/05 07:26
25F:→ erotic:我一直觉得资讯工作是所有专业工作中入门门槛最低的一种 04/14 11:00
26F:→ erotic:因为日常生活就能接触到资讯相关事物(网路、网站等),是很 04/14 11:01
27F:→ erotic:生活化的东西, 不见得科班出身就一定能写出像样的东西 @@ 04/14 11:02
28F:→ erotic:非科班出身的人能结合两种领域的知识,也是很不错的! 04/14 11:03
29F:推 interboard:强者 自叹不如 04/22 10:21
30F:推 dewater:好棒的站 04/24 20:34
31F:推 brain00021:大大赞 05/10 00:14







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Soft_Job 或 站内搜寻

TOP