1、简单网页设计与制作
2、怎样制作简单的静态的网页设计
你好。首先下载Dreamweaver.exe并打开,选择你使用的编辑语言,本案例用html
打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。
打开你要设计的网页的设计图,本经验是百度经验首页为例,首先我们制作顶上的搜索条,点击插入—表格(如图所示)。打开表格属性编辑表格属性。插入1行和5列,表格宽度为1130,(即为网页的宽度),边距,间距分别为0,此表格只是为了定位,因此不设边框。
设置好表格后,可在表格里面插入你的内容,首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整,鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示
接下来我们来做搜索框,点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图,文本框上班还要添加内容,因此,可选择单元格右击选择表格—拆分单元格,此处是需要添加一行的内容,因此拆分为两行,如图所示。
用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列(右击选中的行—拆分单元格—10列—确定)。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮,同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
3、简单的静态网页设计
您好,说简单也不简单,如果你肯花时间的话,那总会学会,你可以去比较好的设计公司拿里看看他们的实例是怎么做的,你就知道是什么程度了,你可以去BBD公司看看,能帮到你的忙。
有种最简单的方法,最多十分钟就搞定一页:一,用DW软件,打开-插入-表格-(这里您已经有了要作一个什么样网页的大致想法)几行,几列。宽度要在1000为好,这样下面就会出现一个导航条,边界设置为0。如:插入表格为1行3列-确定。在用鼠标点击第一空格,插入-图片,寻找您要插入图片的位置,确定(或保存),然后在用鼠标点击第二个空格,插入。。。。等。以此类推。然后再用鼠标点击您刚才插入表格的下沿。重复您刚才的动作——插入-表格。几行几列要根据您对页面的构思而定。如果要在空格里插入文章,一定要把文章的格式转换成纯Word文档,后缀为.doc。
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、求几个简单的网页设计作品
用Dreamweaver拖一下,很快的,就和word排版一样简答。
6、线上图片简单设计网站有?
目前市场上这类产品比较少,可根据自身的要求选择一个自己喜欢的网站进行编辑
7、html求制作一个简单网页代码,只需要一些文字加几张图片
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<img src="这里填你的图片名字,例如1.jpg,图片跟html放在同一个文件夹下面就行">
<img src="2.jpg">
<img src="3.jpg">
<p>这里输入你想要输入的文字</p>
</body>
</html>
8、简单的网页设计
网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点,它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效;为了适应当今时代发展,必须增加艺术设计院校的网页设计课程;为了更好的体现网页这一新型设计的特点,将它和传统媒体进行比较,了解它的优势所在;一个成功的网页设计,首先在观念上要确立动态的思维方式,其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣,在崇尚鲜明个性风格的今天,网页设计应增加个性化因素。
网页设计 什么是网页设计?
网页美术设计(也称网站美术、美工设计)从某种意义上来说可以称为“eye ball work”,网页的美术创作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。在某种意义上,网站美术设计是网站成功的主要因素。
网页美术设计与网站整体形象一致,符合艺术规范和网站标准,着重注意网页色彩(主色调和次色调)、图片的应用及版面规划,保持网页的整体一致性。
网页设计 网页设计与网页制作的区别
网页设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;而网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html语言将其制作成网页格式。这就相当于一个干脑力活,一个是干体力活,但是一个优秀的网页设计师对着两到工序都是十分了解的,因为他要知道自己的设计稿,是否会为网页制作人员制作页面带来麻烦。网页制作包括两个部分:
1.UI(User Interface,用户界面):UI的意思是用户界面,是英文User Interface的缩写。既浏览者在浏览网页时,通过视觉所能观察到的一切事物,这些都是需要设计的部分,在互联网行业,做界面设计的人被贬义的称为“美工”。
其实我们一开始接触电脑时就应该对UI有很深的认识,从最早的DOS操作系统到Windows 1.0,再到Windows XP。我们开机所看到的就叫用户界面,DOS操作系统黑底白字的文本界面,Windows XP的经典蓝色界面,这些都是用户界面的发展历程。从简单到复杂,从庸俗到华丽,也证明了用户界面设计越发成熟。
2.UE(User Experience,用户体验):UE的意思是用户体验,英文叫做User Experience,缩写为UE, 或者UX。是指一个浏览者在访问一个网站或者使用一个产品时的印象和感受,对网站的布局、色彩、功能、感觉是否满意,在第一次访问离开后是否还想再回访,是否能发现明显的Bug(既网站在浏览过程中出现的错误)。
9、做一个简单的图片显示网页页面
※ ☆ ※为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★
★要想学做网页,首先得了解制作网页的工具。
制作网页主要有以下一些工具
Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太喜欢。
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
此外还有一些网络编程工具,javascript、java编辑器等。
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!
祝你成功。
★你可以结合 Dreamwaver 和 Photoshop 来制作网页。
从最基础的HTML语言开始,学会了这就可以自己弄静态的网页了,学会了后就可以学动态的
网站设计八步骤
由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新
网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
软件下载 用讯雷搜索一下
建议使用网页制作三剑客Dreamweawer+photoshop+Flash 或使用Frontpage
Dreamweaver v8.0 简体注册版
下载地址:
用网页三剑客吧,教程可参照以下网站:
※ ☆ ※为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★
10、html求制作一个简单网页代码,只需要一些文字加张图片
完整的代码如下:
<html>
<head>
<title>简单网页制作练习</title>
</head>
<body>
<p>1.文字内容,直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签
<font size="18" color="red" >红色18号文字</font> </p>
<p> 2.添加图片 <img src="图片名称.属性" id=“图片简介”>
<img src="1.jpg" id=" 加入图片练习"> </p>
</body>
</html>
楼主,如果不明白可以HI联系我。。。。