导航:首页 > 万维百科 > 网页设计七大常用

网页设计七大常用

发布时间:2020-09-10 05:10:41

1、网页设计的一些常用代码有哪些?

"这个我只能举例两个了!!
点击返回上页代码:

以下为引用的内容:<form> <p><input TYPE=""button"" VALUE=""返回上一步"" ONCLICK=""history.back(-1)""></p> </form>

弹出警告框代码:

以下为引用的内容:<form> <p><input TYPE=""button"" VALUE=""弹出警告框"" ONCLICK=""AlertButton()""></p> </form> <script language=""JavaScript""><!-- function AlertButton(){window.alert(""要多多光临呀!"");} // --></script>"

2、网页设计的常用工具有哪些,简单回答每种的不同

工具类
dreamweaver 主要用来网页布局,整合各种资源。
photoshop 主要用来做图像,一般先用photoshop做效果图,UI等。
flash也用,不过目前少了点。主要用来制作网页动画,可以全站用flash做(不推荐)。
-------------------
前端语言类
html 这个很重要的语言,一定要去了解。
javascript 网页特效类,鼠标响应类等
---------------------------------
后端语言类
PHP,ASP.NET等
数据库
MYSQL , MS SQL

3、网页设计要用到哪些软件?

FLASH动态图象,视频处理,这个不用多说。
PHOTOSHOP图片处理
Dreamwaver传统的专业网页网站制作软件。
还有一个相片处理的软件Macrmedia Fireworks ,处理成品相片特别是网页图片链接这一块比PHOTOSHOP要好点。
一些网页的制作链接,主页和分页的制作。在Dreamwaver都可以实现。不会的话上面会有新手教程。
制作好了之后还有一个网站上传的软件,这个太多,你可以自己去搜一下,各种软件都是不错的。

首先你要申请到一个网站域名,然后再到服务器上申请一个空间,把这个空间和你的域名绑定。然后按照提示。把你的网站源文件上传到指定的空间系统文件夹中。这样。你就可以访问你的网站了。
最好,你先学一下制作网站后台,如果你学会了这个,那么这些软件基本上用不着。只是图片处理一下,需要改动的网站格局在你的后台就可以改动。也更加便于你的管理。

4、网页设计中常用的工具有哪些?辅助工具有哪些?

2 . HTML 入门例子
HTML入门例子 -- 自己可以尝试编辑
HTML 入门例子示例 -- 可以尝试编辑

* 在网页中输入文字
* 定义一个段落
* 定义多个段落
* 在一个段落中换行
* 为网页加上水平分割线
* 定义文字的颜色
* 定义网页的背景颜色
* 尝试链接到百度和google

好通过上面的演练有点感觉了吧?下面开始详细学习:)

<1>打开记事本:点击"开始"--选择"程序"--选择"附件"--选择"记事本"

<2>输入下面代码(直接拷贝过去就可以啦)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html>
<head>
<title> 欢迎来到梦之都 </title>
</head>
<body>
<p>这是我的第一个网页,在这里
<a href="http://www.dream.com/xhtml/">
尽情学习HTML吧!
</a>吧!
</p>
</body>
</html>

<3>点击"文件"--选择"保存"--选择文件类型为"所有文件"--文件名输入"dream.html"并选择文件保存地址.(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)

<4>现在我们可以双击这个文件.看看效果吧 .
现在解释一下上面的例子:

* HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.
* <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写.具体文档类型后面有介绍(见文档类型),现在只要照写就形.
* HTML文档中,第一个标签是<html>.这个标签告诉浏览器这是HTML文档的开始(见html标签).
* HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止.
* 在<head>和</head>标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).
* 在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).
* 在<body>和</body>标签之间的文本是正文,会被显示在浏览器中(见body标签).
* 在<p>和</p>标签代表段落(见p标签).
* <a>和</a>定义了一个超链接,用户只要点击了"尽情学习",就可以链接到http://www.dream.com网站(见a标签).

引用网址:http://www.dream.com/xhtml/novice/
几个问题:
我只能使用记事本做编辑器吗?

答:有很多编辑器可以使用,一些所见即所得的编辑器,比如Dreamweaver,Frontpage你可以很容易创建一个页面,而不需要编写代码,但有可能产生一些垃圾代码.

如果你想成为一名熟练的网络程序开发者,我强烈建议你用纯文本编辑器编写代码,这有助于学习HTML基础.当然也可以使用比较强大的文本编辑器,比如:EditPlus UltraEdit.

猴子推荐: 编辑网页时可以同时使用Dreamweaver与EditPlus,Dreamweaver的强大功能可以快速的产生大量代码,再通过EditPlus修正完善代码.
我编写完了HTML文件,但是双击后并不能在浏览器中看到结果,为什么?

答:请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:dream.html,并且确认你用浏览器打开的是同样的文件.
我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?

答:浏览器缓存了你原先的页面,所以它不会读取新的页面.你修改了这个页面,浏览器并不知道.请使用"刷新/重载"按钮来强迫浏览器读取编辑过的页面,或按F5反复刷新.
怎么显示文件扩展名?

答:打开"我的电脑"--选择"工具"--选择"文件夹选项"--选择"查看"--去掉"隐藏已知文件类型的扩展名"的对勾.

显示文件扩展名

猴子推荐: FireFox浏览器在编辑网页时是不可或缺的,我们应该同时使用IE与FireFox查看网页效果.
延伸阅读

* CSS 入门例子

5、网站建设的七大标准是什么?

山东诚逸科技提醒您
网站制作公司必须遵循的七大标准:
一、网站主题规划主题不可过于分散,网站主题越集中,一般情况下网站所有者在这方面投入的精力会更多,因此所提供信息的质量也会越高。
二、丰富网站内容两者相辅相成,有着丰富内容的通常会受访问者的欢迎。但是这里的内容丰富并不是指内容的繁杂,而是指内容的深度。搜索引擎在排名网站时,不仅要看网页的信息相关度,同时也会考虑网站的声望如何,比如外部链接有多少,网页的点击率有多高等等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面由于不同的搜索引擎在网页支持方面存在差异,因此在网页设计时不要只注意外观漂亮,许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。
三、框架结构有些搜索引擎(如FAST)是不支持框架结构的,他们的"蜘蛛"程序无法阅读这样的网页。图象区块(Image Maps),除谷歌明确支持图像区块链接,其他引擎是不支持它的。当"蜘蛛"程序遇到这种结构时,往往会感到茫然不知所措。因此尽量不要设置链接。
四、特效链接有不少的网站为导航链接加上了特效,如点击某个项目会展开下层链接等。这些效果一般通过Java 实现,视觉上非常新颖,但在"蜘蛛"程序的眼里则没那么诱人,相反它无法解读这种链接。为了让搜索引擎顺利检索到网页,建议还是牺牲掉一些花哨的东西。
五、FLASH虽然FLASH制作的网页视觉效果较好,但搜索引擎对此却不太感冒,个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择,这样即增加了网页的观赏性,又照顾到了搜索引擎的情绪。
六、动态网页任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由 CGI、PHP、ASP、JSP等程序产生,技术上较先进,但不适合搜索引擎的“蜘蛛”程序。
七、代码质量当创建一个网站,它是很好的做法,以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的,标准可以涉及到正确的页面布局的可读性,以及确保适当地关闭了编码元素。这包括代码中的错误,代码为更好的布局,以及确保你的ID和class的正确识别。

6、网页设计中常用的基本工具有哪些?

dreamweaver/EditPlus:编码
photoshop/fireworks:制作效果图、动画
flash:制作动画

7、网页设计中最常用的字体有哪些

1、Georgia字体

基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。


2、Times字体

Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。


3、Arial字体

Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常。


4、Lucida Family字体

Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。


5、Verdana字体

专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。


6、Tahoma字体

也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。

与网页设计七大常用相关的知识