一、苹果的网页是拿什么软件制作设计的?
网页的视觉设计,当然是用Photoshop咯。通常由设计师完成,输出内容以图像资源、设计标注稿为主。
然后在交给前端工程,运用HTML+CSS+JS技术重构网页,输出内容为:真正可点击交互的网页。
推荐题主阅读,以下几篇文章,希望对你有所帮助:
自学网页设计,需要了解的网站开发流程网页设计需要学哪些软件?点击进入!网页设计基础知识全攻略(2万字干货长文)二、网页设计中表格的制作?
谢邀。
使用普通的<table>标签完成就可以,如果你认为有必要的话外面嵌套一层<div>标签。
表格背景和边框写在CSS里引用即可。
表格的内容应该是数据库的查询结果,需要用到php之类的,就比较复杂了。
举例来说以上的表格代码(静态,只写前两行)。
HTML:
<table width="928">
<tbody>
<!-- 标题行 -->
<tr>
<td width="15%"><strong>名称</strong></td>
<td width="35%"><strong>地址</strong></td>
<td width="10%"><strong>分类</strong></td>
<td width="10%"><strong>特色</strong></td>
<td width="10%"><strong>免费</strong></td>
<td width="10%"><strong>语种</strong></td>
<td width="10%"><strong>其他</strong></td>
</tr>
<!-- 第一行 -->
<tr class="alt">
<td>iH5</td>
<td><a href="http://www.ih5.cn/" target="_blank" rel="nofollow">www.ih5.cn</a><span class="hu-external"></span></td>
<td>H5工具</td>
<td> </td>
<td> </td>
<td>中文</td>
<td> </td>
</tr>
</tbody>
</table>
标题行没有加背景,而下面的行颜色相互变换。这个变换的部分就写在CSS里。
所以表格继承到的属性有(写在CSS里):
/* 整张表的属性 */
.table { font-size: 0.875em; margin-bottom: 1.5em; width: 100%; text-align: center; }
/* 带背景的行 */
.table tr.alt { background: #f1f1f1; }
/* 整张表的行属性 */
.table td { border-bottom: 1px solid #f1f1f1; text-align: center; padding: 5px; vertical-align: middle; }
/* 整张表的列属性 */
.table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; }
三、怎样学好网页设计与制作呢?
网页设计制作分成两个部分,设计和制作,这是两个大方向,很多人容易混在一起,设计是审美交互方面的事,制作是代码制作方面的事,通常上会设计的不会制作,会制作的不会设计,当然也有少数人两个都会。
网页设计部分
这个需要懂得一些基础设计知识,颜色搭配和网页交互常识。初学者可以去模仿总结那些优秀成熟的案例,总结别人的特点,从布局和色彩上去不断的总结,累积多了后,你的审美也会变高,自己也能总结出很多有用的东西。比如像下面这些案例图片,就可以多学习总结。
遇到舒适好看的排版样式,一定要多问问自己,为什么别人的排版设计会如此舒服好看,好奇才是设计师进步的原动力!如果你没有好奇心,建议还是不要学了,天花板太低。
一般来说,网页设计工具通常使用ps就够了,这个并没有特定答案。
给大家附上一些相关网页设计案例网站
Unlimited UI Kits, Icons, Templates, Themes and More还有色彩搭配网站Material Palette - Material Design Color Palette Generator还有色彩搭配网站
Material Palette - Material Design Color Palette Generator网页制作部分
这个其实属于代码实现部分,也就是程序小哥的工作,网页的制作工作通常叫web前端工程师,属于技术工种,需要掌握html,js,css知识,如果你是单独学前端网页制作,可以先跨过设计那一块,找已经设计好的作品,然后尝试自己把原型图做成实际网页,比如上面的案例,一开始只是psd原型图,还不是真实的网页,还需要把它们转成代码。
当然,人的精力是有限的。全部都学的话,花费的时间是真的多,现在网上有各种便捷工具,代码部分交给工具就好了,现在傻瓜式网页制作工具多了去了,我自己也经常使用,比如在https://unsplash.com/ 里找图,然后套在 vipcom.cc 超级单页里出网页,也就十多分钟的事。
四、网页设计,网页美工,网页制作这三者都有什么区别?
网页设计,就是设计出网页大概的样子。比如知乎,哪里是搜索,哪里是回答区,哪里是输入框。
网页美工,就是做出设计师设计出来的东西,比如提问那个按钮。
网页制作就是把美工做出来的东西按照设计师的意思拼好,这就涉及到代码了,HTML&CSS 是至少得。
网页制作不一定需要懂后台,但制作网站就需要了,一般除了 HTML&CSS 还需要懂一个后台语言比如 PHP;最好加个数据库,一般是 MySQL。
五、网页设计与制作需要注意什么?
制作网站的第一就是首先你得设计整体框架,整体网页的排版,色彩搭配,后面再去用代码实现展现出来。现在我给大家分享一下我个人自己写的一份关于电影“大鱼海棠”介绍网页,话不多说、现在给大家展示一下我的整体布局以及色彩,对称等特点...
六、网页设计用什么软件做?
网页设计可能需要使用到一些设计软件,我想推荐几款必备的设计软件给你。
1.photoshop
Photoshop就是学习设计的必备软件。Photoshop就像是学习设计的入场券一样。Ps可以很好的处理图片相关的问题,Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
2.墨刀设计软件
墨刀设计软件是国产的一款比较不错的设计软件,可以使用sketch插件进行原型的分享。墨刀的模板和素材库很强大,而且拥有很不错的交互能力,可以满足团队间的合作设计,并且对于初次使用的设计人员来说,简洁的界面和便捷的工具都很好用。
3.Adobe Illustrator
这就是我们俗说的AI,一款著名的矢量图形设计软件,非常适合对于一些插图和标志的设计,它可以帮助设计师对网页的一些插画或是图标或是logo进行很好的设计。
4.Adobe After effects
最后要说的是AE,它是一个视频剪辑设计软件,是制作动态影像不可或缺的工具。它可以很好的满足网页设计中可能用到的运动图片和视觉效果的设计。
七、网页设计与制作用什么能搜到题?
这个看你要具体要求搜索什么,什么类型的,大旗教育的老师,欢迎同学来了解,
南阳市大旗电商职业技术培训学校 南阳师范学院实训大楼唯一具备民办办学资质
开设有兴趣班、就业班、全能班,可全天学习可随到随学,免学费学习名额预定中
【电商运营培训】淘宝、天猫、拼多多、京东、抖音、亚马逊、ebay、速卖通
【UI设计培训】AUI+GUI+WUI+C4D,游戏设计,app设计,h5设计,小程序设计,网页设计
【平面设计培训】PS AI CDR C4D 广告设计 印刷设计 电商美工 企业vi形象设计
【视频影视后期培训】PR AE AU 达芬奇 抖音短视频新媒体运营电商方向
【室内设计培训】PS CAD 3DMAX 三维家 草图大师 su skb 全屋定制 全案设计师
【web前端开发培训】js java vue 小程序 web全栈方向
八、开发软件和制作网页哪个难度大?
软件开发是个大框,网页制作只是其中一个小部分。但从另一个角来说,软件开发得好不好,很难有直观的认识,但网页画得好不好,一眼就可以看到,所以制作网页要引入一个程序员很难掌握的能力,就是美工,甚至高级点的到设计师的程度(一般用到设计师级别了就比较浪费)。
所以说那个难度大,这很难比较,一般会开发软件的,顺手写个网页分分钟的事,但写个好看的网页,就很难到很多程序员了,再进一步,写个有自己独特风格的网页,这个是一般般美工也不能掌握的能力。
九、初学者网页设计用什么软件?
建议使用DW,DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
十、想学网页设计应该选择什么专业?
不知道
网业是个什么新事物?
……线割分的倒颠是我……
大学里不会去教你具体的网页制作技术,那个是培训机构的事情。
仅在技术领域而言,基础的网页制作涉及到美术专业,计算机专业,通信专业。涉猎更广范的话甚至有你想不到的专业,比如土木工程等等。