站长网新手培训第二课:网站制作基本常识
制作网页的工具 (office 2003)FrontPage Dreamweaver 8.0东方网页王FLASH 8.0FIREWORKS 8.0photoshop 8工具哪个使用方便,我们就用哪个,工作是为是提高效率.时间就是金钱。
推荐用 Dreamweaver FLASH 图像处理上因个人所好了。FIREWORKS 和 photoshop 都行 动态网页asp + (access 或 mssql)asp.net + (mssql)php + mysqljsp + mysql以上的是推荐的,并不是asp一定要使用mssql数据库。orcal 我们站长用不着。
做网站的相关规划和流程网站主题的确定素材的获取与加工网站结构设计网站的编辑与美化网站的测试与修改网站的上传、登录与维护。我们为了加速网页的下载速度,这就需要我们让网页的HTML源码尽可能地减少。事实上不必,网站也不会愿意去删除任何网站的可视内容,这时候对源码中多余代码的清除就显得势在必行。对多余代码的清除和源码的精简,我们就能够创建一个体积更小,下载速度更快的网页.我们现在制作网页中多用css来对页面的控制 ,便于以后对网站的维护
在admin5的论坛中有人问到什么是框架<iframe src="" width="" height="" frameborder="0" scrolling="no" >您的浏览器不支持框架</iframe>当用户的浏览器不支持iframe的时候,就会显示中间的 友好提示文字frameborder 是边框。scrolling 是滚动条src是网页的文件,但是加多一个iframe,就会浪费多一倍的IIS数。当在设计Web页面以及需要对一个div进行标识的时候,最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。这种方法使得类以及id的名称如下面-所示: top-panel horizontal-nav left-side center-column right-col 这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义,因此满足了标识页面元素以及相应的CSS样式的需要。 但问题是这样的名称同页面内容的特定表达方式相关联。这些命名参考了某种特定页面布局中的页面元素位置,因此在这样的布局之外使用就会显得不合适甚至造成理解混-乱。同时,这些命名没有涉及文档内容的结构。因此,下面给出了对CSS类以及ID命名更好的方法。结构化命名 结构化的标记意味着表达方式/位置信息同内容的完全分离--这其中包括出现在标记(markup)中的类和id名称。 有标记的相关信息都是用来描述文档的结构而不是外观。这样的特点使得我们可以通过简单的改变CSS的方式来对不同外观格式下的内容(content)以及标记(-markup)进行重用。当你理解这种方式时,很容易就可以发现采用页面位置来为类以及id命名的方式在处理如音频(audio)等外观格式上显得非常不合适。-因此,应当根据在文档中的使用目的而非出现位置来对类以及id进行结构化命名。可以按照如下所示的结构化方式来对类以及id名称命名: branding main-nav subnav main-content sidebar 这些名字同直观命名方式一样非常易懂,但他们描述了页面元素的作用而非位置。这使得代码更加符合使用纯粹的结构化标记(structural markup)的初衷,即开发人员可以在不改变标记的情况下对各种各样媒体下的显示格式进行处理。 即使你不打算在其他的媒体上对Web页面进行格式修改,使用结构化命名方式还可以帮助你在日后的站点升级或重新设计中更为轻松。例如,结构化命名避免了当一个d-iv同id right-column移动到页面左边后所带来的混乱。对div sidebar的采用这样的命名方式就显得更加适当,因为无论它出现在页面的哪一边,这个名字仍然对开发人员来说直观易懂。惯例最常用类/id名称的示例列表: header content nav sidebar footer 常用标签: div:主要用于布局,分割页面的结构 ul/ol:用于无序/有序列表 span:没有特殊的意义,可以用作排版的辅助 h1-h6:标题 h1-h6 根据重要性依次递减 h1位最重要的标题 label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西以下是引用片段: <label for="user-password">密码</label> <input type="password" name="password" id="user-password" /> (XHTML 1.0 Strict 下不能通过,可以使用"p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" ) dl dd dt 定义列表,当页面中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签以下是引用片段: <dl> <dt>猫 <dd>一种可供饲养的小宠物。 <dt>蜥蜴 <dd>通常可在干燥区域发现的爬行动物。</dl>
网页抓手(FileCatch) 1.07 网页抓手(FileCatch)是设计来取代IE的另存为菜单的软件,能够嵌入到IE的右键菜单中后台形式保存网页,不打断浏览;此外,FileCatch仅仅保存网页而不包括图象,解决了一存一大堆的现象;FileCatch提供了自动生成一定意义名称的功能,使你不需要为命名烦恼;FileCatch通过智能补完相对地址到网页中,解决了保存的网页超链接丢失的现象;FileCatch能够将网页依耐的CSS嵌入保存到html文件中,保持网页的美观,逼进在线的效果;FileCatch支持对智能选项和代理服务器,使你方便的使用定制;FileCatch是免费软件,你可以自由的使用。