首先感谢提供此教程的朋友,可以给大家学习的机会,很有用,留着好好学。如下正文:
如果你是从(1)开始坚持到(10),一个网站已经完成了,发现并不难!
第一个任务:申请域名
网站所必须具备的三要素:第一:域名(网址)第二:网站空间(虚拟主机)第三:程序(网页)从这里可以看出域名的重要性.形象打个比方:你准备开一个公司,首先要有一个名字,这就是域名,然后我们是不是要租间房子呢?这就是所说的网站空间。我们开公司租房子干什么呢?是为了我们用来办公,能够让员工、客户和办公家具与电脑、打印机有容身之地。员工、客户和办公家具就类似于我们网站的程序(内容)。
1、域名是什么?
2、如何申请域名呢?
点击“查询按钮”,然后:看来genwoxue这个域名还是很热的,除了.mobi你还可以注册,其它的都被注册过了。下一步就是你联系域名服务商购买域名了。这个过程我就不在此啰嗦了,服务商很热情噢!
第二个任务:购买网站空间
1、空间是什么?
一般俗称的“网站空间”就是专业名词“虚拟主机”的意思。就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器,每一个虚拟主机都具有独立的域名和完整的Internet服务器(支持WWW、FTP、E-mail等)功能。简单地讲,就是存放网站内容的空间。
2、如何选择空间?
3、如何购买空间?
4、如何上传?
第三个任务:如何备案
1、为什么要备案?
2、备案方式?
3、备案详细步骤
企业信息企业名称:单位性质:单位有效证件类型:单位有效证件号码:单位通信地址:投资者或上上级主管单位名称:主办单位所在省、市、县:
网站信息网站名称:网站首页网址:网站域名:网站IP地址:网站接入服务提供商名称:
(3)注册用户
(5)详细填写信息
注:个人备案与企业相似,在主办单位名称填入个人姓名就可以了,主办单位类型选择“个人”,上级主管单位也填个人姓名。对于不少企业或者个人,到此为止,只是等待工信部官方审批开通网站就Ok了。第一步是本省通信局审核,如果没有问题然后由工信部备案部门审批,一般会在15个自然天通过,官方说的可以是20个工作日,也就一个月。
第四个任务:使用photoshop完成设计与切图
严格来讲这个任务主要是网站美工的任务,你可以选择跳过,当然也可以了解一下并不多。
1、使用photoshop完成设计
一个网站能否被客户看中,往往第一感觉并不是功能,而是界面!很多朋友往往误解为使用Dreamweaver开始设计网页,而第一步实际上是用photoshop或者Fireworks来完成的。这可是下面是小问号在刘燕部门的指导下,用了三天的功夫才搞定的主界面!如果你也打算试试,请继续。
2、使用photoshop进行切图
小问号在刘燕的亲自指导下,经过三、四个小时的努力,终于完成了!小问号在给“中原市国土资源管理局”演示的时候还受到了表扬,小问号自语道:我也不笨啊,关键在于引导和用心啊!
第一步:启动Photoshop并打开首页效果图。
同学B的切法我们分析一下这两位同学的切割方法,同学A在相同的新闻版块中选择了一处进行切割,同学B把所有的新闻版块都进行了切割。同学A的切法考虑到了重复利用,编程者只需要制作一块新闻版块,其他相同的地方复制一份就可以了,调用的图片都一样。同学B的做法是把所有的新闻版块都进行切割,编程者需要多次重复制做相同的新闻版块,每一块都用自己区域的图片。优缺点:最初设计时版块的大小样式颜色都是现在这样的,制作完后客户突然嫌不好看,需要改变版块的大小和背景颜色。按照同学A的做法,编程者只需要重新切割一个地方的图片,其他相同版块的背景图片会全部更换(因为它们调用的是同一张图片)。而按照同学B的做法,编程者需要把所有的新闻版块重新切割。
本次PK,同学A胜。
清楚了切割原则后,我们现在就知道该怎样切了。好,现在开始切割……
1、使用dreamweaver建立站点
2、使用dreamweaver制作静态首页面
3、布局首页面
现在要开始插入表格来布局首页面了,依次点击菜单栏中的“插入”-->“表格”,这时会弹出“表格对话框”,我们依次设置表格属性:行数:1,列数:3,表格宽度:1003,边框粗细:0,单元格边距:0,单元格间距:0,如图4:
老规矩,先保存...怎么样?是不是有点感觉了?那就继续吧。好,现在做中间的部分,我们先分析一下首页的布局,大致可分为头部、中间主体、尾部三个部分,如图6:
(3)、制作第二行内容(中部):现在我们开始制作首页的中部,这里是这次课的重点,但是大家不要怕,难度并不大,相信你自己的能力,一定要动手做出来哦!老方法,先分析中部内容的布局,请看图12。
很清晰就可以看出,中部内容大致分为左右两部分,所以我们需要建立一个一行两列的表格,来放置中部内容。在第二行中插入一个1行2列的表格,宽度为980px,边框、边距、间距均为0,将这两列的垂直对齐都设成“顶端”,将第一列的宽度设置为750px,水平对齐设置为“左对齐”,将第二列的水平对齐方式设置为“右对齐”。A、制作第一列内容:我们现在分析一下第一列内容的布局,如图13:
恭喜你说对了,我们现在插入一个5行1列的表格,宽度为747px,边框、边距、间距均为0,将这五行的水平对齐都设成“居中对齐”,垂直对齐都设成“顶端”。<1>第一行内容:第一行中包括轮换图片新闻和工作动态两部分内容,所以我们再插入一个一行两列的表格,宽度为747px,边框、边距、间距均为0,将这五行的水平对齐都设成“居中对齐”,垂直对齐都设成“顶端”。·将第一列的宽度设为343px,高度设为311px,插入图片“images/index_blank_13.gif”。·在第二列中插入一个3行一列的表格,宽度为404px,高度为311px,边框、边距、间距均为0,将这三行的水平对齐都设成“居中对齐”,垂直对齐都设成“顶端”。将第一行的高度设为37px,设置背景图像为“images/index_blank_14.gif”,将第二行的高度设为263px,背景图像设为“images/index_blank_19.gif”,将第三行的高度设为11px,并插入图片“images/index_blank_25.gif”。好了,到此第一行的内容做好了,大家运行一下看看效果,是不是像那么回事了?如图14:
<1>第二行内容:第二行中包括滚动图片,将高度设为88px,插入图片“images/index_blank_26.gif”。<3>第三行内容:第三行用于放置三块黄色背景的专题版块。插入一个一行三列的表格,宽度为747px,边框、边距、间距均为0,将三列的宽度全部设为249px,垂直对齐设为“顶端”,将第一列的水平对齐设为“左对齐”,第二列的水平对齐设为“居中对齐”,第三列的水平对齐设为“右对齐”。·第一列:第一列中再插入一个3行1列的表格,宽度设为240px,高度设为184px,边框、边距、间距均为0,将这3行的水平对齐都设成“居中对齐”,垂直对齐都设成“顶端”。将第一行的高度设为32px,背景图片设为“images/index_blank_32.gif”,将第二行高度设为150px,背景设为“images/index_blank_34.gif”,将第三行中插入图片“images/index_blank_38.gif”,高度设为2px。好了,到此第一列的板块就做好了。·第二列:将刚刚在第一列中做那个三行一列的表格复制进来。·第二列:将刚刚在第一列中做那个三行一列的表格复制进来。好了,到此第三行的内容做好了,大家运行一下看看效果,是不是更像那么回事了?如图15:
怎么样?是不是特有成就感呢?那我们就接着完成右半部分的内容吧
(2)、制作第二列内容:还是老规矩,先分析下第二列内容的布局,如图17:
第六部分:使用HTML完成公告
本节学习如何使用HTML完成滚动的公告,昨天大家学得是不是很有趣呢?那么今天学得东西会让你更加激动,因为今天学的东西“会动”。好,下面就介绍如何使用HTML语言让文字动起来。(1)、先用Dreamweaver打开昨天做好的index.html页面,切换的“设计”窗口,在右上角放置公告的地方插入一个4行1列的表格,将表格宽度设为230px,将这四行的高度全部设置为30px,水平对齐设为“居中对齐”。在第一行中输入“国务院公布2009年全年放假通知”,第二行中输入“通知通告”,第三行中输入“任免通知”,第四行中输入“土地使用权挂牌出让公告”,输入完后将这四行文字大小设置为12px。如图1:
(2)、选中刚才插入的表格进入到“代码”视图,在表格代码(
OK,滚动通告就这样就做好了,你运行一下试试吧。
1、使用Javascript完成当前日期显示
2、使用Javascript完成自动切换图片
3、填充主页面所有内容OK,到现在我们的主页面所有的准备工作都已完成了,接下来我们将首页面中的内容手工加入,最终形成一个带“真实”内容的静态首页,以便我们稍后根据页面内容的布局来加入程序。这一步在这里就不详细介绍了,由大家参照我们的例子自己完成。在填充内容时有几项需要交代的,如下:
第八个任务:使用SQLServer2005创建数据库
1、做这个网站你应该具备的SQLServer2005基础
SQL语句:CREATEDATABASE、CREATETABLE、CREATEVIEW、INSERT、UPDATE、SELECT、DELETE语句。当然SQLServer2005不仅仅如此,更高级的知识请到我们的VIP会员专区提升,但这已经具备了做这个网站的基础。
2、使用SQLServer2005
好了,到此这个网站中需要用到的数据库和表已经建立完毕了,大家可以按照上面的例子建表,如果你认为自己建立的表结构或字段名称更合理的话也可以根据自己的想法建立。
第九个任务:使用VS2005完成本网站站点的建立
1、VS2005是一个C#集成的开发环境,Dreamweaver做界面似乎有独到之处?
第十个任务:从index.html转为index.aspx之前我们已用Dreamweaver工具做好了静态的首页面Index.html,这节课教大家怎样将index.html转变为ASP.NET页面:index.aspx。
第十一个任务:后台新闻信息及新闻类别的添加与管理一到目前为止,我们网站的静态首页面已经做好了,下面我们就要开始制作网站的后台及数据库部分,然后我们将首页面中需要更新内容的地方做成动态的(可读取数据库信息)就可以了。
这节课我们提到了动态网站这个名词,现在我相信还有相当一部分同学对动态网页、动态网站还不是十分理解,或则说理解的不够准确,在此我给大家简单介绍一下动态网站的含义,大家能够理解即可.所谓动态网页并不是网页中有个动画有个滚动新闻看起来网页里面"会动"就是动态网页了,这种理解方式大错特错.动态网站里面最大一个特点就是"交互",所谓的动态网页是指浏览者与我们网站之间能够形成一个交互关系,浏览者通过发出指令(用鼠标点击网页中链接或按钮,按下键盘的某一个键等等)能够使网页执行某项操作,比如留言板中我们输入完留言内容后点击"保存"按钮即可完成留言,想查询我们的手机余额和话费清单时,我们只需要输入你的手机号点击"查询"按钮即可调出我们的手机信息等等.像我们平时看到的留言板、博客、论坛、各种查询系统及管理系统等都是属于动态网站范畴.
下面进入正题:1、制作大类的添加页面我们网站中的信息分为好多类别,所以我们在后台发布信息的时候就要先选择"所属类别"再发布信息,而我们要做的网站属于中大型门户网站,其中的类别会经常增减或修改名称,那么网站中的类别就需要管理员可以在后台中轻松管理,所以在制作后台发布信息功能之前要先做好类别的管理功能.类别的具体制作方法请观看视频.
2、制作小类的添加页面我们网站中的“办事大厅”、“交易大厅”、“专项工作”等大类中又分有许多小类别,那么现在就开始讲解如何制作小类别的添加页面。
第十二个任务:网上调查的制作网站首页中的新闻板块已经全部做完了,现在我们开始制作“网上调查”栏目。制作“网上调查”共分三个步骤,第一是制作调查的添加/管理页面,第二是在首页中制作投票板块,第三是制作投票结果查看页面,现在开始制作吧。
1、制作调查的添加页面
现在开始制作调查的添加页面。我们要想做网上调查,那么就需要先制作一个调查的添加页面,由管理员通过添加页面添加一个调查项目,浏览着就可以开始投票了,目前我们的数据库中已建立好了调查表(Vote),具体制作步骤请点击下面链接观看视频教程。
2、在首页中制作投票板块
目前我们已制作好了投票的添加页面,并成功的添加了一个投票项目,现在我们开始在首页中制作投票板块,具体制作步骤请点击下面链接观看视频教程。
3、制作投票信息查看页面
我们现在已经制作好了投票的添加和应用部分,还差最后一部就是投票信息的查看页面。具体制作步骤请点击下面链接观看视频教程。
第十三个任务:使用Reaperter完成详细内容页面的制作目前我们网站首页中的新闻板块都做好了,需要再做一个页面用于显示详细的新闻内容。在制作之前需要我们准备好一个空的二级页面,以便我们可以直接在上面做程序,这里我做好了一个模板供大家直接下载使用。下面就开始讲解具体制作过程。