网页平面设计 HTML Day01

网页平面设计HTML基础

1、网页的基本元素:文字、图像、超链接

2、HTML的基本机构head、title、body三部分

  <html>

    <head>

      <title>标题</title>

    </head>

    <body>

    正文

    </body>

  </html>

3、常用标记/属性

  <body background背景图片  bgcolor背景颜色  text非连接文字颜色>正文</body>

  <p align对齐="left/right/center">文字段落</p>

  <img src="图片路径" width height/>

  <br/>换行标记  <hr size width align color/>横线标记

  <h1>标题</h1>........<h6></h6>标题大小,1最大,6最小

  <pre>预定格式标记,打成什么样,浏览器里显示就什么样</pre>

  <!--注释标记,给程序猿看的-->

  <center>居中</center>

  <blockquote>缩排文字</blockquote>

  <font size face字体 color>字体</font>

  <u>下划线</u>

  <s>删除线</s>

  <b>加粗</b><strong>加粗</strong>

  <i>斜体</i><em>斜体</em>

  &lt 表示 <    &gt 表示 >    &amp 表示 &    &quot 表示 "

  &nbsp; 表示空格    &copy 表示 ©    &reg 表示 ®   

  &times 表示 ×    &divide 表示 ÷

4、笔记

  1做项目把图片统一放在一个文件夹里  

  2引入图片的2种方式

    绝对路径  D:/demo/images/123.gif (最好不要用)

    相对路径  ./images/1.gif  一个点表示同级目录

        ../demo/images/2.jpg  两个点表示上一级目录,三个点表示上上级目录,以此类推

  3网络常用图片格式  

    gif  以256种像素组成,支持透明,支持动画,体积小  

    jpg 以百万像素组成,品质较高,不支持动画、透明

    png fireworks的源格式  png8支持透明,png34、png32不支持透明

  4<body>背景图片在背景颜色上层,图片透明则能看到bgcolor

时间: 2024-10-21 09:15:51

网页平面设计 HTML Day01的相关文章

《传智播客网页平面设计视频教程》

<传智播客网页平面设计视频教程>包括:网页设计制作平面设计 UI设计FLASH交互动画是传智播客最新传智播客网页美工PS平面设计培训学习视频教程全套视频里面有上课所有用到的PPT+代码等. <传智播客网页平面设计视频教程>下载地址:    www.dwz.cn/owvZ4 1:网页设计制作掌握页面设计制作的整体流程可以独立完成网页设计与制作 网页版式设计与配色技巧(8day)视频教程 HTML+Css(14day) 视频教程 html核心技术课程:认识什么是HTML. 标记的语法.

2016.5.15 随笔————网页平面设计软件 Illustrator(Ai) 和 Photoshop(Ps) 简介

1. 矢量图 与 位图 矢量图: 矢量图在数学上定义为一系列由线连接的点. 矢量图是根据几何特征来绘制图形的,只能靠软件生成(现实中不存在) 文件占用空间较小,因为这种类型文件包含独立的分离图像,可以自由无限制的重新组合. 最重要的是:矢量图放大后不失真,这和分辨率无关,所以特别适用于图形设计.文字设计和一些标志设计.版式设计等. 个人理解: 矢量图是记录这个图像对象如何构成的一组数据, 所以无论在多大的画布上展现出来,它所呈现的样子都是按数据的构成方法去绘制的. 其构成上没有像素这个概念. 位

网页开发相关的资料及视频

链接: https://pan.baidu.com/s/1-BiGUHTVMsVGxS50fSmtaA 提取码: 6sn1 复制这段内容后打开百度网盘手机App,操作更方便哦大小修改日期2016年最新Javaweb全套(推荐)-2017-02-07 16:5730天轻松掌握JavaWeb视频-2017-02-07 16:57Ajax和Jquery基础入门视频-2017-02-07 16:57HTML5实例教程-2017-02-07 16:57HTML5项目:是男人就下100层-2017-02-0

优秀的 Android 开源项目

摘要  转载http://www.trinea.cn/android/android-open-source-projects-view/,方便大家找到自己合适的资料 目录[-] 一.ListView 二.ActionBar 三.Menu 四.ViewPager .Gallery 五.GridView 六.ImageView 七.ProgressBar 八.其他 GitHub上优秀Android开源项目 3. Android开发神器 1.Xabber客户端 2.oschina客户端 3.手机安全

DIV + CSS综合实例【传智PHP首页】

1.首页结构 2.准备工作 所有素材放到与当前网页同级的目录下: 网页背景色.背景图: 主页宽度:1000px: 创建CSS文件,将CSS文件引入到当前的HTML文件中. 3.实现 效果图: 源代码: HTML代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

今天的排版

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" xml:lang="zh-cn"><head> &l

分享一百多套开发视频教程的下载地址

1. 北京圣思Java培训教学视频(资源共享网) 2.Lucene/WebService/SVN/Ant/SpringMVC视频(学习资料库网) 3.JUnit和Ant视频教程(VeryCD社区) 4.<张孝祥JAVA视频教程>完整版[RMVB](东西网) 5.历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播客) 6.30天轻松掌握JavaWeb视频(传智播客) 7.Java视频教程(最适合Java初学者的经典入门视频)(传智播客) 8.张孝祥2010年贺岁视频:Java高新技术

css(一)

按照自己的设计做了传智首页的一部分,虽然网页调的好像差不多了,但是还是感觉结构有点混乱,全局统筹意思有点欠缺,第一是一些切图不知道对应的是哪一部分,第二我觉得也与老师给的作业里面只有半张网页有关系,哈哈哈... <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>传智首页</title> <style type="text/css&

如何管理我的开发团队

相信做软件开发的童鞋对软件项目周期都很熟悉,需求->设计->编码->测试,这是一个最简单.最普通的规范.但是实际项目开发中,我们又如何做到.做到多少呢? 先说个例子:我当前的开发团队:12人,整个团队3年以上资历的开发人员3人(包括经理),其余都是1年左右资历和未毕业的实习生. 1名开发经理. 3名后端开发(1名实习生). 2名前端脚本开发(1名实习生). 3名网页开发(1名实习生). 2名UI设计. 1名测试 我们这个团队最大的问题就是开发进度经常滞后.测试期和发布后Bug率高.上周在