导航:首页 > 万维百科 > 怎么设计百度html的网页

怎么设计百度html的网页

发布时间:2021-02-20 02:03:53

1、怎么把做好的HTML网页制作成可以访问的网站

您好,首先无论怎样您需要以下几个步骤:
1、购买域名(聚名网直接注册购买都行,这是网站必须的一步,不懂的直接去平台问)
2、购买空间服务器(阿里云就有,直接搭建好空间后把程序放进去)
3、去备案域名并解析它,就可以访问了。

2、如何用html制作一个网页

1,打开记事本,并在其中输入必要信息,完整代码如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title>
<body><header><img src="molihua.jpg"width="412" height="291"</header> <article> <header> <h2>茉莉花</h2> <p>作者:宋 · 刘克庄 </p> </header> <hr/> <p>曾与瑶姬约。恍相逢、翠裳摇曳,珠韝联络。风露青冥非人世,揽结玉龙骖鹤。
爱万朵、千条纤弱。
祷祝花神怜惜取,问开时、晴雨须斟酌。枝上雪,莫消却。
恼人匹似中狂药。
凭危栏、烛光交映,乐声遥作。身上春衫香薰透,看到参横月落。
算茉莉、犹低一著。坐有缑山王郎子,倚玉箫、度曲难为酢。君不饮,铸成错。</p> <h3>清平乐</h3> <p>冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热,补陀夜夜清凉。</p><dl> <dt>《浣溪沙》</dt> <dd>南国幽花比并香。直从初夏到秋凉</dd> <dt>《鹧鸪天》</dt> <dd>携靓侣,泛轻航。棹歌惊起野鸳鸯</dd> <dt>《真珠帘》</dt><dd>茉莉芰荷香,拍满笙箫院。</dd>
</dl></article> <footer>2019.9.6</footer> </body></html>
启动浏览器运行后,大家会发现界面并不美观,文字看着也比较乱。

为了解决这个问题,可以在界面添加css规则,让界面更好看,更标准化,将下面的代码块添加到记事本中,位置在<head>和<head/>也就是头部之间:
<style type="text/css">body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } </style>
再次保存和预览,是不是看着美观多了

3、我已经学习了HTML和javascript,该怎么去制作一个类似于百度的网页?

HTML 配合CSS 就可以画出百度的页面 要实现别的比如点击事件就需要运用javascript 方法 可以直接在百度上查下HTML源 建议chrome浏览器比较容易看到JS

4、怎么在百度上制作自己的网页?

不知道你现在可会制作网页呢??可会使用网页制作三剑客呢?、
如果会先试着用表格进行布局制作,如果会DIV+css布局更好。。。
如果不会那就学习吧,其实挺简单的。
建议你按以下步骤学习:
1.网页制作三剑客必须要会使用。(dreamweaver /fireworks/flash)
2学习些最基层的html语言的知识,
3在学习一些基本的html标签(要多加练习哦)
4.先试着用表格进行布局。之后可以学习div+css进行布局(目前比较流行的布局方式!)
5还要会使用些简单的javascript、vbscript

如果你只是想学习前台的话,可以直接学习“三剑客软件”,不学习html和javascript 。

如果你想学习后台的话,你就必须要学习代码了。
html----javascript/vbscript------asp/php/jsp-------数据库技术
有问题可以hi我。。建议你加入团队学习:(网站、网页制作)http://.baidu.com/team/view/%E7%BD%91%E7%AB%99%E3%80%81%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C
视频教程建议你在网上下载“”---[张孝祥IT课堂-JavaScript教学视频录像]

5、如何做HTML页面

下面是一个简单的HTML页面
<HTML>
<HEAD>我的第一个HTML页面</HEAD>
<BODY>这就是HTML页面....</BODY>
</HTML>

复制上面代码到记事本中,然后将记事本的后缀名改为.html

大功告成!

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

网页设计这个一般都是要求会前端代码,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>

7、如何制作一个html的网页

我也是从别人的帖子上看到的,借花献佛

先从最简单的 HTML 网页入手;选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具;制作前,粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程,了解这几个软件到底能做些什么;制作你的第一个实验性的网站, 遇到困难,可买本《新编网页制作》的书,找最新版本的,新华书店就有。资料网上也有的是,如果遇到问题难以解决,请将问题提出,让更多高手为你解答; 初级阶段:应初步掌握 三剑客网页工具的基本操作:策划和制作你的第一个网站;不断为你的网站增加内容与功能(例如尝试将一些 Java Script 小程序添加到你的网页中。 进阶阶段:具有一定的网页制作经验,制作一般的网页已经不在话下:根据个人喜好及实际需要,网页制作的方向,你可以学习一些美术方面的知识;锻炼自己在网站策划及信息采辑的技能;尝试制作其他不同类型的网站,从模仿别人开始,逐渐形成自己的设计风格;熟练操作 三剑客网页工具,并至少能读懂 HTML 及 JavaScript的简单语言。 好了!这样,你的网页制作水平就离高手就不远了。 祝你成功!

另外还有
(一)主页的制作:
1、首先进入需要制作网页后,密码进入点击制作网页;
2、进入在线编辑;
3、起动浏览器;
4、进入其他人网页主页;
5、点击其他人网页内容;
6、点击右键出复制;
7、内容编辑(下面);
8、点击左键粘贴;
9、修改不合适内容;
10、选颜色;
11、输入文件名;index
12、点击完成;
(二)怎样进行超级连接?
一、相对连接:(内部连接)
第一步:先进入进入成员专区,打开网页制作系统;
第二步:如果是连接你本网页著作系统已上传的文件,首先打开需要被连接的文件,点地址栏,变为兰色,再点右键点复制;
第三步:进入第一页(主页)改内容,找到原先设定的目录选中此目标;
第四步:点插入连接,出现对话框,点右键点粘贴,再点OK
第五步:选中背景颜色,点击完成即可。

二、绝对连接:(外部连接)
其他文件(本硬盘已存或别人网站等)怎样进行超级连接?
其他步骤基本相同唯一不同的是:首先选中你所存硬盘或别人网站地址栏内的目录。
(三)怎样把照片搬到自己的网页上
一、上传 选择法:
1、先把要般的相片存在软盘上,(非中文文件名)
2、上传到40兆空间
3、打开网页制作改内容,
4、指定放相片的位置,
5、按插入相片按钮,点“选择”;
6、选背景颜色,按完成。
二、复制 粘贴法:
1、选择相片右键点“复制”,
2、进入网页改内容指定位置,
3、点击“粘贴”即可。
动画的提取大体与上相同。

8、怎么制作百度网页

如果会先试着用表格进行布局制作,如果会DIV+css布局更好。。。
如果不会那就学专习吧,其实挺简单属的。
建议你按以下步骤学习:
1.网页制作三剑客必须要会使用。(dreamweaver /fireworks/flash)
2学习些最基层的html语言的知识,
3在学习一些基本的html标签(要多加练习哦)
4.先试着用表格进行布局。之后可以学习div+css进行布局(目前比较流行的布局方式!)
5还要会使用些简单的javascript、vbscript

如果你只是想学习前台的话,可以直接学习“三剑客软件”,不学习html和javascript 。

如果你想学习后台的话,你就必须要学习代码了。
html----javascript/vbscript------asp/php/jsp-------数据库技术
有问题可以hi我。。建议你加入团队学习:(网站、网页制作)
视频教程建议你在网上下载“”---[张孝祥IT课堂-JavaScript教学视频录像]

与怎么设计百度html的网页相关的知识