南京市江宁区淳化街道网页制作、南京市江宁区禄口街道制作企业网站、南京市江宁区江宁街道高端网站建设、南京市江宁区谷里街道竞价托管公司、南京市江宁区湖熟镇网站推广、南京市江宁区横溪镇公众号开发-网站优化-网站建设【企业网站制作|网页设计】- 高端网站建设 - 书生商友信息科技-

全国热线:400-111-6878

网站建设推广专家

南京市江宁区淳化街道网页制作、南京市江宁区禄口街道制作企业网站、南京市江宁区江宁街道高端网站建设、南京市江宁区谷里街道竞价托管公司、南京市江宁区湖熟镇网站推广、南京市江宁区横溪镇公众号开发

发表日期: 2020-09-21 10:36:12 浏览次数:162

南京市江宁区淳化街道网页制作、南京市江宁区禄口街道制作企业网站、南京市江宁区江宁街道高端网站建设、南京市江宁区谷里街道竞价托管公司、南京市江宁区湖熟镇网站推广、南京市江宁区横溪镇公众号开发


南京,简称“宁”,古称金陵、建康,是江苏省会、副省级市、特大城市、南京都市圈核心城市  ,国务院批复确定的中国东部地区重要的中心城市、全国重要的科研教育基地和综合交通枢纽。 截至2018年,全市下辖11个区,总面积6587平方千米,建成区面积817平方千米。2019年,常住人口850.0万人,城镇人口707.2万人,城镇化率83.2%。

南京地处中国东部、长江下游、濒江近海,是中国东部战区司令部驻地 ,地理坐标为北纬31°14″至32°37″,东经118°22″至119°14″ ,是国务院规划定位的长三角辐射带动中西部地区发展的重要门户城市,也是东部沿海经济带与长江经济带战略交汇的重要节点城市。

南京属宁镇扬丘陵地区,以低山缓岗为主,属北亚热带湿润气候,水域面积达11%以上,是首批国家历史文化名城 ,中华文明的重要发祥地 ,长期是中国南方的政治、经济、文化中心。 南京早在100-120万年前就有古人类活动,35-60万年前已有南京猿人在汤山生活,有着7000多年文明史、近2600年建城史和近500年的建都史。


怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局+css样式来制作一个网页吧。

工具/原料

  • 电脑

方法/步骤

  1. 在桌面建立一个index.htm的文件和main.css的文件,当然你也可以不用main.css的文件,但是为了方便操作,还是建一个吧。只要把记事本另存为就可以了。

    怎么用div布局加css样式做网页
  2. 做好这两个文件后我们把网页的基础代码写上去,并使index文件受到main.css的控制,我们右键选择用记事本打开index文件输入代码,并在head里写上<link href="main.css" type="text/css" rel="stylesheet">使它受到main.css控制

    <html>

    <head>

    <title></title>


    </head>


    <body>

    </body>

    </html>

    怎么用div布局加css样式做网页
  3. 下面我们去main.css写一些属性看看是不是能控制index文件。我希望整个页面是粉色的,看上去温馨,我在main.css里写上*{background:#FF66FF}看看。我们打开index文件看看是不是在浏览器上是不是粉色的。在浏览器上是粉色的,表示已经受到css样式表的控制了。

    怎么用div布局加css样式做网页
    怎么用div布局加css样式做网页
  4. 下面我们进行布局一般网页都是3层一级,所以我们需要div布局了在body里面写一般我会先分为3层


    <html>

    <head>

    <title></title>

    <link href="main.css" type="text/css" rel="stylesheet">

    </head>


    <body>

    <div id="top">

    <div id="top1"></div>

    <div id="top2"></div>

    <div id="top3"></div>

    </div>

    </body>

    </html>

    怎么用div布局加css样式做网页
  5. 布局好后我们需要去定义属性了,这里我只是简单的定义了一下

    *{background:#FF33FF}

    #top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}

    #top1{background:#66FFFF; height:50px; width:800px;}

    #top2{background:#FF00CC; height:400px; width:800px}

    #top3{background:#FF9933; height:550px; width:800px}

    定义好了我们打开预览一下看看,图片是不是居中和分成3块了。当然,颜色只是为了方便看清楚,可以不写。

    怎么用div布局加css样式做网页
    怎么用div布局加css样式做网页
  6. 其实做网页就是不断的画框,只要知道布局和定义属性就可以了,下面我们就整个做一下,因为我的有一些是一样的,可以用class调用,class=baidu这个只是随便写的,你爱等于什么就等于什么


    <html>

    <head>

    <title></title>

    <link href="main.css" type="text/css" rel="stylesheet">

    </head>


    <body>

    <div id="top">

    <div id="top1">这里都是我截图的照片</div>

    <div id="top2"> 

    <div class="baidu"></div>

    <div class="baidu"></div>

    </div>

    <div id="top3">

    <div class="baidujingyan"></div>

    <div class="baidujingyan"></div>

    </div>

    </div>

    </body>

    </html>

    怎么用div布局加css样式做网页
  7. 下面我们再去定义他的属性,当然我只是简单的定义一下

    *{background:#FF33FF}

    #top{background:#FFFF99; height:1000px; width:800px; margin-left:auto; margin-right:auto}

    #top1{background:#66FFFF; height:50px; width:800px; text-align:center; line-height:50px; font-size:30px}

    #top2{background:#FF00CC; height:400px; width:800px}

    #top3{background:#FF9933; height:550px; width:800px}

    .baidu{background:#FF6666; height:380px; width:380px; float:left; margin:10px}

    .baidujingyan{background:#FFCC00; height:530px; width:380px; float:left; margin:10px;}

    怎么用div布局加css样式做网页
  8. 因为我这个是我截图相册的网页,下面我们就放照片吧,这里我偷个懒,把照片都放在桌面了,所以不用连接照片地址了。


    <html>

    <head>

    <title></title>

    <link href="main.css" type="text/css" rel="stylesheet">

    </head>


    <body>

    <div id="top">

    <div id="top1">这里都是我老婆的照片</div>

    <div id="top2"> 

    <div class="baidu"><img src="QQ图片20141212090452.jpg"></div>

    <div class="baidu"><img src="QQ图片20141212090346.jpg"></div>

    </div>

    <div id="top3">

    <div class="baidujingyan"><img src="QQ图片20141212090224.jpg"></div>

    <div class="baidujingyan"><img src="QQ图片20141212090255.jpg"></div>

    </div>

    </div>

    </body>

    </html>

    如果图片不在同一层目录,就需要连接到图片地址

    怎么用div布局加css样式做网页
  9. 这样一个网页就做好了,如果需要制作精美的网页,就需要不断的进行div布局和css样式的规定了。

  10. 下面我来说说网页制作的定义,网页的制作只要会使用div不停的布局,不停的定义他的属性,基本静态的网页就是这样做出来的

    怎么用div布局加css样式做网页















最近,法国科学家从 X 战警的镭射眼身上得到灵感,研发出一种隐形眼镜,可以发射红色激光束对准佩戴者所看到的物体。


这款眼镜的原理是在普通尺寸的隐形眼镜上装配了一个垂直腔表面激光发射器(VCSEL),用于向佩戴者观看的方向发射激光。


研究人员使用现成的零部件创建了一个可用于凝视识别的眼镜原型。 凝视识别是一个新兴的研究领域,可能成为人工智能的下一个前沿阵地。 凝视识别可以使人们跨过触摸屏或鼠标来控制电子设备,在无需触碰屏幕或按键的情况下即可选择显示器上的选项。





南京市江宁区淳化街道网页制作南京市江宁区禄口街道制作企业网站南京市江宁区江宁街道高端网站建设、南京市江宁区谷里街道竞价托管公司、南京市江宁区湖熟镇网站推广、南京市江宁区横溪镇公众号开发

上一条:​南京市江宁区东山街道网页制作、南京市江宁区秣陵街道制作企业网站、南京市雨花台区板桥街道高端网站建设、南京市雨花台区铁心桥街道竞价托管公司、南京市雨花台区梅山街道网站推广、南京市江宁区汤山街道公众号开发
下一条:南京市六合区卸甲甸街道网页制作、南京市六合区西厂门街道制作企业网站、南京市六合区山潘街道高端网站建设、南京市六合区葛塘街道竞价托管公司、南京市六合区长芦街道网站推广、南京市六合区雄州街道公众号开发 ​
网站制作
小程序制作
网站优化
网站开发
400电话办理
网络推广
网站建设
网店装修
微信公众号开发
网页设计
网络公司
域名企业邮箱
服务器空间
网站案例报价
百科问答
编辑排版美工
App软件开发
百度推广
代运营托管
logo设计
网络全网营销
网站备案
网站定制
小程序开发公司
首页
电话
立即预约