JBTALKS.CC

标题: 我的网页【更新4/4/2010】 [打印本页]

作者: FallenAngelz 时间: 2010-3-8 07:23 PM
标题: 我的网页【更新4/4/2010】
本帖最后由 FallenAngelz 于 2010-4-4 09:00 PM 编辑

自己刚刚做了一个网页，要用来交Assignment的，但是觉得好像很单调。。
麻烦大家给点评语，谢谢。

我只是做了layout，内容还没写的。

http://whitenitez.com/website/default.html 『定位有问题』

至于这个设计，把风格换去比较黑暗的，Content是空的，麻烦大家给点意见，谢谢。
测试过，IE跟Chrome都没有问题。
使用软件：Adobe Dreamweawer CS4

http://whitenitez.com/WN/default.html

发现的问题：Firefox游览器看到会有问题,那位大大可以指导下..

网页更新！！
最后更新：4/4/2010

Home Page大致上已经完成，如果有任何意见欢迎指教。

http://whitenitez.com/new/home.html

更新：2/4/2010
更新了！！！完成了home page，完成度80%。
http://whitenitez.com/new/home.html

我用我的laptop来preview的，不知道荧幕较大的朋友们有没有走位问题。
拜托各位提醒我如果有什么问题的话，谢谢。

网页更新！！
最后更新：4/4/2010

偷懒了一阵子，今天的空就去完成了
Home Page大致上已经完成，如果有任何意见欢迎指教。

http://whitenitez.com/new/home.html

作者: 宅男-兜着走 时间: 2010-3-8 08:23 PM
标题: 回复 #1 FallenAngelz 的帖子
哦哦～很不错。只是 nav button 就。

如果可以的话～就不要粉红色。
太突出了。

整体来说很棒。

layout 有点跑位了。

作者: FallenAngelz 时间: 2010-3-8 08:55 PM

原帖由 宅男-兜着走 于 2010-3-8 08:23 PM 发表
哦哦～很不错。只是 nav button 就。
如果可以的话～就不要粉红色。
太突出了。

整体来说很棒。

layout 有点跑位了。

跑位,这么说呢?

作者: 宅男-兜着走 时间: 2010-3-9 09:56 PM

我不懂这个是不是你的 design 啦～我这里看到的是这样的。

作者: davidbilly87 时间: 2010-3-10 01:11 AM
在 Google chrome 也跑位

作者: FallenAngelz 时间: 2010-3-10 10:21 AM
在我的laptop看到没有问题，但是我也发现如果在那些Screen很大的电脑，就会出现走位。
谢谢各位提醒。

[ 本帖最后由 FallenAngelz 于 2010-3-10 10:24 AM 编辑 ]

作者: 宅男-兜着走 时间: 2010-3-10 02:14 PM
标题: 回复 #6 FallenAngelz 的帖子
#divbox03content

看到了～因为你的Content 的CSS 的Position 是Absolute，我想你的电脑应该是很宽频的电脑。

所以解决方法是，用死的Position。然后里面才慢慢layout。

作者: FallenAngelz 时间: 2010-3-10 10:40 PM
标题: 回复 #7 宅男-兜着走的帖子
使用position fixed吗？

position:fixed

复制代码

作者: ぁあぃ← 时间: 2010-3-10 11:03 PM
lz
你是上網下載template 改的嗎？

作者: 宅男-兜着走 时间: 2010-3-11 12:21 AM
标题: 回复 #8 FallenAngelz 的帖子
relative， fixed , 不然就拿掉。

总之就是。 Absolute的东西不适合用啦，考虑到每个人的电脑银幕宽度都是不一样的。

Absolute 这个Property 是通常拿来配合JS 使用的。比如说， Drg.N.Drp。不然就是Dragable 的时候用的。(可能有其他用途，我是这样用的啦)

其实最好的方法是，直接margin 掉你的 site。这样你就不必adjust 到死了。反正你都是用 table less 的layout。怕什么～

你上网找看看 2 column div 怎么做吧。不多说了～考试～

作者: FallenAngelz 时间: 2010-3-12 05:26 AM

原帖由 ぁあぃ← 于 2010-3-10 11:03 PM 发表
lz
你是上網下載template 改的嗎？

其实就是从google.com找的skin来的。

作者: 宅男-兜着走 时间: 2010-3-12 04:07 PM
标题: 回复 #11 FallenAngelz 的帖子
我以为是你设计的

作者: FallenAngelz 时间: 2010-3-15 01:07 AM
标题: 回复 #12 宅男-兜着走的帖子
能够善用google的资源是最好咯。。
我们这些programming的根本就不懂得设计wallpaper/skin

作者: Super-Tomato 时间: 2010-3-15 01:45 AM

原帖由 FallenAngelz 于 2010-3-15 01:07 AM 发表
能够善用google的资源是最好咯。。
我们这些programming的根本就不懂得设计wallpaper/skin

是嗎?? 這不一定啊, 但至少一位 web programmer 對基本 html, css, javascript 的掌控應該要駕輕就熟
就算是 designer 只給你一張 template 圖片, 你也要靠自己設計出 html 和 css

[ 本帖最后由 Super-Tomato 于 2010-3-15 01:46 AM 编辑 ]

作者: FallenAngelz 时间: 2010-3-15 11:56 AM
标题: 回复 #14 Super-Tomato 的帖子
我的意思是，Web Programmer大多数不懂得设计那些图片（skin，wallpaper，graphic等等）。。不是说不会HTML，CSS，Javascript等。

对了，请教下，我的website出现了问题，可以教我如何fix吗（position的问题）？
我check了google弄了很久还是不能也。。

[ 本帖最后由 FallenAngelz 于 2010-3-15 11:58 AM 编辑 ]

作者: Super-Tomato 时间: 2010-3-15 12:18 PM

原帖由 FallenAngelz 于 2010-3-15 11:56 AM 发表
我的意思是，Web Programmer大多数不懂得设计那些图片（skin，wallpaper，graphic等等）。。不是说不会HTML，CSS，Javascript等。

对了，请教下，我的website出现了问题，可以教我如何fix吗（position的问题 ...

重複帖子, 版主請刪

[ 本帖最后由 Super-Tomato 于 2010-3-15 12:23 PM 编辑 ]

作者: Super-Tomato 时间: 2010-3-15 12:22 PM

原帖由 FallenAngelz 于 2010-3-15 11:56 AM 发表
我的意思是，Web Programmer大多数不懂得设计那些图片（skin，wallpaper，graphic等等）。。不是说不会HTML，CSS，Javascript等。

对了，请教下，我的website出现了问题，可以教我如何fix吗（position的问题 ...

我所指的正是你對 html 與 css 上的問題, 而不是說你的圖片和排版設計

* position :
1. 要如何 FIX 你就先去看看為何你 CSS 中要把選單以後的所有內容都給予屬性 left:285px & left:525px
2. html 的 tableless 規劃可以改進, 儘量不要強制位置屬性

[ 本帖最后由 Super-Tomato 于 2010-3-15 12:28 PM 编辑 ]

作者: FallenAngelz 时间: 2010-3-15 05:40 PM
标题: 回复 #17 Super-Tomato 的帖子
没错的话，我记得好像可以用%来代替固定的数值，对吗？

作者: 宅男-兜着走 时间: 2010-3-15 08:43 PM
标题: 回复 #18 FallenAngelz 的帖子
chrome 不支持% 所以就免了。

不信你试试看。

作者: 小恶魔J@YL()NG 时间: 2010-3-15 10:09 PM
chrome能阿，看我弄的  FJliving.com
右边框就是用八仙的

作者: 宅男-兜着走 时间: 2010-3-15 11:14 PM
标题: 回复 #20 小恶魔J@YL()NG 的帖子

table 还是 DIV ？我用table 不能的说。

结果搞了整天，我直接用 javascript 来 layout

作者: FallenAngelz 时间: 2010-3-29 04:33 AM
最后更新29/3/2010
麻烦各位给点专业意见，谢谢。

http://whitenitez.com/WN/default.html

作者: 小恶魔J@YL()NG 时间: 2010-3-29 09:54 AM
回复 21# 宅男-兜着走

table的witdh才能用%，layout用div八仙才能

作者: 小恶魔J@YL()NG 时间: 2010-3-29 09:56 AM
回复 22# FallenAngelz

html file的第一页应该是用index.html吧。你的button的font太大了，没有content，不过layout蛮稳的，怎么button也不用font来做,用照片需要下载的

作者: FallenAngelz 时间: 2010-3-29 08:52 PM
回复 24# 小恶魔J@YL()NG

那个button纯粹是为了好看罢了。

至于内容，正在赶工中，到时还请你多多指导

还有就是，为何我的firefox看到怪怪的？（IE和Chrome都没有问题哦。。）

作者: 小恶魔J@YL()NG 时间: 2010-3-29 10:14 PM
你的code写错了拉
<div id="zzz">
id过后=的后面要放“”这个符号

作者: FallenAngelz 时间: 2010-3-29 10:17 PM
本帖最后由 FallenAngelz 于 2010-3-29 10:19 PM 编辑

回复 26# 小恶魔J@YL()NG

原来是这样，指教了

对了，你的签名档是你的网站吗？
按进去后会Highlight倒背景图片的

作者: 小恶魔J@YL()NG 时间: 2010-3-29 11:17 PM
回复 27# FallenAngelz

是的，那是我未完成的网页

作者: Deep_Ocean 时间: 2010-3-30 07:51 PM
多参考人家的设计，再融入自己的风格，我个人觉得还是单调了些。。。没什么爆点。

作者: FallenAngelz 时间: 2010-4-2 01:58 PM
本帖最后由 FallenAngelz 于 2010-4-2 02:00 PM 编辑

回复 29# Deep_Ocean
毕竟我也不是什么专业设计师，知识刚刚学习的新手。。
我不大会layout的，多多指教

更新：2/4/2010
更新了！！！完成了home page，完成度80%。
http://whitenitez.com/new/home.html

我用我的laptop来preview的，不知道荧幕较大的朋友们有没有走位问题。
拜托各位提醒我如果有什么问题的话，谢谢。

作者: 小恶魔J@YL()NG 时间: 2010-4-2 02:39 PM
你自己的hosting不免过渡的cpanel那边不是有很多templete，去那边直接下载哦

作者: AFat哥哥 时间: 2010-4-2 03:00 PM
你的03content加个overflow: auto;吧
Firefox下全部溢出了

作者: AFat哥哥 时间: 2010-4-2 03:02 PM
身为一个开发者用了人家开发的程序套个模板
就去掉人家的版权信息你觉得怎样? 呵呵

作者: 小恶魔J@YL()NG 时间: 2010-4-2 06:09 PM
回复 33# AFat哥哥

看你用什么角度想吧，你认为日本为今天的成绩全是自己develop？你认为中国现在是自己研发？

作者: FallenAngelz 时间: 2010-4-2 11:20 PM
回复 33# AFat哥哥

我论坛的主题作者注明了如果不方便显示作者信息可以隐藏，是原作者允许的。
http://www.discuz.net/viewthread.php?tid=1521852

至少我不是把作者名字信息换去我的名字。

作者: Super-Tomato 时间: 2010-4-3 12:42 AM

更新：2/4/2010
更新了！！！完成了home page，完成度80%。
http://whitenitez.com/new/home.html

我用我的laptop来preview的，不知道荧幕较大的朋友们有没有走位问题。
拜托各位提醒我如果有什么问题的话，谢谢。
FallenAngelz 发表于 2010-3-8 07:23 PM

1。文字没定义字型
2。文字的背景图設計都为固定方式不理想

作者: FallenAngelz 时间: 2010-4-3 03:14 AM
回复 36# Super-Tomato

加上了overflow:hidden
还有问题吗？

至于皮肤设计嘛。。初学photoshop，不大会使用。
无论如何，谢谢意见

作者: 宅男-兜着走 时间: 2010-4-3 11:40 AM
回复 37# FallenAngelz

introduction 跟 Content 的内容的 container 应该要有 Overflow。不然内容过长的话，就等著溢出来。

作者: FallenAngelz 时间: 2010-4-3 11:45 AM
回复 38# 宅男-兜着走

加overflow之前，我的laptop和desktop view都没有问题的，所以就忽略了。

作者: 小恶魔J@YL()NG 时间: 2010-4-3 12:46 PM
如不能很好的掌握resolution就吧你现在的resolution调去1024x768，我之前都是那么做的

作者: myEsc 时间: 2010-4-3 01:06 PM
交assignment如果放上作者名，等着中射，呵呵
如果用在真正的网站，可以把作者名写在comment,外表看不到，看代码才看到，这样比较对得起自己的良心

作者: FallenAngelz 时间: 2010-4-4 08:59 PM
网页更新！！
最后更新：4/4/2010

Home Page大致上已经完成，如果有任何意见欢迎指教。

http://whitenitez.com/new/home.html

作者: 宅男-兜着走 时间: 2010-4-4 10:09 PM
回复 42# FallenAngelz

开始有Feel了，但是不喜欢字的颜色

，总觉得这网页好像少了什么感觉（客户常说的话

）

作者: FallenAngelz 时间: 2010-4-5 01:30 AM
回复 43# 宅男-兜着走

字的颜色啊。。
没办法，背景是黑的，Aqua比较配合吧，没有理由叫我放黑色或是其他深色吧。
我觉得应该是少了sidebar吧。

作者: 宅男-兜着走 时间: 2010-4-5 02:10 AM
回复 44# FallenAngelz
少了点动感！！这个是我觉得的== 可能是看太多那种花花绿绿的网站了。
字的颜色可以放浅的，青蓝色也没清楚到哪里去。可以考虑白色。还有就是字形方面你是什么字形== 。。。。。？？ Hotmail的网页的字形Verdana 看起来很专业。

作者: FallenAngelz 时间: 2010-4-5 03:03 AM
回复 45# 宅男-兜着走

现在的专业网站都玩flash了。。
悲哀的是我不会flash。。

我会尝试修改的，谢谢意见

作者: 宅男-兜着走 时间: 2010-4-5 03:39 AM
回复 46# FallenAngelz
都是 Drag And Drop 罢了吧 == 。。。。没很难啦。
难是难在制作Flash 应用。超辛苦。

作者: guess0214 时间: 2010-4-7 07:13 AM
我觉得楼主可以把background-color不要使用gray色吧，死气沉沉的感觉。
我觉得white大众色，看了对眼睛也舒服点。
还有，我觉得你的material也不是很好看。个人意见。

身为一个开发者用了人家开发的程序套个模板
就去掉人家的版权信息你觉得怎样? 呵呵
AFat哥哥发表于 2010-4-2 03:02 PM

我不认同你说的啊，其实大家学习，都是从参考再自己修改开始。

作者: AFat哥哥 时间: 2010-4-7 09:09 AM

加油吧~

作者: FallenAngelz 时间: 2010-4-9 12:01 PM
对了，这里有谁会Search的Javascript代码？

作者: robin1 时间: 2010-4-10 09:18 AM
提示: 作者被禁止或删除内容自动屏蔽

作者: myEsc 时间: 2010-4-10 03:28 PM
Search 什么方面？

作者: Dhilip89 时间: 2010-4-12 02:40 PM
设计不错，但是我的CRT Monitor看到很暗

如果background-image可以再调整会比较理想...
我给 6/10，有待进步

作者: yukiycy 时间: 2010-4-20 02:43 PM
进不去，看不到。

作者: FallenAngelz 时间: 2010-4-20 09:50 PM

进不去，看不到。
yukiycy 发表于 2010-4-20 02:43 PM

抱歉，已经remove掉了。
可以到http://rallyauto.zymichost.com看看

作者: yukiycy 时间: 2010-4-21 10:17 AM
回复 55# FallenAngelz

这个也是你的PROJECT吗？字题还蛮大的，不过容易看到内容，不错。

作者: xiaozhu70 时间: 2010-5-21 03:26 PM
很好，继续加油！

作者: ~~趙子龍~~ 时间: 2010-5-22 08:47 AM
整體來說都很不錯，只是網頁配色要多加研究，那個很難哦。。。

我每次上色彩學的時候每次都被罵的

欢迎光临 JBTALKS.CC (https://www.jbtalks.cc/)