导航:首页 > 万维百科 > 网页设计百度首页

网页设计百度首页

发布时间:2020-12-27 00:52:23

1、HTML网页设计中的将本页“设为主页”的代码是怎样的啊?

<a href=# onClick="this.style.behavior=’url(#default#homepage)’;this.setHomePage
(’http://www.aaa.com');">将本站设为首页</a>
<script language="JavaScript">
function bookmarkit(){window.external.addFavorite(’http://www.aaa.com',’’)}
if (document.all)document.write(’<a href="#" onClick="bookmarkit()">将本站加入收藏夹</a>’)
</script>

使用方法:

怎样使用特效代码?
只要把这些代码复制、粘贴到你的网页源代码中,保存,再在浏览器中打开,你就会看到效果了!
怎样在我的网页中插入代码?
使用DreamWeaver:
在编辑状态下按F10即弹出源代码窗口,将特效代码粘贴进去即可。
使用FrontPage:
点击编辑窗口左下角的“HTML”选项卡即出现源代码窗口,将特效代码粘贴进去即可。
使用“记事本”等编辑器:
直接用这些编辑器打开网页文件,出现的就是源代码,将特效代码粘贴进去即可。

在什么地方插入代码?
一般来说,在网页源代码的<body>与</body>之间的任何地方插入代码都可以(除非特别指明,例如要求插入到<head>与</head>之间)。提示:在<td>与</td>之间插入代码,一般不会出错。
该怎样修改代码?
插入代码之后,把代码中的文字替换成你自己的内容即可。
注意:为避免出错,请不要改动除中文文字之外的代码,否则程序可能会不能运行!

2、网页设计与制作(个人主页)

我有以前做的dreamweaver的网页作业。
有20份作业的源文件。任你挑选。
邮箱我就不单独发了,为了方便大家下载参考。
我把网页作业源文件打包上传到我的百度网盘。
网页作业的下载地址 公布于本人的百度空间的文章中。
找不到或者有什么问题的可以私信我

3、网页设计制作详细流程

分析如下:

1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。

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

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

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

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

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

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

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

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

(3)网页设计百度首页扩展资料:

网页设计

设计网站要注意两个要点:整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。

网页配色小技巧:

1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;

2.用两种色彩:先选定一种色彩,然后选择它的对比色;

3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;

2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

4、网页设计中如何将网页设为首页

这个就要看你网站设计的方案中咯,你将其中的一个网页为主要网页,内含导航,将首页链接到这页面上面,其他为子页,其他网页中导航首页也都链接到这主页面上面之后,通过域名点开网站后就有可以看到这样页面咯。

5、网页设计 模仿百度首页 如下图

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<style>
body{
    text-align:center;
}
#header{
    width:100%;
    text-align:end;
    margin-bottom:100px;
}
 li{
    display:inline;
}
 li a{
    margin:10px;
}
#content{
    width:600px;
    height:200px;
    margin:0px auto 250px;
}    
#content img{
    margin-bottom:90px;
}
#content #searchitem input{
    line-height:30px;
    float:left;
    border:1px solid #00F;
}
#content #searchitem button{
    background-color:#00F;
    color:#FFF;
    width:60px;
    height:35px;
    float:left;
    border:1px solid #00F;
}
#footer{
    width:100%;
    margin:0px auto;
    clear:both;
}
</style>
<div id="header">
  <ul id="nav">
    <li><a href="http://www.baidu.com">a</a></li>
    <li><a href="http://www.baidu.com">b</a></li>
    <li><a href="http://www.baidu.com">c</a></li>
    <li><a href="http://www.baidu.com">d</a></li>
    <li><a href="http://www.baidu.com">e</a></li>
    <li><a href="http://www.baidu.com">f</a></li>
  </ul>
</div>
<div id="content"> <img height="50px" src="../img/music.gif" />
  <div id="searchitem">
    <input name="search" size="70"  />
    <button>搜索</button>
  </div>
</div>
<div id="footer">
版权所有 仿冒必究
</div>
</body>
</html>

6、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>

7、网页设计一页多少钱

首页的设计稿看难度不同,大概1000-3000,非常简单的页面,500,600也有人接,不过是比较新手的设计师了!
二三级页面,500左右吧,雷同的页面不另计费。
flash是按照帧计费的,一个flash,1000-5000都有可能,具体看难度和长度啦~
我说的是网上私人的设计师哈,如果是公司性质的,价格要再多一些了!

8、网页设计 类似百度搜索页面是怎么做出来的

网页设计这个一般都是要求会前端代码,html css js flash 还有些其他的脚本插件什么的。

如果代码写的熟练可以不用DW。写网页的工具很多,用txt文本文档也可以。


好了,贴上搜索框代码,使用需要后台程序支持,直接点了可是什么都没有哦。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>搜索框</title>
<style type="text/css" media="screen">
      body {
        background-color: #f1f1f1;
        margin: 0;
      }
      body,
      input,
      button {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }

      a { color: #4183c4; text-decoration: none; font-weight: bold; }
      a:hover { text-decoration: underline; }

      h3 { color: #666; }
      ul { list-style: none; padding: 25px 0; }
      li {
        display: inline;
        margin: 10px 50px 10px 0px;
      }
      input[type=text],
      input[type=password] {
        font-size: 13px;
        min-height: 32px;
        margin: 0;
        padding: 7px 8px;
        outline: none;
        color: #333;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right center;
        border: 1px solid #ccc;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in 0;
        vertical-align: middle;
      }
      .button {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 8px 15px;
        font-size: 13px;
        font-weight: bold;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
        white-space: nowrap;
        background-color: #eaeaea;
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
        background-image: linear-gradient(#fafafa, #eaeaea);
        background-repeat: repeat-x;
        border-radius: 3px;
        border: 1px solid #ddd;
        border-bottom-color: #c5c5c5;
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
        vertical-align: middle;
        cursor: pointer;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-appearance: none;
      }
      .button:hover,
      .button:active {
        background-position: 0 -15px;
        border-color: #ccc #ccc #b5b5b5;
      }
      .button:active {
        background-color: #dadada;
        border-color: #b5b5b5;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
      }
      .button:focus,
      input[type=text]:focus,
      input[type=password]:focus {
        outline: none;
        border-color: #51a7e8;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
      }
     
      label[for=search] {
        display: block;
        text-align: left;
      }
      #search label {
        font-weight: 200;
        padding: 5px 0;
      }
      #search input[type=text] {
        font-size: 18px;
        width: 705px;
      }
      #search .button {
        padding: 10px;
        width: 90px;
      }

    </style>
</head>
<body>
<div class="container">
  <div id="search">
    <label for="search"></label>
    <input type="text" name="q">
    <input class="button" type="submit" value="Search">
  </div>
</div>
<div style="text-align:center;margin:100px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

与网页设计百度首页相关的知识