先说一下思路：布局---PS图---WEB切图（AI就可以完成）---DIV（dreamweaver）
首先，良好的作品需要有美观的设计图和兼容性良好的代码。设计方面要耐心设计，转页后要顾及各大浏览器的兼容性的同时，为提高用户体验质量，要用@media实现响应式网站。
注意：
切图用AI的WEB切图
@media的使用方法，比如：@media(width-max:1440px;)的意思就是最大分辨率为1440的用户浏览时，网页是什么样子的。
推荐用HTML5+CSS3
可以先去网上找一些模板来参考一下。
后台方面用dede就可以，上手简单。
你需要的话我可以给你私信一些
国内比较有名的设计类作品集网站有哪些？
有很多，设计之窗呀，红动中国，设计联盟等等，每个网站包含的类目都不同，不过也是差不多的，唯独设计之窗比较特别，这网站能做产权备案，挺不错。
中国设计之窗，作品类目多（ 平面 UI 网页 插画 服装 摄影 装修 工业 三维 影视 手工艺 纯艺术 动漫），设计资讯丰富（国内外都有），挺适合欣赏的。花瓣，素材中国，中国设计等，这些都很不错，自己可以去看下。