3.4企业实训

Web概述

    网页:网站中用于承载信息的页面。主要由文字,图像和超链接等元素构成。除了这些元素,网页中还可以包含音频、视频以及flash等。

    web标准:Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTML、CSS、JavaScript等等。
(web标准的构成
    1.结构标准:HTML(Hyper Text Markup Language 超文本标记语言,网页布局、整体架构、内容)
    2.表现标准:CSS(Cascading Style Sheets层叠样式表。页面更漂亮:页面的字体、大小、颜色、对齐方式、背景色、背景图片、边框样式、图片的宽高等等)
    3.行为标准:JavaScript(页面的动态效果:轮播图、按钮的点击操作、淘宝左侧分类展示子分类的效果)

    开发工具: Dreamweaver

 菜单栏 :文件:新建、打开、保存等 编辑:   

 快捷键:给注释加快捷键   

 首选参数:代码格式、代码提示、代码颜色、新建文档、在浏览器中预览、字体大小

 插入:表单、超链接等 格式:插入段落、标题、列表、样式等

 站点:可以理解成一个文件夹,把要建的网页、图片等都放进去,方便统一管理

 窗口:显示隐藏窗口 插入栏:常用的标签,这里可以直接用

 文档工具栏:显示代码、设计视图、修改网页标题、选择调试用的浏览器

 文档窗口:代码区、视图区、文档状态栏

 属性面板:不通元素属性面板内容不同

 Dreamweaver初始化设置: 工作区布局:窗口-工作区布局-经典

 必备面板:窗口—插入、属性、文件 首选参数-新建文档设置

 代码提示:首选参数-代码提示-结束标签选择第二项

 默认浏览器:首选参数-在浏览器中预览-勾选主浏览器

Html文档基本格式:文档后缀名.html或者.htm

<!doctype html> 必须用在开头:用于向浏览器说明当前文档使用的哪种HTML规范标准

<html>:根标记,用于告知浏览器本文件是个html文档

<head>:头部信息,主要用来放置其他位于头部的标记,像<title>、<meta>、<link>、<style>等

<meta>:描述HTML文档的描述,关键词,作者,字符集等。

<body>:主体标记。网页上要显示的所有内容都写在此处

HTML标记或者标签 

通常成对出现:<html></html>、<p></p>

标签:

<div>:用来划分区域的

<p>:段落

<h1>~<h6>:标题从大到小

Html中引用样式三种方式(样式使用的顺序:行内样式—内嵌式—外链式)

行内样式:在html标签上写样式(不建议,后期不好维护)

内嵌式:在html文档的头部<head>中添加<style>,在style标签里面写样式

外链式:新建一个css样式文件,引入到html中(推荐)

代码

<body>
	<div id="txt" style="width:770px;background-color:#0F9;margin:0 auto;">
		<h1 class="myclass">你好,秋天</h1>
		<p align="center">zhaoqi @ 2018-10-08</p>
		<p align="center">春天是一把琴,将优美琴声带给世人,叫他们脱去衣袄,重新奔跑在温暖的大地中;夏天是一把扇,扇去炎热,以热情的脸庞去温抚他人;冬天时一雪花,飘飘而来,为人们带来雪的姿态,但是秋天的叶则更令我喜欢。</p>
        <p align="center">秋天的叶是凄凉的飘飘洒洒的落叶如一只蝴蝶,飞舞着,飘到大地母亲的怀抱里。 </p>
        <p align="center">秋天的叶是一位化妆师,把世界渲染,把大地变成金黄色;秋天的叶,默默无闻,春天夏天,树叶的绿叶衬托使鸟儿莺歌燕舞,秋天的你,默默而去,但你不伤心,因为你熟知"落红不是无情物,化作春泥更护花。"

 

转载于:https://my.oschina.net/u/4090526/blog/3018907

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值