郑州网页设计培训
郑州网页美工培训
郑州UI设计培训
郑州淘宝美工培训
Illustrator可以制作网页设计吗
发布时间:2014-11-03 11:42:01

  最基本的网站将有一个标题栏、导航栏和标签不同的网页和一个部分内容。制作一个网站与AdobeIllustrator的软件更容易使用。有许多设计应用程序可以选择和基本很容易理解。您将使用简单的矢量图形在Illustrator中创建了一个网站。矢量图形设计,使用点、线、曲线和形状来创建图像而不是使用像素的光栅图形,比如在AdobePhotoshop。

  创建一个根文件夹和设置Dreamweaver

  1创建一个文件夹在您的桌面。要做到这一点,右键单击桌面,选择“新建文件夹”下拉菜单。这将是你的根文件夹。任何你喜欢的名字的文件夹。

  2打开Dreamweaver,点击“站点”并选择“新网站。“站点定义菜单将开放,将带你通过这些步骤你需要设置Dreamweaver的网站。

  3在指定的领域名称你的网站。你不需要担心填写的字段的URL。你的名字你的网站后点击“下一个”。

  4这下设置设置为“不,我不想使用服务器技术。“点击“下一步”进入下一组的设置。

  5选择“编辑本地副本在我的机器上,然后上传到服务器(互联网)当准备好了。“下一个,点击文件夹图标,然后在打开的菜单中找到你的根文件夹,选中它并单击“选择。“当你所做的,点击“下一步”进入下一步。

  6选择“所有”如何你想要连接到远程服务器。你有调整这个设置后单击next。检查你的设置后点击“完成”。

  在插图设计Web页面

  7打开AdobeIllustrator,点击“创建新Web文档。“没有必要调整的任何设置,那么点击“OK”继续。

  8设计一个简单的“家”页面为您的网站通过使用工具栏。只创建一个标题栏,导航栏,为您的内容区域。为此,您可以使用矩形工具和工具类型。在导航栏中,创建子目录选项卡导航到不同的页面。例如,如果你有一个餐厅的网站,您可以设置子类别标签回家,主菜和甜点。

  9从工具栏选择“切片”工具一旦你有你的网站设计的基础。创建您的第一个片通过您的标题区域周围有一个盒子。重复这个与你的导航栏区和内容区。

  10切换到“切片选择”工具。它显示了如果你按住鼠标按钮切工具。双击你的标题部分。当“切片选项”菜单打开时,名字你的片,然后点击"OK。“重复这个步骤导航栏片切片和内容区域。

  11去“文件”菜单上,选择“保存为网络和设备。“你可以选择如果你想将你的照片保存为GIF或JPEG。点击“保存”。

  12选择“其他……“在优化保存为菜单。这片下拉菜单中可以找到。你会得到一个菜单,打开与保存选项。

  13从“HTML”变成“切片”输出设置菜单。这是第二次从顶部下拉菜单。后选择“片”,更改设置来生成CSS。

  14改变背景颜色,背景菜单中“没有”。单击“OK。”设置“格式”“HTML和图像。“改变你的“设置”到“所有用户片。”

  15你的文件的名称更改为“指数”另存为一节。你保存的设置位置根文件夹中创建的第一部分。点击“保存”当你这样做。

  完成你的网站在Dreamweaver

  16Dreamweaver打开,选择“文件>打开”,打开你的索引。你从插画家出口的html文件。你应该能够发现这在你的根文件夹。

  17给你的网页标题。在页面的顶部,你可以找到一个区域一个标题。页面的名称你正在在这一节中。举个例子,如果你正在你的主页,你会想要把“家”称号。

  18为你创建一个热点链接导航通过点击导航片。在底部,点击蓝色热点地图工具,画出一个方框第一导航栏选项卡。HTML文件的名称你想链接到接线箱。例如,如果您在家里画一个盒子选项卡,您将编写”指数。html”链接框。您还需要确保你给它一个alt的名字因此失明和失聪浏览器用户可以读盲文大声或类型的联系。在高音部分类型。

  19重复这一步骤为每个导航栏选项卡。例如,如果你的下一个导航栏选项卡是主菜,你会画出一个盒子在选项卡上,输入“主菜。html”链接框,输入“主菜”alt盒子。

  20链接你的标题栏和内容区域没有创建一个热点。为此,单击图像,然后添加您希望链接到HTML的名称的链接。例如,你的标题栏会与“index.html。“确保边境地区说“0”。

  21去“文件>保存。“这将是你的网站的主页,所有其他的HTML页面的基础为你的网站。

  22顶部的标题属性从指数改到无论你的网站将会是下一个页面。

  23选择“文件>另存为”和“entrees.html命名文件。“这个名字必须是小写的,没有空间。

  24重复这些步骤对所有剩余的web页面。一个简单的方法来看看这只是看看你的每一个导航栏选项卡。每个选项卡将需要一个单独的web页面指定。

  25测试你的链接点击地球仪的形象在屏幕的顶部。这将向您展示如何上传到一个网站你的网站将会一次。

  提示和警告

  这些步骤工作无论多么简单或复杂的网站。从最基本的开始,练习使用Illustrator改变成分、颜色、字体和其他设计元素。

联系地址

郑州金水区东风路文化路向西200米路北汇宝大厦5楼501

联系电话

0371-63218905 13613841515(徐老师)

CopyRight 2005--2013 © xueweb.cn 版权所有:郑州清新教育电脑设计培训学校 Tel:0371-63218905 13613841515 客服QQ:800060586