求简单的网页源码一个餐厅网页设计的源码

来源：蜘蛛抓取(WebSpider) 时间：2015-12-12 01:40 标签： 简单网页制作源代码
需求发布后1小时内收到服务商响应每个需求平均有10个服务商参与95%以上的需求得到了圆满解决所有需求不向雇主和服务商收取任何佣金年货包装设计特价，企业送礼倍有面儿
匹配服务商
选择服务商，签单
服务商工作
验收工作，满意后付款
已投标服务商
综合评分：5颗星
速度：5.00
服务：5.00
态度：4.97
好评率：100%
共有4个服务商参与报价，查看更多服务商报价
参与报价,开始赚钱
提交你的报价和方案
中标后交付作品
获得任务赏金如果您关闭了浏览器的JavaScript，会导致页面部分功能无法显示，请开启JavaScript以便正常浏览本网页。网页代码站()谢谢您的支持！
||||||||||||||【】
代码排行榜
网页特效代码RSS
|||||||||||
问答排行榜
共有问题数：128429
共有回答数：145
已解决问题：33
待解决问题：128396
帖子排行榜
美文排行榜
站长实用工具
生活实用工具
网页代码站意见/反馈/留言/广告/程序定制 唯一客服邮箱： [#替换成@]
郑重声明：未经授权禁止转载、摘编、复制或建立镜像。如有违反，追究法律责任。
Copyright & 2009-
Corporation, All Rights Reserved
法律顾问：邵卉芳律师 技术支持：一行代码都不写！完成简单网页的设计上传发布
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & 正文
Hi,我是优设小编
一行代码都不写！完成简单网页的设计上传发布
这是一篇由 Chris Kellett 为大家带来的教程，只需利用Ai CC 以及Muse CC，就可以在一行代码都不写的情况下，完成简单的网页设计和发布。
不过本文仅仅简单的介绍了大体的操作流程，更多细节还需诸位仔细研究一下。
如果你对建站有兴趣，可以阅读以下文章：
01. 用AI进行基本布局
工作流程的第一步是使用AI CC，进行基本的布局，并且创建基本的矢量图标。完成后，在图层面板中选择释放到图层（顺序）。这样就能将设计导出，以供PS编辑。
02.用PS完成设计
根据AI导出的图层，用PS进行视觉设计。
03. 命名图层
用PS完成设计时，要保持良好的习惯，例如：正确命名图层、充分利用CC的生成器工具、确保在命名图层和图层组中不要有空格（可用下划线和连字符代替）。
04. 导出图像资源
所有图层和图层组命名完成后选择文件&生成器&图像资源（File&Generate&Image Assets）。保存为PSD文件，即可实现动态导出图像资源为单独文件。
05. 导入到Muse CC
导入到Muse CC，在平面图中，选择浏览器填充选项（Browser Fill），选择保存的PSD文件；下一步，在选项中选择组合，不设置填充颜色并且去掉边框。
06. 添加微件
回到平面图，打开主页。选择Featured News Composition widget（抱歉哦，小编无Muse CC，应该是”特殊新闻组件”），然后便添加了一个组件。
07. 选择字体
触发组件目标。选择文本字体。可在控制面板和文本面板发现字体菜单，选择Web Fonts并且添加字体。
08. 添加图标
组件的模板如图所示。现在需要加入步骤1中设计的图标。选择文件&置入，选择图标和Logo。
09. 改变状态
使用状态（State）面板为组件的每个触发器（Trigger）选择正常、翻转、激活状态。可以通过效果工具改变PNG图标的颜色.
10.标题样式
标题呢？画一个合适尺寸的矩形框，然后使用字体工具输入标题。在段落样式面板中点击新样式图标。在列表中选择H1
11. 为组件添加简单的表单
在这里进行保存。选择触发器（Trigger），在对象(Target)面板中删除内容。打开组件面板拖出一个简单的填表组件，放在合适的位置。使用状态面板，修改表单区域的具体样式。
12. 选择背景图像
回到平面视图中，选择Browser Fill，丢弃图像。但仍处于Broswer Fill面板模式，载入一张背景图像，居中，调整比例，确保图像填充入其中。
13. 本地预览
利用 Muse的built-in（内置）浏览器预览来检测。选择预览标签来测试。当然，用浏览器测试一下也好。
利用Business Catalyst 服务发布网站,点击发布（Publish）。输入测试网站的名称，选择一个想要做主机的地址，选择OK。网站便会上传，完成后，打开浏览器。
15.在线编辑
若有改动，便在改动后，再次点击发布按钮，这样会自动上传改动部分（而不会上传未改动部分）。点击管理按钮，打开Business Catalyst后台，这样可以实时在线编辑内容。
16. 利用其他工具上传
如果想要用其他FTP应用上传文件，选择文件&导出为HTML选项，这样便可以继续用FTP工具上传了。
好了，我们通过使用CC版的PS、MUSE、AI、Business Catalyst，完成了一个”没有写一行代码”的网页设计与搭建。
原文地址：
优设网翻译：@MartinRGB
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南。
设计微博：拥有粉丝量58万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注商务网页设计制作期末作业，T字布局，简单一点的源代码？网站源码_源码下载_源码之家_网站源码大宝库
友情链接：
站长工具：
实用工具：
Copyright &
all rights reserved

我要回帖

更多关于 简单网页制作源代码 的文章

 

随机推荐