mark网页设计

1、html5里面新增的用于网页布局的标签有哪些

html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章article。

2、HTML是什么？

HTML简介

HTML是一种网页使用的语言，是一种描述超文件的注记语言SGML(Standard Generalized Markup Language)所制订出的一种网页语言，基本上现行的浏览器都可以读取HTML，使用HTML可以编辑设计出网页，也可以在网页中加入所有HTML语言可支援的方式，例如表格、表单、图片、文字、连结、程式等等。

HTML与XML的区别

而XML是由W3C所发展出的一种网页语言规格，是SGML的精简版本，特别用来设计网页文件，XML可以让使用者自己定义所需要的标签，并且任意启动定义、转换、验证等工作，同时可以在网页和应用程式间读取资料和传递资料。

所以HTML与XML的差别在于HTML无法自订标签，但是基本上全世界的浏览器都可以看到他写出来的网页，而XML则是一种可以自由转换资讯以及定义标签的方式，可以让其他网页自己去转换分享者的标签，并转为自己的标签，进而直接读取跟引用。

开始

超文件标示语言（HTML）是建立网站的主要基石。HTML是一种非常基础的标记示语言，且需要记住数十种建置网页格式与外观的HTML指令（commands）。编写任何HTML编码（code）或设计您的第一个网页前，您必须决定是使用HTML 网页编辑器（HTML editor）还是文字编辑器（text editor），例如：Notepad或WordPad。

当您决定了HTML 网页编辑器（HTML editor）且开始准备制作您的网站，请考虑一下您希望的网站外观与功能。您甚至可以考虑画出您的想法，这可以帮助您对网站与网页的想像更具体。以下是一些网页设计时需要考虑的注意事项。

1. 您想要怎么存取所有的文件？所有的文件都存在相同的文件夹或路径（directory）吗？假如您有大量不同的图片与文件，我建议您将页面、文件和图片分别储存在不同的路径里。

2. HTML文件都会被储存为.HTM还是.HTML？用.htm or .html.都可，没有任何影响，但最好可以使用相同的副档名。

3. 网页打算使用相同的版型吗？是否要有相同的外观与感觉？

4. 主导览列要怎么做？放在每个网页的左侧、下方还是上方好？

小提示：请意识到您设计网页时，网页会随着您的想法而不断变化。就像是这个网站“ 新视野网页设计公司 ”从开始到现在，已经被改过数十次一样。

编写基本的HTML

在安装HTML网页编辑器（HTML editor）和设置文件夹后，您就可以开始创建您的网页。一开始先建立一个名为index.htm或index.html的文件首页。若没有任何具体指定，所有浏览器基本上都会把index当作首页。比如，当您输入https://www.newscan.com.tw，浏览器则会自动进入https://www.newscan.com.tw/index.htm这个地址。

当您建立index.htm或index.html文件且用HTML网页编辑器（HTML editor）打开，我们建议您将以下的原始码（source code）插入页面里。假如您的HTML网页编辑器（HTML editor）会自动把下面的HTML编码（code）放入您的页面，或着您使用的是WYSIWYG editor，那您可以跳过此步骤。

上面的编码是一个非常基本、帮助每个网页组成的例子。如您所见，这个编码以＜html＞开始，而这代表着＜html＞里面的所有内容都是HTML编码。接着是＜head＞，这是HTML文件的标题。再来是＜title＞，这是会显示在浏览器上方的网页标题。最后则是＜body＞，包含网页内所有的内文。

3、markdown 编辑器给谁用

markdown编辑器语法
分段
空一行（两个回车）分段

换行
行末加两个或多个空格才是真正的换行，否则正常的一个回车就像在 HTML 代码中一样，被当作空格处理

段落和换行有什么区别？段落在生成的 HTML 代码中被一对 <p></p> 标签包含起来，而换行只是插入了一个 <br /> 标签。一般来说，网页设计给段落之间留的空白应该比行距大。

分隔线
你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线
* * *
***
*****
- - -
---------------------------------------

标题
用 1-6 个井号 (#) 开始一行表示这一行是标题，例如：
# 一级标题
## 二级标题
###### 六级标题

列表
HTML 列表分无序列表 (unordered list, ul) 和有序列表 (ordered list, ol) 两种。在 Markdown 中用星号、加号、减号开始一行表示无序列表，用数字开始一行表示有序列表。例如：
无序列表
* Red
* Green
* Blue
有序列表
1. Bird
2. McHale
3. Parish

代码及代码块
如果是在一段文字中插入一句代码，把代码用 (`) 符号包围起来即可。这个符号在键盘左上角，1 的左边，Tab 的上面。
如果插入一大段代码也很简单，在代码的每一行之前加四个空格。
例如: `function code`

blockquote区块
用右尖括号 (>) 表示 blockquote，你一定见过邮件中这样表示引用别人的内容。可以嵌套，可以包含其它的 Markdown 元素，例如：
> ## This is a header.
> > 1. This is the first list item.
> 2. This is the second list item.
> > Here's some example code:
> > return shell_exec("echo $input | $markdown_script");

链接
文本链接形式:
[网站开发指南](http://www.yeschan.com/)
自动连接形式:
<http://www.yeschan.com/>

图片
图片形式
带alt的图片形式

强调
用星号或下划线来实现。两边分别放一个 * 或 _ 会生成 em 标签，放两个则生成 strong 标签。例如：
*单星号* _单下划线_ **双星号** __双下划线__
会生成:
<em>单星号</em> <em>单下划线</em> <strong>双星号</strong> <strong>双下划线</strong>

MathJax公式
支持[MathJax公式](http://www.mathjax.org/)，
例如:
`$ a^2 + b^2 = c^2 $`
或者:
```mathjax
x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}
```

4、UI设计需要学习多少个软件呢？中公的课程怎么样？

总的来说，还是比较多呢。

1、PS开发和发行的图像处理软件。ps不但是最受欢迎的图像处理软件，同时也是目前最主流的UI设计软件，适合界面设计、图标设计、手绘。
2.Illustrator，应用于出版、多媒体和在线图像的工业标准矢量插画的软件。适合生产任何小型设计到大型的复杂项目。

3.Axure RP，一个专业的快速原型设计工具。能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

4.XMind ，一款非常实用的商业思维导图软件，致力于使用先进的软件技术帮助用户真正意义上提高生产率。

5.Sketch，目前最火的UI设计工具。Sketch的界面非常棒，是为想要设计图标或界面的用户而特制的，支持多个文件分层；使用了最佳的文字渲染和文字样式算法；画布具有无限尺寸；而且切片工具非常棒。

6.MarkMan，一款高效的设计稿标注、测量工具。

7.Cutterman，非常好用的切图工具，是一款photoshop插件，能够让你只需要点击一个按钮，就自动输出你需要的各种各样的图片，快到没有朋友！

8.Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。

每一款软件在UI设计中都是发挥着重要的作用的，所以如果我们想更好的想自己的UI设计理念实践展现的话，这样一些工具也是必不可少的。

最后，UI设计是一个艺术性质的设计，所以艺术审美的感知能力是必须要具备的。

5、网页设计中常用的javascript脚本有哪些

$(“a[href=’#top’]”).click(function() {   

$(“html, body”).animate({ scrollTop: 0 }, “slow”);   

return false;   

});  

复制以上代码放在网页的JavaScript标签中，然后在底部添加一个id为“top”的链接就会自动返回到顶部了。

2、复制表单顶部标题到底部：

var $tfoot = $(‘<tfoot></tfoot>’);   

$($(‘thead’).clone(true, true).children().get().reverse()).each(function(){   

$tfoot.append($(this));   

});   

$tfoot.insertAfter(‘table thead’);  

3、载入额外的内容：

$(“#content”).load(“somefile.html”, function(response, status, xhr) {   

// error handling   

if(status == “error”) {   

$(“#content”).html(“An error occured: “ + xhr.status + ” “ + xhr.statusText);   

}   

});  

有时候需要为单独的一个div层从外部载入一些额外的数据内容，下面这段短码将会非常有用。

4、设置多列层等高：

var maxheight = 0;   

$(“div.col”).each(function(){   

if($(this).height() > maxheight) { maxheight = $(this).height(); }   

});   

$(“div.col”).height(maxheight);  

在一些布局设计中，有时候需要让两个div层高度相当，下面是采用js方法实现的原理（需要等高的div层设置class为”col”）。

5、定时刷新部分页面的内容：

setInterval(function() {   

$(“#refresh”).load(location.href+” #refresh>*”,“”);   

}, 10000); // milliseconds to wait  

如果在你的网页上需要定时的刷新一些内容，例如微博消息或者实况转播，为了不让用户繁琐的刷新整个页面，可以采用下面这段代码来定时刷新部分页面内容。

6、预载入图像：

$.preloadImages = function() {   

for(var i = 0; i<arguments.length; i++) {   

$(“<img />”).attr(“src”, arguments[i]);   

}   

}   

$(document).ready(function() {   

$.preloadImages(“hoverimage1.jpg”,“hoverimage2.jpg”);   

});  

有些网站页面打开图像都未载入完毕，还要苦苦等待。下面这段代码实现图像都载入完毕后再打开整个网页。

7、测试密码强度：
这个比较给力，现在很多网站注册的时候都加入了密码强度测试功能，以下代码也简单提供了密码强度测试功能。

HTML代码部分：

<input type=“password” name=“pass” id=“pass” />  

<span id=“passstrength”></span>  

JavaScript脚本代码：

$(‘#pass’).keyup(function(e) {   

var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*W).*$”, “g”);   

var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”, “g”);   

var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”);   

if (false == enoughRegex.test($(this).val())) {   

$(‘#passstrength’).html(‘More Characters’);   

} else if (strongRegex.test($(this).val())) {   

$(‘#passstrength’).className = ‘ok’;   

$(‘#passstrength’).html(‘Strong!’);   

} else if (mediumRegex.test($(this).val())) {   

$(‘#passstrength’).className = ‘alert’;   

$(‘#passstrength’).html(‘Medium!’);   

} else {   

$(‘#passstrength’).className = ‘error’;   

$(‘#passstrength’).html(‘Weak!’);   

}   

return true;   

});  

8、自适应缩放图像：
有时候网站上传的图像需要填充整个指定区域，但是有时候图像比例并不恰好合适，缩放后效果不好。一下代码就实现了检测图像比例然后做适当的缩放功能。

$(window).bind(“load”, function() {   

// IMAGE RESIZE   

$(‘#proct_cat_list img’).each(function() {   

var maxWidth = 120;   

var maxHeight = 120;   

var ratio = 0;   

var width = $(this).width();   

var height = $(this).height();   

if(width > maxWidth){   

ratio = maxWidth / width;   

$(this).css(“width”, maxWidth);   

$(this).css(“height”, height * ratio);   

height = height * ratio;   

}   

var width = $(this).width();   

var height = $(this).height();   

if(height > maxHeight){   

ratio = maxHeight / height;   

$(this).css(“height”, maxHeight);   

$(this).css(“width”, width * ratio);   

width = width * ratio;   

}   

});   

//$(“#contentpage img”).show();   

// IMAGE RESIZE   

});  

9、自动载入内容：
现在很多网站，特别是微博，都不需要翻页的按钮了，直接下拉后会自动载入内容。下面的脚本就是简单实现了个这种效果。

var loading = false;   

$(window).scroll(function(){   

if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){   

if(loading == false){   

loading = true;   

$(‘#loadingbar’).css(“display”,“block”);   

$.get(“load.php?start=”+$(‘#loaded_max’).val(), function(loaded){   

$(‘body’).append(loaded);   

$(‘#loaded_max’).val(parseInt($(‘#loaded_max’).val())+50);   

$(‘#loadingbar’).css(“display”,“none”);   

loading = false;   

});   

}   

}   

});   

$(document).ready(function() {   

$(‘#loaded_max’).val(50);   

});  

6、HTML是什么？？

HTML是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用，HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。

页面内可以包含图片、链接，甚至音乐、程序等非文字元素，结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

(6)mark网页设计扩展资料：

1、特性

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

2、组成

字符和汉字是最基本的组成形式，同时还有许多特殊字符，它们一起构成了HTML字符集。HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。

3、语法格式

16进制颜色代码之前必须有一个“#”号，这种颜色代码是由三部分组成的，其中前两位代表红色，中间两位代表绿色，后两位代表蓝色。不同的取值代表不同的颜色，他们的取值范围是00--FF。

10进制RGB码在这种表示法中，后面三个参数分别是红色、绿色、蓝色，他们的取值范围是0--255。以上两种表达方式可以相互转换，标准是16进制与10进制的相互转换。

7、css样式前加*+html是什么意思

CSS hack 用来让网页兼容各种浏览器(在各种环境下都能“正确的”显示)

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

所以*+html.img_cpzs,.img_cpzs ul{---样式代码---}
只在IE7下面有效

8、html是什么意思

HTML是超文本标记语言(Hyper Text Markup Language)，是构成网页的基本骨架，是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。要是在浏览器中显示一份文件的内容。它本身并非程式设计，只不过是标示(Mark-up)，用来强调及组织一般性的文字。

HTML是由一些标记（tags）所构成，每个标记对浏览器下一个特定的指令，这些指令会告诉浏览器如何显示文件的内容。

HTML是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。

HTML从第一版的出现到现在，HTML已经经历了5次的改版，从HTML 2.0到HTML 5，HTML用自身的优势证明了其在网站中的优势，以至于替代了古老的C语言编程来架构部分网站。

(8)mark网页设计扩展资料：

HTML已经经历了五次重大修改，用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML标准版本。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。

HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

HTML5支持网页端的Audio、Video等多媒体功能， 与网站自带的APPS，摄像头，影音功能相得益彰。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助实现服务器将数据“推送”到客户端的功能。

HTML5支持新的CSS3，在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

9、1. HTML是一种页面( )型的语言。 A. 程序设计 B. 执行 C. 编译 D. 描述 2．在网页设计中，( )是所有页面中

选d
HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广版泛的语言，也是构成网页文档的权主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

10、网页制作中如何设置“设为首页”和“加为收藏”？

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.XXXX);return false;">设为主页</a>
<a href="javascript:window.external.AddFavorite('http://xxx', 'XXXX)">收藏本站</a>

现在这个很少有人在用了