网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 站群搭建 » 正文

PS怎么制作网页?

2019-8-7 19:13:58 | 作者:老铁SEO | 0个评论 | 人浏览

  以前一直以为只要CSS样式写好就可以了,顶多PS做几张特定大小的图就可以了。 最近看了Designmodo - Web Design and Development Magazine 的各个主题才了解到PSD能用于做网页。 我的问题是,怎么用PS制作网页?就算做好,怎么生成对应的css样式和html代码,如果涉及到响应式设计该怎么处理

  4.以上步骤完成后,进行操作“文件”“储存为Web和设备所用格式”,在打开的窗口中按照自己的需要为网页图片作设置,设置完成后,“储存”,保存类型“html和图片”,切片“所有切片”。

  5.接下来用Dreamweaver打开html文件,为其作链接及其它。

  HTML+CSS+JS,这是广义上的网页三元素,HTML负责骨骼,CSS负责血肉,JS负责行为动作。其中浏览器中表现的画面约等于(html+css),但仅仅拥有他们是表现不出设计师们大脑中天马行空,不拘一格的想象力的,因此才引入了PSD作为设计稿。

  这就好比,你完全自己DIY一个高达,你需要先有一副高达图片(PSD),再通过图片中的表现自己搭建支撑的骨架(HTML),再用各式喷漆、马克笔(CSS)去勾画、完善细节。

  那么回到问题上来,怎么用PS做网页?假定adobe体系中,PS永远只能设计网页,而Dreamweaver才能制作网页,但是依然要你自己根据设计去解构设计然后划分网页骨架,具体到html上就是根据不同的页面表现来写Div标签,制作Button按钮,用CSS控制他们的大小和位置以及表现。更进一步的话,大部分前端会手写html和css代码,因为DW有各式包括启动速度,冗余代码之类的问题。

  至于响应式,这又是基于成型的html以后另一个话题了,但还是html+css,只不过通过UA检测来适应不同终端的不同展现。

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:知乎网页  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    中国女子悉尼遇害被藏尸冰柜 犯罪现场令人震惊
    菲亚特克莱斯勒和UAW就新的劳动合同达成初步协议
    戒毒所里艾滋感染者:曾躲厕所吃药 像活在下水道
    “裸辞”的年轻人:996会辞职 太闲了也会辞职
    中信建投史琨获金麒麟新锐分析师纺织服饰第三
    方正证券丰毅获金麒麟新锐分析师纺织服饰第二
    海通梁希获金麒麟新锐分析师纺织服饰第一 看好服装
    光大李婕获金麒麟最佳分析师纺织服饰第五 关注3主线
    广发糜韩杰获金麒麟最佳分析师纺织服饰第四 买3主线