1、网页设计制作详细流程
分析如下:
1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。


2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。


3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。


4、然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。



5、下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。




6、下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。


7、网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。


9、最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。


(1)网页设计设计网页扩展资料:
网页设计
设计网站要注意两个要点:整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
网页配色小技巧:
1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;
2.用两种色彩:先选定一种色彩,然后选择它的对比色;
3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
2、网页设计有哪些好的网站
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
无论是什么样的网页设计常用的工具一般都是以下几个:PS、FL、DW、FW
3、制作一个简单的index.html网页
实现的方法和详细的操作步骤如下:
1、第一步,右键单击计算机桌面上的空白区域以创建一个新的“文本文档”,如下图所示,然后进入下一步。

2、其次,完成上述步骤后,输入要在新创建的文本文档中显示的内容,如下图所示,然后进入下一步。

3、接着,完成上述步骤后,返回桌面,将文本文档的名称和后缀更改为“
index.html”,如下图所示,然后进入下一步。

4、然后,完成上述步骤后,该文件的默认“打开方式”将成为浏览器,双击“index.html”文件,如下图所示,然后进入下一步。

5、最后,完成上述步骤后,就打开了刚创建的“index.html”文件了,如下图所示。这样,问题就解决了。

4、html网页设计:一个简单的登录界面代码!
是这样的效果吗?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("请输入用户名");
username.focus();
return;
}
if(pass.value=="")
{
alert("请输入密码");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 录" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
5、网页设计(网页制作)
看见你的留言过来的= =
想问 你到底想学什么呢? 如果你想走网页设计那条路的话 那就走那美工条路
应聘的职位就是 网页美工或网页设计师
如果你想做程序员 就学编程去 应聘的职位是程序员 网页编程
我不是程序员 我是纯美工一个 所以也只能给你走美工的路的意见了
-------------------------------------------
要做设计 那你就得做高级美工 不然 普通的修改和找个模板改改的事 程序员也会做 用不着多找你一个
网页设计怎么学 其实很简单 最初就是从看开始 网站你见过吧 到处都有 你找优秀的看 你要注意的是 一个好的网站 为什么让你觉好看 原因就是三点 颜色、布局、细节
这里介绍你一个站 http://www.sj63.com 里面收集了很多的优秀网站
如果你真的对设计有兴趣 那你看到这个站 你一定会激动 [我当时就激动的不行= =]
这个站 是设计师们经常光顾的站 因为太多优秀的站 非常值得学习哦
但如果你只是想找模板 那你要失望了 这里可不会提供..
好 当你大概明白一个网站的基本构成的时候 那么你接下来需要的就是素材
再给你一个站 依然是设计师大爱 http://www.zcool.com.cn
如果你真的对设计感兴趣 那看到这个你会更加的激动- -|||
里面不旦有素材 还有很专业的讨论区呢 有了作品 投进去看看 会有很多设计师给你很好的建议哦
[以上两个是我现在正在混迹的地方]
做为一个合格的网页设计者 这两个站里的东西已经完全够你学了
接下来的 就是个人的进阶能力的问题咯
另外 要做网页设计 有两个软件你一定要会
一个就是PS 一个就是FLASH 很高兴两样你都刚好都会一点
那么 接下来要做的事就是让你自己会的更多了
PS的学习地 我再给你一个站 我就是从那里出师的 不敢说自己是PS顶尖 但俺绝对算高手哦-0-
http://www.cntuw.com 这个是个偏学生的站 是我大学的时候混迹的地方 里面的东西很多 也很好学
如果你能学到说 里面教的东西你已经能完全融汇贯通
那么我恭喜你 你已经到了去混做个普通平面设计师都没有问题的阶段咯~
至于FLASH了 这个没什么好说的 相信你在图书馆里能借到一堆的书- -
先把FLASH中的基本用法学好 做为能力测验 你可以做一个FLASH的音乐MV看看 要能做出这个才能叫基本会哦= = 因为这个真的是很基本的..
另外 做为美工的加成的能力 就是要再会几样软件
其中非常重要就是Dreamweaver 这个说重要不重要 却不能不学
诶 世俗有很顽固的看法 那就是不会Dreamweaver就不能叫做网页美工
哼 其实谁说非得学 不怕告诉你 我就不会 怎么着 我也没想过学 我们公司也没要求我学 人家要的是我的设计 我设计够好 他们就没有话说 我连切图的工作都是丢给程序做的 怎么着?人家程序员都没有意见- -............
诶 好吧 我就是发发牢骚.. 你还是学学吧 世俗的看法很可怕的 为了你能快速找到工作 学吧^^ 这个因为我不会 所以没发给你准确的意见 就不说了
再一个就是CorelDRAW 这个是矢量制作软件 有的人可能要说了 这个是平面设计才要的软件 网页设计学这个做什么
有一个事实你必须知道 你刚毕业的话 不可能有大公司 好公司要你 你能找到的 估计就是只有用手指头就能数清员工的小公司哦
这样的公司 用人都是往死里用的 你是美工?OK 那不仅网页 平面广告的你也一并做了吧-0-..
所以 就当是为了增加就业筹码 反正你还在大学 趁着还没火烧眉毛 赶紧学了吧 绝对绝对不会亏的 我发誓= =+
还一个软件叫Illustrator 这个纯粹是为了方便你用素材 因为你网页的大多数素材都是要用它打开 所以 也谈不上学 你只要知道一点怎么用就可以了
好了 现在 你既会PS 也会FLASH 又懂的CorelDRAW 有了不错的网页欣赏水准 也有源源不断的素材 你自己也很肯努力不断学习新的设计理念 那你离真正的[网页设计师] 这个头衔还能远么
在公司学习的过程到底是什么样呢? 其实就是个赶鸭子上架的过程
因为公司里让你做的事 你应该不可能在学校演练到
比如临时让你做个FLASH 要求什么什么的 那么 你临时要做怎么办
无非就是绞尽脑汁做出来咯 实在不行 去网上找个FLASH改一改 改成你老板要的样子
然后改或做的过程 你就会明白 哦哦 原来这个效果是这样做出来的啊..
所谓公司实习 也就是这样一个过程 久了你就习惯了 也很会应付的 这个不用紧张 公司也知道你刚做比较不容易做好 只要尽力去做就好了 慢慢会变好的^^
--------
以上是纯美工的路线指导建议 呵呵 我基本已经把我自己的学习之路都给你摆出来了
其实我大学读的是计算机编程 不过 我实在不喜欢那些枯燥无聊的程序编码 甚至厌恶到看多了头很晕的地步 刚好我喜欢画画 喜欢作图 喜欢动画 于是就自己跑去学美工了
现在很庆幸当初的选择 我确实适合做美工..
--------------
至于工作好不好找就看你的美工水准了 如果你的美工能力不错 那比程序员好找多了
我从来就没愁过工作 我换工作再找新的也就一个星期以内的事- - 而且是我挑公司 不是公司挑我
因为 现在 比起好的程序员 好的美工却不多哦[当然 可能地域有变 我就不清楚了]
一些忌讳: 网页设计不是抄袭 找个站改改就好这样的事最好不要做 你既然做为网页美工[或网页设计]那客户要的就是你的创作
否则 你的工作给会一点美工的程序员也能做 那要你做什么 所以 不要做让自己价值贬低的事..
你可以借鉴 可以学习 可以模仿风格 却不能抄 尺度自己要把握好 这个是做设计基本的职业道德。
再另外 谁说大三学这个迟了?? 我就是大三下才开始学的= =
我可没见聘用我的公司对我的工作有任何不满过
6、什么是网页设计?
网页设计,又称web界面设计,是企业将产品、服务、理念、文化等信息传递给访问者的一种形式,和我们通常所见的平面设计是有一些不同之处的,最为主要的就是利用文字和图片之间的组合,从而达到很好的和谐与美的布局设计。
网页设计中需要达到的一个要求就是需要体现不同页面之间的联系,正确处理网页之间、网页的顺序和内容、网页内部和区域之间的关系。为了可以使得最终的效果得到良好的呈现,在布局的时候需要特别的注意是否合理和谐,美化视觉的合理性,让参观者有一个流畅的视觉体验
7、如何自学网页设计
1、在桌面上右键点击鼠标,出现对话框之后,点击新建。

2、新建一个文本问档,用于写网页代码。

3、打开记事本,现在我们就可以编写简单的HTML代码了。

4、现在,我们把文本的命名改成1.html。

5、一个简单的HTML网页就搭建完成了,可以通过浏览器打开试试看。

8、网页设计和web前端的区别
前端是实现设计师出的图效果,做成页面,加上效果,各种JS,各种CSS等等。
设计师,按正规来说,和程序员沟通好后,出设计图,各种效果的效果图,比如设计稿内要标明,鼠标移上效果会是怎么样,等等,前端再实现这些效果成页面,交给程序员。
9、网页设计需要什么?
学习HTML。用HTML设计网站,可以控制设计的整个过程。但是,如果仅仅是网站设计的新手,应该寻找一个允许修改HTML的软件包。HomeSite4为一个很好的Web设计工具。
在设计过程中,HomeSite4能帮助学习HTML。它还允许切换到所见即所得的模式,以便在把网站发送到Web之前,预览网站。HTML编写过程中可以大段大段地删减,这是一特点。
常用软件:Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的,把渲出来的图通过PS使其更加具有真实感。

(9)网页设计设计网页扩展资料
在进行网站制作前,首先要进行网站页面的整体设计。一个网站是由若干个网页构成的,网页是用户访问网站的界面。因此,通常意义上的网站设计,即指的是网站中各个页面的设计。而网页设计中,最先提到的就是网页的布局。布局是否合理、美观,将直接影响到用户的阅读体验及访问时间。
在互联网高速发展的今天,网络已成为人们生活的一部分,成为人们获取信息资源的重要途径。信息的呈现离不开网页这个重要的界面,网页的主要作用是将用户需要的信息与资源采用一定的手段进行组织,通过网络呈现给用户。