※ 引述《e04ckymadam (ckymadam)》之铭言： : 现在有关设计的行业几乎每一个都要求要有网页能力 : ,以前有去补习班学过一点,就是Dreamweaver.....但 : 说实在的那只是教你拖拖拉拉排个版就叫做网页了... : 当然我也知道网页没那麽容易,拖拖拉拉那种是小朋友的做法 : 但想到网页的相关技术还蛮多的...常常看到一些像 : ASP,PHP,Flash,JAVA,Vbscript,DHTML,资料库..... : 妈呀!连最基本用FrontPage做网页都要try来try去了 : 何况上述那些技术... : JAVA有上过几堂,发现完全听不懂在讲什麽..状况就像 : 统计学整学期只有最後一堂去上课时的情况...Flash. : ..做到设简单的action就差不多了...官方的那本ActionScript : 虽然是中文的,但没有几页看得懂... : 我想问的是...现在"学做网页",应该怎麽入门比较好 : 有没有推荐的书可以参考一下?还是说应该就"技术"本 : 身去学习,例如现在有很多网页是完全用Flash打死的 : (当然有一定的技术才能这样搞).... 嗯…入行快三年，从小职员变成自己在家当SOHO， 应该可以说说自己的心得。 网页设计，基本上是手工艺一般的行业，切勿与程式设计搞混。 你所说要学的那些东西，其实大概只有Flash会比较需要学到中等程度， HTML要看得懂(未必要记，跟视觉版面对照着，可以自己检查错在哪即可)， 但特别是CSS需要学精，而这点你好像没有认知到。 其他跟程式有关的，沾点边即可—— 以我而言，只需要做到要修改网页内容或排版时， 不要搞砸了程式设计师写好的部分就好XD 所以这时候CSS样式格外重要呐！ 因为这是让视觉归视觉，程式归程式的最好方式。 全Flash的网站，视觉很炫，但Google大神神不到，这是一个致命的缺陷。 这对於讲求搜寻排前、网路曝光率的商业网站来讲是很伤的， 所以大部分商业网站都还是只在Banner这区块做Flash动画效果。 而Banner整块用Flash没啥不好，也很方便更新， 只要记得在footer的地方重置一份主选单的连结。 阿～对了，SWFObject是个好物！千万要学会怎麽用。 加上从HTML设定变数ex:设定Num=1，Flash当中就可以写当_root.Num=1时， 选单第一项会变换效果，并且呈现第一单元的主图…之类的用法。 越说越乱@@~ 有些人称呼网页设计为美工，听到是会不爽， 但有些网页设计师自甘当美工，不对自己设计的版面多费点心思，也是没办法。 做网页时不能只顾虑到视觉美感， 要依据网站主题、LOGO标准色，去延伸整个色系、风格； 还要设想网路使用者惯例、视觉动线，以及网站内容主次要性， 去设计排版，切割各个功能区块。 不过假如是要做很艺术的网站，上面这些考量都可以不管， 但就真的只是自己做了爽而已罗～ 排版重点： 1.切记不要用框架页。 目前使用者上网找资料已惯於"搜寻"， 而搜寻到的页面，假如只是框架页的内容部分， 他根本不会也不能回到选单去看网站其他单元。 加上框架页好像对於视障同胞有碍，政府机关和学术单位的网站都会规范。 当不使用框架页时，一页网页中，就要包含每一页都会重复要看到的区块ex: Banner、主选单、copyright...etc. 不管是搜寻到哪一页，都可以连回首页。 2.少用table排版，多用div搭配CSS。 http://www.hsiu28.net/ 这个网站的CSS教学很好， 教观念、教重点、教技巧，没有多余的废话。 我现在可以很自豪地说，我做的网站版面撤掉CSS样式後， 是一个结构完整，语意(HTML语法的语意)明确的纯文字网站。 没有一堆意义不明的表格跟琐碎切割的图片， 有助视障人士阅读，较符合W3C规范，也比较符合搜寻逻辑的喜好。 3.使用HTML语法时，语意要正确。 比如<h1>~<h6>是表示标题的语法， 在我还不会用CSS时，我觉得这些标题太大，行距也太高，所以都弃而不用， 把一段文字用<font>改大小颜色，权充为标题； 但会CSS之後我才了解，视觉样式都可以从CSS重新设定的， HTML语法都是有其语意存在，不能乱用的。 虽然，我到现在还是偶尔会乱用… 版面区块定义： 1.Banner： 我通常会把LOGO、网站名称、主图、Slogan、Menu都放在Flash当中。 当然还是必须要有配套措施，重覆隐藏一份主选单放在HTML码当中。 3.Submenu： 这边是预留给各单元的单元选单，可能只有一层架构，可能有两层，不要超过； 若有三层架构的选单，建议第三层选单放在内文区块置顶。 4.Content： 内文区块，主要放置内容，但也要标示出目前所在的单元。 Title要与目前所在的Menu项目对应，Subtitle要与目前所在的Submenu项目对应。 5.其他区块： 依据不同的网站可能会有不同的功能区块，最常见的应该是会员登入吧～ 图示连结，常放在左选单之下做装饰，同时也把重要内容做成成图示连结方便点选； 功能选单，常放在Banner上方单独一排的小连结，放Home/Contact/EN...etc.； 索引，也有人翻译面包屑@@~常放在内文标题之上，一小排连结，标示所在位置。 版权宣告区，我通常会重放一次主选单连结，方便使用者卷到底部可直接切换单元， 当然还会放copyright、地址电话电邮、Suggestion并提供更新Player或IE的网址。 网站建置流程： 1.洽谈签约： 主要谈好网站架构、程式需求、以及软硬体系统规格。 并依据这些需求估价，开出详细明细。 同时也在这时就探听好客户喜好的风格， 甚至客户提供几个参考网站，可以让我拿捏设计方向更好。 2.制作版型： 主要先依据网站架构，在纸本上排好版面各个区块； 再依据客户喜好风格，以及客户的LOGO造型与色系，开始使用绘图软体制作版型。 大部分的人是用photoshop，可是我从以前就习惯用fireworks，好用。 希望Adobe并掉Macromedia後出的这套CS3，色彩处理可以更细腻点，滤镜多一些， 之前fireworks比较不好的就是这两点。 3.切割版型： 调整好所有细节之後，就可以开始切割版型啦～ 这个阶段其实才是考验设计师的功力的时候。 假如随便用table切一切，大概3个小时内可以切完吧！ 用CSS的话，我自己大概会花5~8个小时。 4.制作Flash Banner： 我通常是在这阶段，才区分出首页以及内页不同的版面配置。 首页Banner高，意象图大，视觉动态多；内页Banner短，视觉动态少。 这里就要会用CSS样式以及SWFObject了。 5.开始制作各页内容。 嗯…说的很乱，其实我也还要多多努力啦～ 网页设计的门槛实在很低，各行各业也都可以自己做网页， 所以才会有老板要求员工会做网业者佳，加上开个部落格比泡碗泡面还方便… 因此真正要专职於网页设计的人，要学的杂之外，还要有方向，有想法， 才能让老板们真正感受到何谓「闪开，让专业的来～」，进而找上你来做网站； 而不是在徵人条件当中随便附注一项：「会网页设计者优先录取」之类的方法。 目前我是独立接案，负责PM和网页设计两部分，唯一不通的是程式， 所以会依据客户主机的需求，找会写相关程式的程式设计师合作。 嗯，继续努力吧 -- U.Cafe 个人网站 http://unas.com.tw/ U.Design 作品集网站 http://unas.com.tw/U_Design/ --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 125.231.233.232