自学网站建设,有几点不懂的请教大家

html-css04

自学网站建设,有几点不懂的请教大家,第1张

dreamweaver只是一个辅助软件,可以提高做网站的效率。首先,你要从HTML代码开始,在硅谷动力可以找到很多很好的教程,然后再学CSS,所谓的div+css就是用HTML代码中的<div>标签+css代码来布局,你在学会HTML和CSS以后自然就知道了。建议你刚开始最好用记事本来写代码,写完后把后缀名改成html就是一个网页了,因为dreamweaver有代码提示功能,例如你输入 <d 以后软件自动就将d开头的所有标签都列出来了,如果刚开始学用记事本来些代码的话就不会偷懒了,你学会的代码也就绝对忘不掉了!

建站的流程简单的说就是先写代码,然后购买空间和域名,将源文件上传到空间,将空间和域名绑定。交不起服务器租金的话可以百度搜一下免费空间,不过免费空间稳定性很差,只是用来学习的话倒是可以,域名也有免费的,只不过是二级域名,刚开始可以用免费的空间和免费的二级域名做实验,熟悉下整个建站的流程。

淘宝商城可不是用代码些出来的,是在淘宝的管理后台弄的。

HTML代码大约一到两周能够学会,CSS也是一到两周,都很简单,不过只用HTML和CSS写出来的网页只是静态网页,不能跟用户交互,要实现交互功能还需要学习JavaScript脚本语言,ASP或者PHP语言。

一下子讲这么多楼主可能不太明白,学习网站建设是一个循序渐进的过程,不能一口吞个大胖子,先了解一下就行了,先从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">

<head>

<title>jquery ui弹出div层对话框--柯乐义</title>

<link rel="stylesheet" href="http://keleyi.com/keleyi/pmedia/jquery/ui/1.10.3/css/smoothness/jquery-ui.min.css" />

<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>

<script src="http://keleyi.com/keleyi/pmedia/jque www.hbbz08.com ry/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>

<script type="text/javascript">

function keleyidialog() {

$("#dialog").dialog()

}

</script>

<style type="text/css">#dialog{display:none}</style>

</head>

<body>

<div style="width:338pxheight:100pxmargin:10px auto"><input type="button" onclick="keleyidialog()" value="点击我" />

<a href="http://keleyi.com/a/bjac/5939d3b2c920ff6d.htm" target="_blank">原文</a><a href="http://keleyi.com/keleyi/phtml/jui/dialog/1.htm">无动画</a><a href="http://keleyi.com/keleyi/phtml/jui/dialog/2.htm">动画</a>

<a href="http://keleyi.com/keleyi/phtml/jui/dialog/3.htm">redmond</a>

<a href="http://keleyi.com/keleyi/phtml/jui/dialog/4.htm">sunny</a>

<br />点击按钮弹出对话框

</div>

<div id="dialog" title="div层对话框">

<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>

<p>柯乐义:这是一个弹出div层对话框,可用于显示信息。可以拖动和关闭这个弹出层,还可以改变它的大小。 </p>

</div>

</body>

</html>

复制代码

还有多种样式可供选择,例如eggplant或者vader等。只需将上面代码中的smoothness换掉就eggplant、sunny、redmond或者vader可以了。例如vader:http://keleyi.com/keleyi/phtml/jui/dialog/2.htm

sunny:http://keleyi.com/keleyi/phtml/jui/dialog/4.htm

jquery ui的dialog方法,有着很强大的功能,比如把上面代码中的keleyidialog函数换成以下代码则有不同效果:http://keleyi.com/keleyi/phtml/jui/dialog/1.htm

代码:

View Code keleyi.com