您好!欢迎进入广东华商网络科技有限公司

15年 网络营销推广经验 专门为您提供全方位服务!

在线客服
服务热线
0769-22039555
138-2729-8991

业务咨询微信
返回顶部
首页 > 建站推广资讯 > 详细内容

网站建设的基本流程是什么

2018-05-09

  网站建设的基本流程是什么

  确定网站的功能,并在此基础上进行总体的规划,包括网站的大致内容、网页使用的风格、版面布局、特效等;根据网站内容搜集素材,包括资料的搜集、整理与修改;制作网站。

  怎样规划本地站点:在开始创建网页之前,首先需要使用Dreamweaver建立一个本地站点,一般来说,在一个站点需要设置的文件夹大致有如下几个:1)adm:放置后台管理程序;2)audio:放置音频文件;3)backup:放置备份文件;4)doc:放置Word文档;5)img:放置站点中用到的图片;6)source:放置开发过程中编写的源文件,如用Phototshop编辑的,未合并层之前的图片,保留源文件的目的是方便将来修改编辑;7)viedo:放置音频文件:不管是文件夹还是文件,命名的时候最好使用英文或者拼音,因为有些操作系统不支持中文名称,如果使用中文,会使得相应文件不能被访问。

  1如何输入空格:在Dreamweaver8中,可以输入连续的空格,方法是按[Shift+Ctrl+Space]组合键,也可以切换到全角状态,然后直接按空格键就可以插入全角空格了。此外还可以利用“文本”插入面板,单击“下箭头”图标即可插入一个半角空格,也可以在HTML源代码编辑窗口中直接加入“ ”代码。

  如何解决按[Enter]键换行后,两行之间的间距太大的问题:按[Shift+Enter]组合键换行,则第二行将紧贴上一行文字。

  如何将文字颜色恢复为默认颜色:如果想还原为默认的文字颜色,只需单击色板右上方的“方格加斜杠”按钮即可。

  怎样定义段落:将光标定位到要定义为段落的文本中,单击“文本”|“段落格式”|“段落”命令,这时光标所在处的文字块就被定义为段落,其两端分别会被添加<p>和</p>标记。如果希望取消对段落的指定,可以在“段落格式”子菜单中选择“无”选项。

   网站建设

  如何设置水平线的颜色:在“属性”面板中有一个“快速标签编辑”按钮,单击此按钮,将弹出一个“编辑标签”文本框,在其中输入“color=颜色”,例如,要设置水平线为红色,输入代码“color=#FF0000”,按F12可以看到效果。

  如何制作滚动字幕:在代码<body></body>之间添加了<marquee></marquee>之间输入要在页面中滚动的文本即可。Direction=“left”表示文字向左移动;Direction=“up”表示文字向上移动;scrolldelay=”100”可以控制移动速度;behavior=”alternate”制作文字左右移动的运动效果;on Mouseout=”this.start()”和on MouseOver=”this.stop()”语句是当鼠标指针移至字幕上时,文字停止滚动,而当鼠标指针移至字幕上时,文字停止滚动。

  如何制作滚动图片:在网页中插入一个表格,在表格中插入要在页面中滚动显示的图片。选中表格,切换到代码视图,在表格代码的前面添加如下代码:<marquee onMouseout="if(document.all!=null){this.start()}"

  onMouseOver="if(document.all!=null){this.stop()}"  scrollamount=2 scrolldelay=2>,在表格代码的后面添加代码:</marquee>,保存并预览网页,就可以使表中的图片滚动起来。

  如何制作网页中的背景条纹:首先使用图片编辑软件制作一张图片,图像大小可以设置为5×5像素,一般不需要太大;然后用矩形选取工具绘制一个5×1像素的框,填充上喜爱的色彩,另存为.gif文件;最后在网页编辑软件中将其设置为背景图像即可。

  如何使文字和图片内容共处:在Dreamweaver中图片对象往往是独占一行的,文字内容只能在与其平行的一行位置上。要想让文字围绕着图片显示,可选中图片,在“属性”面板的右下方有一个“对齐”下拉列表框,从中选择“左对齐”选项,这样文字就会均匀地排列在图片的右边了。

  如何设置文字和图片之间的间距:在设置了文字和图片的对齐方式后,有时还需要设置文字和图片之间的间距,这时可选中图片,在其“属性”面板的“垂直边距”和“水平边距”数值框中输入间距数值即可。

  如何为图片设置边框:选中图片后,在其“属性”面板的“边框”数值框中输入一个数值,可以为图片添加一个相应宽度的边框。

  如何创建热点:选中图像后,在图像“属性”面板中有几个创建热点的工具按钮,单击其中的一个按钮,在图像上拖曳鼠标即可创建一个热点。如此反复操作,可以在一个图像上创建多个热点,并分别对它们设置链接。

  在相对链接中,有时会看到“.”和“..”两个符号,它们的含义是什么:“.”表示当前目录,如“./link.htm”就表示当前目录下的link.htm文件与当前文件存放在同一目录下;“..”表示上一级目录,如“../link.htm”就表示上一级目录下的link.htm文件,即link.htm文件存放在当前文件的上一级目录下。

  如何创建锚记链接:选中需要设置锚记链接的文本,单击“窗口”|“属性”命令,打开“属性”面板,在“链接”文本框中输入#,再输入已经定义的锚记名称即可。

  如何创建空链接:选中要设置空链接的对象,在“属性”面板上的“链接”文本框中输入#即可。

  怎样布局网页:1)纸上布局法:许多网页制作者不喜欢先画出页面布局的草图,而是直接在网页编辑工具中边设计边加内容。这种不打草稿的方法很难设计出优秀的网页来,所以在开始制作网页时,最好首先在纸上画出页面的布局草图;2)软件布局法:如果不喜欢用纸来画出布局示意图,那么还可以利用PHOTOSHOP软件来完成这些工作。不像用纸来设计布局,利用PHOTOSHOP可以方便地使用颜色、图形,并且可以利用层的功能设计出用纸张无法实现的布局意念