WEB 二

作者: A_9c74 | 来源:发表于2018-04-18 21:44 被阅读0次

用HTML与CSS来写一个静态的淘宝网页

一个网页的构成

 HTML文件以开头,以结束。所以开头结尾分别是<html></html>

 head部分,即是HTML的头部,定义网页的标题以及其他的一些属性。

 body部分,这是网页的内容

    所以 一个HTML文件的基本结构应该是

<html>

<head>

</head>

<body>

</body>

</html>

首先 用CSS来分析一下网站的结构

淘宝首页的结构大概就是这样

然后利用CSS的属性来把基本的框架搭好

中间的部分结构相对比较复杂

可以用从上到下 或者从左到右的排版方式讲中间的结构搭好

每一个DIV都需要加上class 然后再外联CSS或者内联CSS样式里面编辑好每一个DIV的样式

效果图

剩下的部分以这个为准 基本可以全部完成

效果图

编辑淘宝网页的过程中 最难的无异于CSS的构造

CSS里的内容相对来说比较简单

编辑完淘宝之后网页的框架可以说是比较熟练了

相关文章

  • java web目录

    java web目录 web编程基础web编程进阶(一)web编程进阶(二)web编程原理

  • SpringBoot--Web篇<四>

    SpringBoot--Web篇<一>SpringBoot--Web篇<二>SpringBoot--Web篇<三>...

  • SpringBoot--Docker篇

    SpringBoot--Web篇<一>SpringBoot--Web篇<二>SpringBoot--Web篇<三>...

  • WEB 二

    用HTML与CSS来写一个静态的淘宝网页 一个网页的构成 HTML文件以开头,以结束。所以开头结尾分别是 head...

  • 如何编写Python Web框架(二)

    如何编写Python Web框架(二) 本文为译文原文链接: How to write a Python web ...

  • 20170920-AXIS发布WebService 服务

    简介:利用webservice发布接口 步骤 一、创建web project项目 二、在WebRoot——>WEB...

  • web基础知识

    第一章 web简介 第一节 web介绍 web工作流程 第二节 web通信 URL URL 是什么? Unifor...

  • day21-HTML简介

    今天开始python学习的第二阶段,进入web前端的学习; 一、web前端简介 1、web标准web前端的内容:H...

  • web3j编译.sol成java文件

    一、下载web3j工具https://github.com/web3j/web3j/releases二、安装sol...

  • 0基础学web开发,要学多少东西才能找到好工作?

    现在新进入web前端开发的人主要分二类,一是毕业就学web前端开发的;二是做了几年其它工作,然后转行web前端开发...

网友评论

      本文标题:WEB 二

      本文链接:https://www.haomeiwen.com/subject/teibkftx.html