※ 引述《JimmyWr ( jimmywr)》之铭言： : 各位 网页设计板上的各位前辈大家好 : 真的很荣幸PTT上有这样一个版能够提供 : 前台设计师及後台资料库工程师有这样一个交流的空间 : 目前我是某补习班多媒体网页设计职训课程的学员，上课时数为三个月 : 前面几堂课负责DW的老师有稍微带到一点CSS，之後才会继续上HTML : 我之前一直在Design版上潜水，但其实之前对於印刷业的印前作业的部分， : 并不像我对网页这麽有兴趣，我想专攻前台网页设计， : 并希望未来能从事网页视觉设计的工作。 : 有耳闻网页设计并不是那麽容易学习的一个门领域，所以我已经作好长期抗战的心理准备 : ，将准备三本笔记本专门记html/html5，CSS/CSS3，和Jquery : 所以就我目前调查的资讯，想再向各位网页设计的前辈们请教更多意见。 : 一.网页编辑器的选择： : 问过再作网页设计的朋友，有10个人里面会有八个跟我说不要用DW写， : 有一位後台工程师朋友跟我说是因为，用DW写会造成前後台程式衔接上有问题 : 到时候必须透过NOTEPAD++去修改，很花时间 : 但由於我是新手，二来我又是想专攻前台视觉设计的部分，DW直接跳过去写html : 其实会有些困难。但我认同有些版上设计师说直接写html不要去透过DW的按键 : 只是DW的功能也稍为让自己知道怎麽操作，所以在这里，就编辑器的部分 : 我是打算让自己学会 Dreamweaver 和Notepad++这两套编辑器 : 当然也有工程师推荐我用sublime text 3，原因是因为功能强大， : 就要学Notepad++还是sublime text 3我会再作一次考虑 : （ps:我的工程师朋友他比较倾向sublime text 3，然而我也有认识一位女生作前台是用 : braket写) : 问题：各位前辈建议DW和Notepad++一起学吗 不用考虑了直接使用Sublime Text就没错了 DW可学可不学不是很重要，我只会用拿DW当文字编辑器来用 : 二.学习领域的分类 : 想专攻前台网页设计，甚至是到说希望能够接案帮人作网页视觉设计 : 但又不可能不碰後台，一位作过後台工程师的朋友也跟我提到，PHP也包含 : 前台後台的部分，所以PHP前台也是要懂 : DW的部分，他是很推荐熟练DW以及HTML和CSS之後再去学习PHP的部分， : 所以也没有赞成把DW放弃掉这种说法 : 故目前归类几个科目，是我未来告诉自己一定要去碰的，否则即便是把前面的 : 学好了，也将发生後台的部分不知道怎麽和工程师沟通的问题。 : 所以我的分类上是希望自己能够学会 : 要求自己要会写要会操作：Dreamweaver/ CSS/CSS3 / HTML/HTML5 / Jquery : 要求自己要会读得懂：Javascript/PHP : (要把JS读懂，这是一个日本的女设计师跟我说的) : 要求自己要精通：SEO : 额外想加强的领域：基本的网管知识(万一客户叫我帮他们设定IP或者是设定区网空间) : 以上这几个科目我都会帮自己准备一本笔记本 : 问题：请问以上的这样的分类对於网页视觉设计师来说是否足够呢，谢谢！ 一般的网页设计师会切版HTML就蛮厉害的了 厉害一点的网页设计师会HTML,CSS 前端工程师的话JavaScript算是基础的 前端工程师还有能力尽量多学一些程式库和框架 ex:jQuery,AngularJS,React... : 三.跨装置的测试 : 网页设计的第一门课，那门专门再教资讯的老师就说，现在作网页 : 要能够在 桌上型电脑/平板电脑/智慧型手机/苹果电脑 四种装置上测试 : 听到这里，我就觉得很震撼，因为我只有智慧型手机/桌电/和笔电 : 目前还没有苹果电脑和平板电脑。如何处理硬体问题？ : 我的 : 处理方式:1.直接取得平板或苹果电脑 : 平板电脑可能会在手机换门号的时候跟电信业者要要看 : 苹果电脑的话，自己有想要考虑因应未来可能直接到客户那边作设计，须要台笔电 : 很多平面设计师很推苹果电脑，但苹果电脑一来比较贵，二来有很多相容性的问题) : 我给自己考虑三个月的时间，在多方打听看看是不是要购买Mac笔电 : 处理方式2.跟朋友借平板和Mac来测试，这应该要跟朋友够熟才有办法作到 : 处理方式3.有位工程师朋友跟我说可以在桌电上有模拟程式可以模拟平板 : 　　　　　我第一次听到之後觉得，那个准吗？会不会又像DW的设计界面 : 　　　　　一样浏览的时候落差很大? : 处理方式4.听说跨装置有专门的开发解决方案，但目前我受职训的课程应该 : 　　　　　是不会带大家学到RWD的部分，我未来会视情况考虑去进修RWD， : 　　　　　现阶段先把基础打好 : (我们的课程比较偏 html/CSS/Flash/(没错!就是会带好几小时的flash XD)) : 问题一：不知道各位前辈再帮客户网页作设计，也是会准备这四种硬体吗 : 问题二：请问如果这四种装置都能够跑，是否笔电以外的装置， : 网页设计的报价都要能够往上调？(就是每多一个装置多一个报价） : 还是未来的趋势是四种装置设计师都要能够会作呢？谢谢！ 可以用Chrome的DevTools做各种装置的模拟 不管事萤幕大小，UserAgent...等等都可以模拟 但毕竟不是100%实体装置，还是会有意点点误差 : 四.浏览器和作业系统的测试 : 虽然其实有问过工程师说作业系统会不会影响网站的测试，他只跟我说一切看浏览器版本 : 然而就作业系统线在微软有出到WIN8我也是很担心，因为家里两台电脑， : 2010买的，是WINXP；另外一台电脑2014买的，是WIN7，WIN8虽然已经出来两年多快三年 : 但我只有在电脑补习班碰过WIN8，WIN8在操作上我只能说很不熟悉。 : 即便是测试网页是以浏览器为主，我相信如果客户是用自己的笔电去测试 : 绝对难免会遇到他问你WIN8/WIN10 界面上怎麽调整操作的问题 : 兹此，就苹果电脑和一般的笔电，我考虑买一般笔电以熟悉WIN8/WIN10的操作 : 两台一台WIN7一台XP的电脑，我想还是可以继续用，但是务必熟悉WIN8 : 至於浏览器的部分 IE至少要测试到IE11，以及透过Google Chrome和 Firefox的测试 : 由於Chrome和Firefox可以自动更新，不像IE有版本的问题 : 问题: : 可以请问各位 设计师/工程师 以上关於浏览器的说法有问题吗？ : 另外请问如果真的要帮客户设计网站，是希望笔电和桌电都能灌WIN8/WIN10吗 : 还是即便是桌电还在用WINXP/WIN7 也不影响? 其实可以安装VM里面灌MAC，目前我就这是这样使用 可以同时有Windows和MAC两种平台使用，不过VM通常跑起来不太流畅 : 五.网页空间的测试 : Google的网域空间好像只能套html上去 : 这边也是一位工程师朋友介绍给我，可以作网页测试用的免费空间 : Hots My Web http://er-webs.com/ 这个空间支援MySQL和PHP : 不知道各位还有没有推荐的免费测试空间，谢谢! 没有後湍程式的需求的话我就会推荐 GitHub 有板控又可以当静态网页 : 六.科目书籍和网路教材 : 深入浅出系列用书，我打算先借 网页设计/HTML &CSS/ Javascipt这三本 : 松岗的 Dreamweaver CS6 以及 Dreamweaver CS6 PHP 这本也将入手翻阅 : 深深觉得政府的的职训课程对於学习CSS和HTML并不是那麽够 : 所以YOUTUBE的教学影片也会被我k完 : CSS教程: https://www.youtube.com/watch?v=Z2lVzikg8zU : HTML教程:https://www.youtube.com/watch?v=TCP1yvo_mAc : 由於是大陆的教学所以翻上会有些不同，但还好程式应该是相同的 : 如果各位前辈有更推荐教学资源可以再作推荐吗！谢谢！ 欧莱礼的书都还不错，但需要一点基础再去看比较有帮助 如果完全不会，要找深入浅出系列的 : 七.网管知识 : 请问帮客户架设网站，一个网页视觉设计师，大概网管须要懂到甚麽程度呢？ : 客户会不会顺便请你帮忙设个区网，或设定IP或者是架设ftp之类的。 : 目前我的想法是，网页前台必须包办业务，美工，前台程式，和SEO； : 後台的部分再找人或公司作配合，网管的部分也在找人或公司作配合 : 最後，真心感谢版上的网页设计师/工程师前辈们　 : 阅读完我的问题，真的很希望能够再获得各位宝贵的意见 : 版上的网页设计LINE群组我也已经加入，目前是希望能够抱持 : 长期抗战的心态面对这份工作 : 谢谢大家！ 通常公司因该是会分工 MIS 跟 RD 会分开 不然同时会 MIS 和 RD 的薪水因该会不便宜 要不然就是被凹很大 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.233.116.118 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1436599768.A.DEC.html