作者sakuraakira (淡月光)
看板Web_Design
标题[心得] 我想分享完成网站的喜悦
时间Sat Mar 30 07:12:46 2013
我并不是资工系毕业的~ 是日文系。
毕业前只学到少数 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)
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